@charset "UTF-8";
/*********************************************************



# Main SCSS Collection 



**********************************************************/
/******************************** 

Vendor / Framework :

*********************************/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import '../fonts/icomoon/style.css';
@import '../fonts/montserrat-webfont/style.css';
@import '../fonts/inter-webfont/style.css';
@import '../fonts/work-sans-webfont/style.css';
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/******************************** 

Vendor:

*********************************/
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/fonts/fontawesome-webfont.eot?") format("embedded-opentype"), url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/fonts/fontawesome-webfont.svg?v=4.6.3") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before, .fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before, .fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158";
}

.fa-won:before, .fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before, .fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before, .fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/css/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/css/fonts/slick.eot");
  src: url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/css/fonts/slick.eot?") format("embedded-opentype"), url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/css/fonts/slick.woff") format("woff"), url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/css/fonts/slick.ttf") format("truetype"), url("https://www.boulderlounge-chemnitz.de/files/theme_element_v2/css/fonts/slick.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
}
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}
.sl-wrapper button:hover {
  opacity: 0.7;
}
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}
.sl-wrapper .sl-close:focus {
  outline: none;
}
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem;
}
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button:focus {
  outline: none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: "object-fit: cover;";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/******************************** 

01 Config :

*********************************/
/****************************

	# Colors

*****************************/
/*
$c-primary : rgba(218,38,50,1);
$c-primary-dark : rgba(162,22,32,1);
$c-primary-medium-dark : $c-primary-dark;
$c-primary-medium : rgba(115,59,65,1);
$c-primary-light : lighten($c-primary, 20);


$c-secondary: rgba(35,138,170,1);

$c-secondary-light: rgba(76,181,214,1);
$c-secondary-medium: rgba(32,124,154,1);
$c-secondary-dark: rgba(9,92,118,1);


$c-secondary: #2d949b;
$c-secondary: rgba(48,155,160,1);
$c-secondary-medium: rgba(46,127,133,1);
$c-secondary-dark: #256f75;
$c-secondary-light: #49bec6;


$c-white : #ffffff;
$c-light : rgba(216,216,216,1);
$c-super-light : rgba(243,243,243,1);



$c-dark : rgba(115,104,109,1);
$c-black : rgba(44,38,41,1);

$c-sub-light:rgba(245,244,245,1);

$c-sub-dark: #878786;
$c-sub-medium:rgba(115,100,99,1);


*/
/****************************

	# URLs

*****************************/
/****************************

	# Font Stacks

*****************************/
/****************************

	# Images

*****************************/
/* Clearfix */
/******************************** 

02 Logic : (Mixins)

*********************************/
/* Media Query, based on Breakpoints in variables.scss  */
/* Set a rem font size with pixel fallback */
/* Cross browser opacity */
/* Block Center */
/* Box Shadow */
/* Border-radius */
/* Gradient */
/* Layout */
/* Overlay */
/* Ornament (Strich) */
/* Circle */
/******************************** 

03 Motion  : 

*********************************/
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes loadingbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes loadingbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes loadingbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shake {
  0%, 50%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: translate3d(0, 2px, 0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fixedAndFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes width-grow {
  0% {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
/*animations*/
/*animations*/
.animation-delay-250 {
  animation-delay: 0.25s;
}

.animation-delay-500 {
  animation-delay: 0.5s;
}

.animation-delay-750 {
  animation-delay: 0.75s;
}

.animation-delay-1000 {
  animation-delay: 1s;
}

.animation-delay-1250 {
  animation-delay: 1.25s;
}

.animation-delay-1500 {
  animation-delay: 1.5s;
}

.animation-delay-2000 {
  animation-delay: 2.5s;
}

.animated {
  animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.go {
  animation-delay: 0.2s;
}

.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slower {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slowest {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
  opacity: 0;
}

.lightSpeedInRight, .lightSpeedInLeft {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

/**********
* Fade In *
**********/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
.fadeIn {
  opacity: 0;
}

.fadeIn.go {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/*************
* FadeInLeft *
*************/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  opacity: 0;
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px);
}

.fadeInLeft.go {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/*************
* FadeInRight *
*************/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

.fadeInRight.go {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*************
* FadeInUp *
*************/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(400px);
    -o-transform: translateY(400px);
    -ms-transform: translateY(400px);
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(400px);
    -o-transform: translateY(400px);
    -ms-transform: translateY(400px);
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(400px);
    -o-transform: translateY(400px);
    -ms-transform: translateY(400px);
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(400px);
    -o-transform: translateY(400px);
    -ms-transform: translateY(400px);
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(400px);
  transform: translateY(400px);
}

.fadeInUp.go {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*************
* FadeInDown *
*************/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  opacity: 0;
  -webkit-transform: translateY(-400px);
  transform: translateY(-400px);
}

.fadeInDown.go {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*****************
* Out animations *
*****************/
/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut.go {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUp.go {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDown.go {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeft.go {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRight.go {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

/*****************
* Short Animations
*******************/
/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpShort {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

.fadeInUpShort.go {
  -webkit-animation-name: fadeInUpShort;
  -moz-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort;
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDownShort {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownShort {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}

.fadeInDownShort.go {
  -webkit-animation-name: fadeInDownShort;
  animation-name: fadeInDownShort;
  -moz-animation-name: fadeInDownShort;
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRightShort {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightShort {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.fadeInRightShort.go {
  -webkit-animation-name: fadeInRightShort;
  animation-name: fadeInRightShort;
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftShort {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
}

.fadeInLeftShort.go {
  -webkit-animation-name: fadeInLeftShort;
  animation-name: fadeInLeftShort;
}

/******************************** 

04 Base  : 

*********************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  background-color: #f8f7f7;
  color: #404040;
}

body.layout-boulderlounge {
  background-color: #f2f2f2;
  background: #f7f6f5;
}

html {
  position: relative;
}

body {
  padding: 0;
  height: auto;
  position: relative;
}

#wrapper {
  width: 100%;
  margin: 0 auto;
  background-color: #f8f7f7;
}
@media screen and (min-width: 48em) {
  #wrapper {
    margin: 0px auto;
  }
}
@media screen and (min-width: 80em) {
  #wrapper {
    max-width: 1920px;
  }
}
@media screen and (min-width: 100em) {
  #wrapper {
    background-color: #ffffff;
  }
}

.inside,
.site-branding-container,
#main .mod_article,
.site-content,
.post-single,
.colourstripe-container,
.inside-wide > .inside,
.inside-wide > * {
  width: 100%;
  width: calc(100% - 9vw);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 48em) {
  .inside,
  .site-branding-container,
  #main .mod_article,
  .site-content,
  .post-single,
  .colourstripe-container,
  .inside-wide > .inside,
  .inside-wide > * {
    width: calc(100% - 8vw);
    max-width: 1160px;
  }
}
@media screen and (min-width: 62.5em) {
  .inside,
  .site-branding-container,
  #main .mod_article,
  .site-content,
  .post-single,
  .colourstripe-container,
  .inside-wide > .inside,
  .inside-wide > * {
    width: calc(100% - 7vw);
  }
}
@media screen and (min-width: 100em) {
  .inside,
  .site-branding-container,
  #main .mod_article,
  .site-content,
  .post-single,
  .colourstripe-container,
  .inside-wide > .inside,
  .inside-wide > * {
    max-width: 1450px;
    width: 100%;
  }
}
.inside .container,
.inside #container,
.inside .inside,
.site-branding-container .container,
.site-branding-container #container,
.site-branding-container .inside,
#main .mod_article .container,
#main .mod_article #container,
#main .mod_article .inside,
.site-content .container,
.site-content #container,
.site-content .inside,
.post-single .container,
.post-single #container,
.post-single .inside,
.colourstripe-container .container,
.colourstripe-container #container,
.colourstripe-container .inside,
.inside-wide > .inside .container,
.inside-wide > .inside #container,
.inside-wide > .inside .inside,
.inside-wide > * .container,
.inside-wide > * #container,
.inside-wide > * .inside {
  width: 100%;
  max-width: none;
}

.full-width, .fullwidth, .alignfull {
  max-width: 100% !important;
  width: 100% !important;
}

.inside-small > *, .inside-small > .inside {
  width: 100%;
  width: calc(100% - 6vw);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 48em) {
  .inside-small > *, .inside-small > .inside {
    width: calc(100% - 6vw);
  }
}
@media screen and (min-width: 62.5em) {
  .inside-small > *, .inside-small > .inside {
    max-width: 100% !important;
    width: 35% !important;
    margin-left: auto;
    margin-right: auto;
  }
}

.inside-medium > *, .inside-medium > .inside {
  width: 100%;
  width: calc(100% - 6vw);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 48em) {
  .inside-medium > *, .inside-medium > .inside {
    width: calc(100% - 6vw);
  }
}
@media screen and (min-width: 62.5em) {
  .inside-medium > *, .inside-medium > .inside {
    max-width: 100% !important;
    width: 60% !important;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 80em) {
  .inside-medium > *, .inside-medium > .inside {
    width: 50% !important;
  }
}

div {
  width: 100%;
}

@media screen and (min-width: 62.5em) {
  #vp-stage {
    height: 100vh;
    display: flex;
    align-items: center;
  }
}

.row .row {
  width: 100%;
}

.flex-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.skew {
  transform: rotate(-6deg) skew(-6deg);
  transform: rotate(-5deg) skew(-11deg);
}

figure {
  margin: 0;
}

/*
.xlarge-3 {
   @media screen and (min-width: 80em) {
      width:25%;
   }
}


.xlarge-4 {
   @media screen and (min-width: 80em) {
      width:33.3%;
   }
}

.xxlarge-3 {
   @media screen and (min-width: 100em) {
      width:25%;
   }
}


.xxlarge-4 {
   @media screen and (min-width: 80em) {
      width:33.3%;
   }
}

*/
/* --------------------------------------------
   #Helper Classes 
   -------------------------------------------- */
.no-nav .main-navigation, .no-nav .mod_customnav, .no-nav .nav-toggle {
  display: none;
}
.no-nav #logo {
  margin: 0 auto;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative;
}

.max-width {
  max-width: 100%;
}

.full-width {
  width: 100%;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clearleft {
  clear: left !important;
}

.clearright {
  clear: right !important;
}

.show {
  opacity: 1;
}

.invisible {
  display: none;
}

.overflow {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.zindexUp {
  z-index: 10;
  position: relative;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.block-center, .margin-center {
  margin-left: auto;
  margin-right: auto;
}

.max-height-100 {
  max-height: 125px;
  overflow: hidden;
}

/* --------------------------------------------
   # Fonts 
   -------------------------------------------- */
body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-bottom: 5em;
  font-size: 0.9rem;
  line-height: 1.6;
  letter-spacing: 0.04rem;
  padding: 0;
  margin: 0;
  hyphens: auto;
}
@media screen and (min-width: 48em) {
  body {
    font-size: 0.9rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 62.5em) {
  body {
    font-size: 1rem;
    line-height: 1.7;
  }
}
@media screen and (min-width: 80em) {
  body {
    font-size: 1rem;
    line-height: 1.7;
  }
}

body.layout-boulderlounge {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.01rem;
}
@media screen and (min-width: 62.5em) {
  body.layout-boulderlounge {
    font-size: 1rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 80em) {
  body.layout-boulderlounge {
    font-size: 1rem;
    line-height: 1.6;
  }
}

body.layout-boulderlounge.header2 {
  font-family: "Work Sans", sans-serif;
  letter-spacing: 0;
}
@media screen and (min-width: 62.5em) {
  body.layout-boulderlounge.header2 {
    font-size: 1.05rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 80em) {
  body.layout-boulderlounge.header2 {
    font-size: 1.1rem;
    line-height: 1.6;
  }
}

/* --------------------------------------------
   # Paragraphs
   -------------------------------------------- */
p {
  margin: 0;
  line-height: inherit;
}

b,
strong {
  font-weight: 600;
}

::selection {
  background: #2D949B;
  /* WebKit/Blink Browsers */
  color: #ffffff;
}

::-moz-selection {
  background: #2D949B;
  /* Gecko Browsers */
  color: #ffffff;
}

blockquote {
  text-align: center;
  font-family: "filson-pro", sans-serif;
  font-size: 15px;
  line-height: 20px;
  position: relative;
  font-style: italic;
  width: 60%;
  margin: 30px auto;
  z-index: 100;
}
blockquote small {
  clear: both;
  display: inline-block;
}
@media (min-width: lg) {
  blockquote small {
    clear: none;
    display: inline;
  }
}
blockquote:before, blockquote:after {
  font-size: 60px;
  font-weight: 900;
  content: "_";
  display: block;
  clear: both;
  height: 20px;
  line-height: 0;
  text-align: center;
  margin-bottom: 40px;
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "{";
  font-family: "filson-pro", sans-serif;
  font-weight: 100;
  position: absolute;
  font-style: normal;
  font-size: 80px;
  left: -35%;
  top: 50%;
  padding: 0px 30px;
  opacity: 0.3;
  z-index: 90;
}
blockquote:after {
  content: "}";
  right: -30%;
  left: auto;
}

/* --------------------------------------------
   # Accent Elements
   -------------------------------------------- */
.intro {
  margin: 20px 0;
}
@media screen and (min-width: 48em) {
  .intro {
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: 100;
    margin: 40px 0;
  }
}
@media screen and (min-width: 62.5em) {
  .intro {
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: 100;
    margin: 50px 0;
  }
}
@media screen and (min-width: 80em) {
  .intro {
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: 100;
    margin: 80px 0;
  }
}
/*
.banderole {
  position:relative;

  z-index:20;


  &:before {

    @include v-center;
    @include h-center;

    top:-20%;

    content:" ";
    background-image:url(../img/banderole-light.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%; 
    z-index:-1;
    width:150px;
    height:75px;
    text-align:center;


     @include breakpoint(medium up) {
      width:180px;
      height:90px;
    }


    @include breakpoint(large up) {
      width:200px;
      height:100px;
    }
  }




  &.dark {


     &:before {


       background-image:url(../img/banderole-dark.png);





    }

  }




}


.banderole+h3 {
  z-index:20;
}

*/
@media screen and (max-width: 47.9375em) {
  .ce_text.small-12,
  .ce_headline.small-12,
  .ce_text.medium-12,
  .ce_headline.medium-12 {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .ce_text.small-12,
  .ce_headline.small-12,
  .ce_text.medium-12,
  .ce_headline.medium-12 {
    margin-bottom: 0 !important;
  }
}

.error {
  color: #2D949B !important;
}

.message {
  border: 4px solid #49bec6;
  padding: 5vw;
}

.wf-loading h1,
.wf-loading h2,
.wf-loading p,
.wf-loading a {
  visibility: hidden;
}

/* --------------------------------------------
   # Headings
   -------------------------------------------- */
h1,
h2,
h3 {
  font-family: "filson-pro", sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 800;
  hyphens: auto;
  /* border-left: 1px solid #111; */
  color: #2D949B;
}
@media screen and (min-width: 48em) {
  h1,
  h2,
  h3 {
    hyphens: none;
  }
}
@media screen and (min-width: 62.5em) {
  h1,
  h2,
  h3 {
    text-align: left;
  }
}
@media screen and (min-width: 62.5em) {
  h1,
  h2,
  h3 {
    font-size: 2.1rem;
  }
}

h1 {
  font-size: 1.5rem;
  text-align: center;
  font-weight: 200;
  z-index: 5;
  color: #2D949B;
}
@media screen and (min-width: 48em) {
  h1 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 62.5em) {
  h1 {
    font-size: 2.1rem;
  }
}
@media screen and (min-width: 80em) {
  h1 {
    font-size: 2.3rem;
  }
}

h1.ce_headline {
  font-weight: 100;
  text-transform: none;
  border: 0;
}
h1.ce_headline:after {
  display: none;
}

h2 {
  font-weight: 700;
  font-family: "filson-pro", sans-serif;
  font-size: 1.5rem;
  z-index: 5;
  position: relative;
  overflow: hidden;
  text-align: center;
  /* &:after {
       @include ornament;
       display: none;

         @include breakpoint(medium up) {
          margin:0;
          text-align: left;
        }
    }
  */
}
@media screen and (min-width: 48em) {
  h2 {
    font-size: 1.6rem;
    overflow: visible;
  }
}
@media screen and (min-width: 62.5em) {
  h2 {
    font-size: 1.7rem;
    line-height: 1.2;
    text-align: left;
  }
}
@media screen and (min-width: 80em) {
  h2 {
    font-size: 1.7rem;
  }
}

.layout-boulderlounge h1 {
  font-weight: 800;
}
.layout-boulderlounge h2 {
  font-weight: 800;
}
@media screen and (min-width: 80em) {
  .layout-boulderlounge h2 {
    font-size: 1.9rem;
  }
}

h3 {
  text-transform: none;
  letter-spacing: 0.1rem;
  color: #2D949B;
  font-weight: 200;
  text-align: center;
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  text-transform: uppercase;
  width: 100%;
}
h3 a {
  font-weight: 200;
  color: #000000;
}
@media screen and (min-width: 48em) {
  h3 {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 62.5em) {
  h3 {
    font-size: 1.2rem;
  }
}
h3.green, h3.brand, h3.black {
  padding: 0.3rem 0.6rem;
}
@media screen and (min-width: 62.5em) {
  h3.green, h3.brand, h3.black {
    padding: 0.4rem 0.8rem;
  }
}
@media screen and (min-width: 100em) {
  h3.green, h3.brand, h3.black {
    padding: 0.5rem 1rem;
  }
}

.layout-boulderlounge h3 {
  color: #955845;
}

@media screen and (min-width: 62.5em) {
  .magazine-headline {
    margin-top: 300px;
  }
}

h4 {
  font-family: "filson-pro", sans-serif;
  text-transform: none;
  color: #000000;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.5;
  font-size: 1.5rem;
}
@media screen and (min-width: 48em) {
  h4 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 62.5em) {
  h4 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 80em) {
  h4 {
    font-size: 1.25rem;
  }
}
h4 strong {
  color: #404040;
}

h5 {
  font-family: "Inter", sans-serif;
  display: inline-block;
  text-align: left;
  background: #404040;
  color: #ffffff;
  padding: 4px 10px;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 62.5em) {
  h5 {
    padding: 5px 10px;
    font-size: 0.85em;
    margin-bottom: 20px;
  }
}

h6 {
  font-family: "Inter", sans-serif;
  color: #404040;
  font-weight: 300;
  text-align: center;
}

.layout-boulderlounge.header2 h3 {
  color: #955845;
  font-family: "Work Sans", sans-serif;
  letter-spacing: 0.05rem;
  font-weight: 600;
}
.layout-boulderlounge.header2 h4, .layout-boulderlounge.header2 h5, .layout-boulderlounge.header2 h6 {
  font-weight: 600;
  font-family: "Work Sans", sans-serif;
  letter-spacing: 0.05rem;
}

.text-center {
  text-align: center;
}
.text-center * {
  text-align: center;
}

.text-uppercase {
  text-transform: uppercase;
}
.text-uppercase * {
  text-transform: uppercase;
}

.max-text-width {
  /*@include breakpoint(xlarge up) {
  max-width:700px;
  }*/
}
@media screen and (min-width: 80em) {
  .max-text-width > * {
    max-width: 560px;
  }
}

.letter-spacing {
  letter-spacing: 0.1em;
}
.letter-spacing * {
  letter-spacing: 0.1em;
}

.text-white {
  color: #ffffff !important;
}
.text-white * {
  color: #ffffff !important;
}

.text-anthrazit {
  color: #404040 !important;
}
.text-anthrazit * {
  color: #404040 !important;
}

.text-dark,
.text-grey-dark {
  color: rgb(119, 115, 116) !important;
}
.text-dark *,
.text-grey-dark * {
  color: rgb(119, 115, 116) !important;
}

.text-grey-light {
  color: #eee !important;
}
.text-grey-light * {
  color: #eee !important;
}

.text-green,
.text-brand {
  color: #2D949B !important;
}
.text-green *,
.text-brand * {
  color: #2D949B !important;
}

.text-brand-dark {
  color: #0F4B4F !important;
}
.text-brand-dark * {
  color: #0F4B4F !important;
}

.text-brand2 {
  color: #955845 !important;
}
.text-brand2 * {
  color: #955845 !important;
}

.text-brand3 {
  color: #77645F !important;
}
.text-brand3 * {
  color: #77645F !important;
}

.text-grey {
  color: #a6a6a6 !important;
}
.text-grey * {
  color: #a6a6a6 !important;
}

.text-black {
  color: #000000 !important;
}
.text-black * {
  color: #000000 !important;
}

/*
$grid-row-width: $global-width;
$grid-column-count: 12;
$grid-column-responsive-gutter: (
  small: 20px,
  medium: 50px,
);


$grid-column-align-edge: true;
$block-grid-max: 8;




@import 'grid/_grid.scss';
*/
/******************************** 

05 Sections  : 

*********************************/
#header {
  position: absolute;
  width: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
}
@media screen and (min-width: 62.5em) {
  #header {
    position: relative;
  }
}
#header .inside {
  margin: 0 auto;
  padding-top: 22px;
}
@media screen and (min-width: 62.5em) {
  #header .inside {
    display: flex;
    justify-content: flex-start;
    width: calc(100% - 4vw);
    padding-top: 2em;
    padding-bottom: 2em;
    max-width: 1920px;
  }
}
@media screen and (min-width: 62.5em) {
  #header .inside {
    justify-content: space-between;
  }
}
#header.cloned {
  width: 100%;
  max-width: none;
  position: fixed;
  background-color: #ffffff;
  top: -170px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  padding: 0;
}
#header.cloned .inside {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
@media screen and (min-width: 62.5em) {
  #header.cloned .inside {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
#header.cloned.sticky {
  top: 0;
  z-index: 9999;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}

@media screen and (max-width: 62.4375em) {
  .perfect-gym-page #header {
    position: absolute;
  }
}

#meta {
  position: absolute;
  width: 100%;
  z-index: 5000;
}
@media screen and (min-width: 48em) {
  #meta {
    top: 15px;
  }
}
@media screen and (min-width: 62.5em) {
  #meta {
    top: auto;
    background: #2D949B;
    position: relative;
    margin: 0 auto;
  }
}
#meta .inside {
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 47.9375em) {
  #meta .inside {
    padding-top: 60px;
  }
}
@media screen and (min-width: 48em) {
  #meta .inside {
    display: flex;
    justify-content: flex-start !important;
    width: calc(100% - 4vw);
    padding: 0 !important;
    max-width: 1920px;
  }
}
@media screen and (min-width: 71.875em) {
  #meta .inside {
    justify-content: center;
  }
}

.header h1,
.navbar h1 {
  /*display: block;
  position: absolute;
  left: 50px;
  top: 50%;
  @include transform(translateY(-50%));
  color: $c-white;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-size: 0.9em;
  margin: 0;

  @include breakpoint(medium up) {
      font-size: 1.1em;
      left: 80px;
  }

  a {
      color: $c-white;
      font-weight: 100;
  }*/
}

.top-stage, .top-event {
  padding: 0px;
  position: relative;
}
.top-stage img, .top-event img {
  width: auto;
  height: auto;
  min-width: 100%;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 48em) {
  .top-stage, .top-event {
    margin-bottom: 0px;
  }
}

.start .top-stage, .start .top-event {
  min-height: 150px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  .start .top-stage, .start .top-event {
    min-height: 300px;
  }
}
@media screen and (min-width: 62.5em) {
  .start .top-stage, .start .top-event {
    min-height: 450px;
  }
}
@media screen and (min-width: 80em) {
  .start .top-stage, .start .top-event {
    min-height: 60vh;
  }
}
@media screen and (max-width: 62.4375em) {
  .layout-boulderlounge #meta {
    background: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    top: 0;
    position: fixed;
  }
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge #meta {
    top: auto;
    background: #2D949B;
    background-image: url("../img/boulderlounge/turquoise-bg.jpg") !important;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
}
@media screen and (min-width: 62.5em) and (min-width: 62.5em) {
  .layout-boulderlounge #meta .inside {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 48em) {
  .layout-boulderlounge #meta .inside {
    width: calc(100% - 0vw);
    max-width: 1920px;
  }
}
@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .layout-boulderlounge #meta .inside {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 71.875em) {
  .layout-boulderlounge #meta .inside {
    justify-content: center;
  }
}
@media screen and (max-width: 47.9375em) {
  .layout-boulderlounge #meta .dropdown-buttons {
    margin-top: 0;
  }
}
@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .layout-boulderlounge #meta .dropdown-buttons {
    right: 260px;
  }
}
.layout-boulderlounge #meta .dropdown-buttons a,
.layout-boulderlounge #meta .dropdown-buttons a:link,
.layout-boulderlounge #meta .dropdown-buttons a:visited,
.layout-boulderlounge #meta .header-btn {
  font-weight: 800;
  letter-spacing: 0.03rem;
  font-size: 0.85rem;
  background-color: transparent;
  color: #2D949B;
}
@media screen and (max-width: 47.9375em) {
  .layout-boulderlounge #meta .dropdown-buttons a,
  .layout-boulderlounge #meta .dropdown-buttons a:link,
  .layout-boulderlounge #meta .dropdown-buttons a:visited,
  .layout-boulderlounge #meta .header-btn {
    background: #EFEAE4;
  }
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge #meta .dropdown-buttons a,
  .layout-boulderlounge #meta .dropdown-buttons a:link,
  .layout-boulderlounge #meta .dropdown-buttons a:visited,
  .layout-boulderlounge #meta .header-btn {
    color: #ffffff;
    background: #4f2f25;
    background: #0F4B4F;
  }
}
.layout-boulderlounge #meta .dropdown-buttons a.active, .layout-boulderlounge #meta .dropdown-buttons a:hover, .layout-boulderlounge #meta .dropdown-buttons a:active,
.layout-boulderlounge #meta .dropdown-buttons a:link.active,
.layout-boulderlounge #meta .dropdown-buttons a:link:hover,
.layout-boulderlounge #meta .dropdown-buttons a:link:active,
.layout-boulderlounge #meta .dropdown-buttons a:visited.active,
.layout-boulderlounge #meta .dropdown-buttons a:visited:hover,
.layout-boulderlounge #meta .dropdown-buttons a:visited:active,
.layout-boulderlounge #meta .header-btn.active,
.layout-boulderlounge #meta .header-btn:hover,
.layout-boulderlounge #meta .header-btn:active {
  background: #000000;
}
.layout-boulderlounge #meta .dropdown-buttons a .icon-tag,
.layout-boulderlounge #meta .dropdown-buttons a:link .icon-tag,
.layout-boulderlounge #meta .dropdown-buttons a:visited .icon-tag,
.layout-boulderlounge #meta .header-btn .icon-tag {
  color: #955845;
  color: #c18774;
}
.layout-boulderlounge #meta .header-btn {
  font-weight: 800;
  letter-spacing: 0.03rem;
}
.layout-boulderlounge #meta .header-btn .icon-head {
  color: #49bec6 !important;
  color: #c18774 !important;
}
@media screen and (max-width: 47.9375em) {
  .layout-boulderlounge #meta .header-btn.login {
    padding: 0;
    background: transparent;
    left: auto;
    right: 70px;
    top: 14px;
  }
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge #meta .header-btn.login {
    margin-left: 1px;
  }
}

.layout-boulderlounge.header2 #meta .dropdown-buttons a,
.layout-boulderlounge.header2 #meta .dropdown-buttons a:link,
.layout-boulderlounge.header2 #meta .dropdown-buttons a:visited,
.layout-boulderlounge.header2 #meta .header-btn {
  font-weight: 600;
}

/* --------------------------------------------
   #Global Layout 
   -------------------------------------------- */
/*
.main {
    //padding-top:20px;
    padding-bottom: 20px;
    @include breakpoint(medium up) {
        //padding-top:30px;
        padding-bottom: 30px;
    }
    @include breakpoint(large up) {
        //padding-top:60px;
        padding-bottom: 60px;
        padding-top: 70px;
    }
}

.start .main {
    padding-top: 0;
}

*/
#main {
  position: relative;
}

@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .layout-boulderlounge #main {
    padding-top: 70px;
  }
}
@media screen and (max-width: 47.9375em) {
  .layout-boulderlounge #main {
    padding-top: 127px;
  }
}

#main .inside {
  width: 100%;
  max-width: none;
}

.mod_article > *:before {
  clear: both;
  display: block;
  height: 0.1px;
}

.mt-bug {
  display: inline-block;
}

/*
.white-space {
    padding-left: 10px;
    padding-right: 10px;
    @include breakpoint(medium up) {
        padding-left: 35px;
        padding-right: 35px;
    }
    @include breakpoint(large up) {
        padding-left: 60px;
        padding-right: 60px;
    }
    @include breakpoint(xlarge up) {
        padding-left: 70px;
        padding-right: 70px;
    }
    &.large {
        @include breakpoint(medium up) {
            padding-left: 35px;
            padding-right: 35px;
        }
        @include breakpoint(large up) {
            padding-left: 200px;
            padding-right: 200px;
        }
        @include breakpoint(xlarge up) {
            padding-left: 300px;
            padding-right: 300px;
        }
    }
}

*/
/*
.infocolumn {
    //background:$c-grey-lightest;
    font-size: 0.8em;
    line-height: 1.5em;
    @include breakpoint(large up) {
        color: $c-anthrazit;
        padding: 20px;
        margin-bottom: 90px;
    }
}
*/
/*.sidebar {

	font-size:14px;

	color:$c-brand-light;
	background:$c-anthrazit;

	@include min-mq(md) { 		
		border-top:0;



	}



	ul li {
		border-bottom:1px solid $c-brand-light;


		&:before {
			margin-right: 10px;
			font-family:$font-icons;
			content: "\f105";
		}

	}





}*/
/*
.bottom-stage {
	border-top:1px solid $c-brand-light;

	padding-top:10px;
	padding-bottom:10px;

	// background-color:$c-grey-lightest;


	@include breakpoint(medium up) {

		padding-top:20px;
		padding-bottom:20px;
	}


	@include breakpoint(large up) {

		padding-top:30px;
		padding-bottom:30px;
	}


	h3 {

		margin:0;
		font-size: 0.7em;
		font-weight: 600;
		margin-bottom: 10px;

		@include breakpoint(medium up) {
			margin-bottom: 20px;
		}
	}



}

*/
#footer {
  color: #000000;
  text-align: left;
  padding: 35px 0;
  font-weight: 400;
  position: relative;
  font-size: 0.8em;
  line-height: 1.65em;
}
@media screen and (min-width: 48em) {
  #footer {
    font-size: 0.8em;
    line-height: 1.9em;
  }
}
@media screen and (min-width: 62.5em) {
  #footer {
    padding: 0vw 0 4vw 0;
  }
}
#footer strong {
  color: #404040;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  display: inline-block;
}
@media screen and (min-width: 62.5em) {
  #footer strong {
    width: 100px;
  }
}
#footer .notice {
  margin: 10px 0;
  text-align: center;
}
@media screen and (min-width: 62.5em) {
  #footer .notice {
    text-align: center;
  }
}
#footer .inside {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 30em) {
  #footer .column {
    width: 50%;
  }
}
#footer .rightrow {
  display: none;
}

.layout-boulderlounge #footer {
  background-image: url("../img/boulderlounge/turquoise-bg.jpg") !important;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff !important;
  padding-top: 2rem;
  font-size: 0.85rem;
  line-height: 1.5;
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge #footer {
    font-size: 1rem;
  }
}
@media screen and (min-width: 80em) {
  .layout-boulderlounge #footer {
    padding-top: 5rem;
  }
}
.layout-boulderlounge #footer strong {
  letter-spacing: 0.03rem;
}

#footer .inside {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 25px);
  position: relative;
}
@media screen and (min-width: 48em) {
  #footer .inside {
    width: calc(100% - 50px);
  }
}
@media screen and (min-width: 62.5em) {
  #footer .inside {
    width: calc(100% - 100px);
  }
}
@media screen and (min-width: 80em) {
  #footer .inside {
    max-width: 1450px;
  }
}

.nav-icons h5 {
  display: none;
}
@media screen and (min-width: 48em) {
  .nav-icons h5 {
    margin-right: 60px;
    display: block;
  }
}

.footer-info {
  text-align: center;
  background: #ffffff;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 62.5em) {
  .footer-info {
    padding: 1rem;
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 100em) {
  .footer-info {
    background: #f2f2f2;
  }
}

/******************************** 

06 Components  : 

*********************************/
#logo {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  display: block;
  z-index: 6000;
  width: 180px;
  position: relative;
  margin: 0px auto 0px auto;
}
@media screen and (min-width: 23.125em) {
  #logo {
    width: 180px;
  }
}
@media screen and (min-width: 48em) {
  #logo {
    width: 190px;
    margin: 0px auto 0px auto;
    margin: 0 auto;
  }
}
@media screen and (min-width: 62.5em) {
  #logo {
    margin: 0 auto;
    margin-left: 0;
    width: 190px;
    width: 110px;
    z-index: 1000;
  }
}
@media screen and (min-width: 65.625em) {
  #logo {
    margin: 0;
    width: 130px;
  }
}
@media screen and (min-width: 68.75em) {
  #logo {
    margin: 0;
    width: 150px;
  }
}
@media screen and (min-width: 71.875em) {
  #logo {
    margin: 0 auto;
    margin-left: 0;
    width: 210px;
    width: 170px;
  }
}
@media screen and (min-width: 100em) {
  #logo {
    margin: 0 auto;
    margin-left: 0;
    width: 230px;
    width: 180px;
  }
}
#logo img {
  display: none;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  width: 100%;
  margin: 0 auto;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
#logo img:hover {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
@media screen and (min-width: 80em) {
  #logo img {
    margin: 0;
  }
}
#logo .active {
  display: block;
}

#logo > a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#logo .desktop-logo {
  display: none;
}
@media screen and (min-width: 62.5em) {
  #logo .desktop-logo {
    display: block;
  }
}
#logo .mobile-logo {
  display: block;
}
@media screen and (min-width: 62.5em) {
  #logo .mobile-logo {
    display: none;
  }
}

@media screen and (max-width: 62.4375em) {
  .perfect-gym-page #logo .desktop-logo {
    display: block;
  }
}
@media screen and (max-width: 62.4375em) {
  .perfect-gym-page #logo .mobile-logo {
    display: none;
  }
}

.layout-boulderlounge #logo {
  margin: 0 auto;
  width: 190px;
  margin-top: -10px;
  position: fixed;
}
@media screen and (min-width: 48em) {
  .layout-boulderlounge #logo {
    width: 200px;
    margin-top: -15px;
    padding-top: 0px;
  }
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge #logo {
    margin-top: 0px;
    width: 200px;
    padding-bottom: 8px;
    position: relative;
  }
}
@media screen and (min-width: 68.75em) {
  .layout-boulderlounge #logo {
    margin: 0;
    width: 210px;
  }
}
@media screen and (min-width: 80em) {
  .layout-boulderlounge #logo {
    margin: 0;
    width: 230px;
  }
}
@media screen and (min-width: 100em) {
  .layout-boulderlounge #logo {
    margin: 0;
    width: 250px;
  }
}
@media screen and (min-width: 120em) {
  .layout-boulderlounge #logo {
    margin: 0;
    width: 250px;
  }
}
@media screen and (min-width: 150em) {
  .layout-boulderlounge #logo {
    width: 270px;
  }
}

.loading-layer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: white;
  box-shadow: inset 0 -40px 200px rgba(4, 3, 5, 0.01);
  position: fixed;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: none;
}
.loading-layer.out {
  transition: all 0.5s cubic-bezier(0.36, 0, 0.69, 0.37) 1s;
  animation-delay: 2s;
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  opacity: 0.6;
  visibility: hidden;
}

.loader {
  display: inline-block;
  margin: 0 16px;
}

.loader {
  --path: #2D949B;
  --dot: #955845;
  --duration: 3s;
  width: 80px;
  height: 80px;
  position: relative;
}
.loader:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  display: block;
  background: var(--dot);
  top: 30px;
  left: 17px;
  transform: translate(-18px, -18px);
  animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
  display: none;
}
.loader svg {
  display: block;
  width: 100%;
  height: 100%;
}
.loader svg rect,
.loader svg polygon,
.loader svg circle {
  fill: none;
  stroke: var(--path);
  stroke-width: 2px;
}
.loader svg polygon {
  stroke-dasharray: 145 76 145 76;
  stroke-dashoffset: 0;
  animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.loader svg rect {
  stroke-dasharray: 192 64 192 64;
  stroke-dashoffset: 0;
  animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.loader svg circle {
  stroke-dasharray: 150 50 150 50;
  stroke-dashoffset: 75;
  animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.loader.triangle:before {
  left: 21px;
  transform: translate(-10px, -18px);
  animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}

@keyframes pathTriangle {
  33% {
    stroke-dashoffset: 74;
  }
  66% {
    stroke-dashoffset: 147;
  }
  100% {
    stroke-dashoffset: 221;
  }
}
@keyframes dotTriangle {
  33% {
    transform: translate(0, 0);
  }
  66% {
    transform: translate(10px, -18px);
  }
  100% {
    transform: translate(-10px, -18px);
  }
}
@keyframes pathRect {
  25% {
    stroke-dashoffset: 64;
  }
  50% {
    stroke-dashoffset: 128;
  }
  75% {
    stroke-dashoffset: 192;
  }
  100% {
    stroke-dashoffset: 256;
  }
}
@keyframes dotRect {
  25% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(18px, -18px);
  }
  75% {
    transform: translate(0, -36px);
  }
  100% {
    transform: translate(-18px, -18px);
  }
}
@keyframes pathCircle {
  25% {
    stroke-dashoffset: 125;
  }
  50% {
    stroke-dashoffset: 175;
  }
  75% {
    stroke-dashoffset: 225;
  }
  100% {
    stroke-dashoffset: 275;
  }
}
.loader {
  display: inline-block;
  margin: 0 16px;
}

/* Main Image */
figure, img, picture {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.vec {
  display: inline-block;
  fill: currentColor;
}

svg {
  max-width: 100%;
}

.popup-info {
  display: none;
}

#colorbox, .colorbox .popup-info {
  display: block;
}

.w1, .w2 {
  float: left;
  width: 50%;
}

.w2 {
  width: 100%;
  height: auto;
}

.jarallax, .rellax {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
}

.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: "object-fit: cover;";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

figcaption {
  text-align: center;
}

.image_container {
  overflow: hidden;
  /*display: flex;
  align-items: stretch;
  flex-wrap: wrap;*/
  height: 100%;
  width: 100%;
  position: relative;
  object-position: center;
  object-fit: cover;
  margin: 0;
}
.image_container img, .image_container picture {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
  height: 100%;
  width: 100%;
  /* ios 11 bug */
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  display: block;
}

.titlebox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 0.3em 0.8em;
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-rellax-container], [data-rellax] {
  position: relative;
  width: 100%;
  height: 100%;
}

.image_background_container {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center right;
  left: 0;
  top: 0;
  animation-delay: 0.3s;
  min-height: 100%;
  overflow: hidden;
  /*display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: stretch;
  -webkit-align-items: center;
     flex-wrap:wrap;*/
  animation-delay: 0.3s;
  overflow: hidden;
}
.image_background_container img {
  /*
  min-width: 100%;
  min-height:100%;
  width: auto;
  height: auto;
  */
  max-width: none;
  max-height: none;
  min-width: none;
  min-height: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  display: block;
  flex-basis: 100%;
  opacity: 1;
  position: relative;
}
.image_background_container .rellax {
  /*height:120%;
  overflow: hidden;
  margin-top:-2%;*/
}
.image_background_container {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center right;
  left: 0;
  top: 0;
  animation-delay: 0.3s;
  min-height: 100%;
  overflow: hidden;
  /*display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: stretch;
  -webkit-align-items: center;
     flex-wrap:wrap;*/
  animation-delay: 0.3s;
  overflow: hidden;
}
.image_background_container img, .image_background_container picture, .image_background_container svg {
  /*
  min-width: 100%;
  min-height:100%;
  width: auto;
  height: auto;
  */
  max-width: none;
  max-height: none;
  min-width: none;
  min-height: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  display: block;
  flex-basis: 100%;
  opacity: 1;
  position: relative;
}
.flex-gallery ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 48em) {
  .flex-gallery ul.cols_2 li {
    width: 50%;
  }
}
.flex-gallery ul.cols_3 {
  width: 50%;
}
@media screen and (min-width: 62.5em) {
  .flex-gallery ul.cols_3 li {
    width: 33.33%;
  }
}
.flex-gallery ul.cols_4 li {
  width: 50%;
}
@media screen and (min-width: 62.5em) {
  .flex-gallery ul.cols_4 li {
    width: 25%;
  }
}
.flex-gallery ul.cols_5 {
  width: 50%;
}
@media screen and (min-width: 62.5em) {
  .flex-gallery ul.cols_5 li {
    width: 20%;
  }
}

.bg-video {
  max-height: 500px;
  overflow: hidden;
}

.video_container video {
  width: 100%;
}

video {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.intro-video video {
  position: absolute;
  height: 100vh !important;
  width: auto !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (orientation: portrait) {
  .intro-video video {
    height: 60vh !important;
  }
}
@media screen and (max-width: 62.4375em) {
  .layout-boulderlounge .intro-stage {
    background: #ffffff !important;
  }
}
@media screen and (max-width: 62.4375em) {
  .layout-boulderlounge .intro-video video {
    height: 55vh !important;
    object-fit: cover;
  }
}

.video-btn {
  width: 40px;
  height: 40px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 10px;
  text-align: center;
  border-radius: 50%;
  background: #404040;
  color: #ffffff;
  font-size: 20px;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.video-btn:hover {
  background: #2D949B;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}

/* Chevrons */
[class*=fa-] {
  margin-right: 10px;
}

.iconshape,
.iconlink,
.round-icon {
  height: 32px;
  width: 32px;
  border-radius: 32px;
  font-family: "icomoon";
  display: block;
  font-size: 12px;
  text-align: center;
  line-height: 32px;
  background-color: #ffffff;
  color: #ffffff;
  cursor: pointer;
  content: "\f054";
  border: 1px solid rgb(119, 115, 116);
  display: inline-block;
}
.iconshape span,
.iconlink span,
.round-icon span {
  line-height: 30px;
}

.square-icon {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  font-family: "icomoon";
  display: block;
  font-size: 25px;
  text-align: center;
  line-height: 50px;
  background-color: #ffffff;
  color: #2D949B;
  cursor: pointer;
  content: "\f054";
  position: relative;
  animation-delay: 1s;
  overflow: hidden;
  margin: 10px;
  vertical-align: middle;
  border-radius: 0;
  display: inline-block;
}
@media screen and (min-width: 62.5em) {
  .square-icon {
    height: 80px;
    width: 80px;
    border-radius: 80px;
    font-family: "icomoon";
    display: block;
    font-size: 40px;
    text-align: center;
    line-height: 80px;
    background-color: #ffffff;
    color: #2D949B;
    cursor: pointer;
    content: "\f054";
    border-radius: 0;
    display: inline-block;
  }
}

.open-icon {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  font-family: "icomoon";
  display: block;
  font-size: 25px;
  text-align: center;
  line-height: 50px;
  background-color: transparent;
  color: #ffffff;
  cursor: pointer;
  content: "\f054";
  position: relative;
  animation-delay: 1s;
  overflow: hidden;
  margin: 10px;
  vertical-align: middle;
  border-radius: 0;
  display: inline-block;
}
@media screen and (min-width: 62.5em) {
  .open-icon {
    height: 80px;
    width: 80px;
    border-radius: 80px;
    font-family: "icomoon";
    display: block;
    font-size: 40px;
    text-align: center;
    line-height: 80px;
    background-color: transparent;
    color: #ffffff;
    cursor: pointer;
    content: "\f054";
    border-radius: 0;
    display: inline-block;
  }
}

.iconshape,
.iconlink {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  font-family: "icomoon";
  display: block;
  font-size: 23px;
  text-align: center;
  line-height: 40px;
  background-color: #49bec6;
  color: #ffffff;
  cursor: pointer;
  content: "\f054";
  float: left;
  margin-right: 10px;
}
.iconshape:hover,
.iconlink:hover {
  color: #49bec6;
}

.small-icon {
  width: 16px;
  height: 16px;
}

/* Custom Icons Zuweisung */
#Choco_left_arrow:before {
  content: "\e610";
  font-family: "icons";
}

#Choco_right_arrow:before {
  content: "\e608";
  font-family: "icons";
}

#Choco_close:before {
  font-family: "icons";
  content: "\e613";
}

[class*=fa-] {
  margin-right: 10px;
}

.binoculars {
  width: 16px;
  height: 10px;
  background: url(https://www.boulderlounge-chemnitz.de/files/theme_element_v2/svg/binoculars_dark.svg) no-repeat left center;
}

.iconshape,
.iconlink {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  font-family: "icomoon";
  display: block;
  font-size: 23px;
  text-align: center;
  line-height: 40px;
  background-color: #49bec6;
  color: #ffffff;
  cursor: pointer;
  content: "\f054";
  float: left;
  margin-right: 10px;
}
.iconshape:hover,
.iconlink:hover {
  color: #49bec6;
}

.round-icon {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  font-family: "icomoon";
  display: block;
  font-size: 15px;
  text-align: center;
  line-height: 40px;
  background-color: #2D949B;
  color: #ffffff;
  cursor: pointer;
  content: "\f054";
  margin-left: 1vw;
  margin-right: 1vw;
  border: 0px solid #404040;
}
@media screen and (min-width: 48em) {
  .round-icon {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    font-family: "icomoon";
    display: block;
    font-size: 23px;
    text-align: center;
    line-height: 50px;
    background-color: #2D949B;
    color: #ffffff;
    cursor: pointer;
    content: "\f054";
  }
}
@media screen and (min-width: 62.5em) {
  .round-icon {
    height: 70px;
    width: 70px;
    border-radius: 70px;
    font-family: "icomoon";
    display: block;
    font-size: 28px;
    text-align: center;
    line-height: 70px;
    background-color: #2D949B;
    color: #ffffff;
    cursor: pointer;
    content: "\f054";
  }
}
.round-icon [class*=fa],
.round-icon [class*=icon] {
  margin: 0;
}

.layout-boulderlounge .round-icon {
  background-image: url("../img/boulderlounge/rust-bg.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.big-icon {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  font-family: "icomoon";
  display: block;
  font-size: 15px;
  text-align: center;
  line-height: 40px;
  background-color: transparent;
  color: #2D949B;
  cursor: pointer;
  content: "\f054";
  border: 1px solid #49bec6;
}
@media screen and (min-width: 48em) {
  .big-icon {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    font-family: "icomoon";
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    background-color: transparent;
    color: #2D949B;
    cursor: pointer;
    content: "\f054";
  }
}
@media screen and (min-width: 62.5em) {
  .big-icon {
    height: 60px;
    width: 60px;
    border-radius: 60px;
    font-family: "icomoon";
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 60px;
    background-color: transparent;
    color: #2D949B;
    cursor: pointer;
    content: "\f054";
  }
}
@media screen and (min-width: 80em) {
  .big-icon {
    height: 70px;
    width: 70px;
    border-radius: 70px;
    font-family: "icomoon";
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 70px;
    background-color: transparent;
    color: #2D949B;
    cursor: pointer;
    content: "\f054";
  }
}
.big-icon [class*=fa] {
  margin: 0;
}

.little-icon {
  background: #2D949B;
  color: #ffffff;
  border-radius: 50px;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  margin-left: 6px;
  font-size: 15px;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
@media screen and (min-width: 48em) {
  .little-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
}

.svg-icon {
  aspect-ratio: 1/1;
  max-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .svg-icon {
    max-width: 30px;
  }
}
@media screen and (min-width: 62.5em) {
  .svg-icon {
    max-width: 35px;
  }
}

.stoerer,
.stoerer2 {
  background-color: transparent;
  background: #2D949B;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.09em;
  line-height: 1.2;
  color: #ffffff;
  opacity: 0;
  text-align: center;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  z-index: 100;
  font-family: "filson-pro", sans-serif;
  animation: fadeIn2 1.5s ease-in-out 1, shake 1s ease-in-out infinite;
  animation-delay: 0s, 1.5s;
  margin-inline: auto;
}
@media screen and (min-width: 48em) {
  .stoerer,
  .stoerer2 {
    width: 180px;
    height: 180px;
  }
}
@media screen and (min-width: 62.5em) {
  .stoerer,
  .stoerer2 {
    width: 200px;
    height: 200px;
    font-size: 0.95rem;
    letter-spacing: 0.05rem;
    line-height: 1.3;
  }
}
.stoerer *,
.stoerer2 * {
  color: #ffffff;
  margin: 0 !important;
}
.stoerer b,
.stoerer strong,
.stoerer2 b,
.stoerer2 strong {
  color: #ffffff;
  padding: 0px 0;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
}
.stoerer h4,
.stoerer2 h4 {
  font-size: 0.95rem;
}
@media screen and (min-width: 48em) {
  .stoerer h4,
  .stoerer2 h4 {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 62.5em) {
  .stoerer h4,
  .stoerer2 h4 {
    font-size: 1.5rem;
  }
}

#nav-stage .stoerer {
  position: absolute;
  background: #2D949B;
  top: 36%;
  right: -3em;
  width: 120px;
  height: 120px;
}
@media screen and (min-width: 48em) {
  #nav-stage .stoerer {
    top: 36%;
    right: -5em;
    width: 125px;
    height: 125px;
  }
}
#nav-stage .stoerer * {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.intro-stage .stoerer {
  position: absolute;
  right: 3vw;
  top: auto;
  bottom: 15%;
}
@media screen and (min-width: 62.5em) {
  .intro-stage .stoerer {
    right: 4vw;
    top: 20%;
    bottom: auto;
  }
}

.layout-element-muenchen .intro-stage .stoerer {
  position: absolute;
  right: 3vw;
  top: auto;
  bottom: 15%;
  width: 180px;
  height: 180px;
  font-size: 0.9rem;
}
@media screen and (min-width: 62.5em) {
  .layout-element-muenchen .intro-stage .stoerer {
    right: 4vw;
    top: 20%;
    bottom: auto;
    width: 220px;
    height: 220px;
    font-size: 1.12rem;
  }
}

.intro-stage .stoerer.big {
  position: absolute;
  right: 3vw;
  top: auto;
  bottom: 15%;
  width: 200px;
  height: 200px;
  font-size: 0.9rem;
  line-height: 1.4;
}
@media screen and (min-width: 48em) {
  .intro-stage .stoerer.big {
    width: 250px;
    height: 250px;
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 62.5em) {
  .intro-stage .stoerer.big {
    right: 4vw;
    top: 20%;
    bottom: auto;
    width: 320px;
    height: 320px;
    font-size: 1.3rem;
  }
}

.stoerer.portal {
  margin: 0px auto;
  width: 150px;
  height: 150px;
  font-size: 0.75rem;
}
@media screen and (min-width: 62.5em) {
  .stoerer.portal {
    width: 180px;
    height: 180px;
    font-size: 0.87rem;
    letter-spacing: 0.09em;
    line-height: 1.3;
  }
}
@media screen and (min-width: 37.5em) {
  .stoerer.portal {
    position: absolute;
    bottom: -30px;
  }
}
@media screen and (min-width: 48em) {
  .stoerer.portal {
    left: -60px;
    bottom: -30px;
  }
}
@media screen and (min-width: 62.5em) {
  .stoerer.portal {
    bottom: -40px;
    left: -50px;
  }
}
@media screen and (min-width: 80em) {
  .stoerer.portal {
    bottom: -10px;
    left: -10px;
  }
}

@media screen and (min-width: 62.5em) {
  .stoerer2 {
    position: absolute;
    right: 10vw;
    top: -40px;
  }
}

.layout-boulderlounge .stoerer,
.layout-boulderlounge .stoerer2 {
  background-image: url("../img/boulderlounge/turquoise-bg.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  clip-path: polygon(30% 1%, 100% 32%, 82% 100%, 18% 100%, 0 59%);
  clip-path: polygon(30% 1%, 98% 34%, 77% 100%, 18% 100%, 0 60%);
  clip-path: polygon(30% 6%, 98% 34%, 77% 100%, 18% 100%, 0 60%);
  border-radius: 0;
  aspect-ratio: 650/600;
  height: auto !important;
  padding: 20px;
  line-height: 1 !important;
  padding-top: 50px;
}
@media screen and (min-width: 48em) {
  .layout-boulderlounge .stoerer,
  .layout-boulderlounge .stoerer2 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .stoerer,
  .layout-boulderlounge .stoerer2 {
    font-size: 1.1rem;
    line-height: 1;
  }
}
.layout-boulderlounge .stoerer.big,
.layout-boulderlounge .stoerer2.big {
  width: 250px;
  padding: 25px;
  padding-top: 60px;
}
@media screen and (min-width: 48em) {
  .layout-boulderlounge .stoerer.big,
  .layout-boulderlounge .stoerer2.big {
    width: 300px;
    padding: 35px;
    padding-top: 80px;
  }
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .stoerer.big,
  .layout-boulderlounge .stoerer2.big {
    width: 350px;
    padding: 45px;
    padding-top: 100px;
  }
}
@media screen and (min-width: 80em) {
  .layout-boulderlounge .stoerer.big,
  .layout-boulderlounge .stoerer2.big {
    width: 380px;
    padding: 55px;
    padding-top: 120px;
  }
}
@media screen and (min-width: 100em) {
  .layout-boulderlounge .stoerer.big,
  .layout-boulderlounge .stoerer2.big {
    width: 400px;
    height: 400px;
    padding: 60px;
    padding-top: 130px;
  }
}
.layout-boulderlounge .stoerer em,
.layout-boulderlounge .stoerer2 em {
  font-size: 0.7rem;
  line-height: 1.3;
  display: block;
  color: #49bec6;
  margin-top: 0.5rem !important;
  hyphens: auto;
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .stoerer em,
  .layout-boulderlounge .stoerer2 em {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 1rem !important;
  }
}

@media screen and (max-width: 62.4375em) {
  .layout-boulderlounge .intro-stage .stoerer {
    position: absolute;
    right: auto;
    left: 1vw;
    top: auto;
    bottom: 20%;
    width: 260px;
    height: 260px;
  }
}

.layout-boulderlounge .stoerer,
.layout-boulderlounge .stoerer2 {
  background: #955845;
  background-image: url("../img/boulderlounge/rust-bg.jpg") !important;
}

a {
  color: #2D949B;
  outline: none;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  text-decoration: none;
}
a:hover {
  color: #a6a6a6;
  text-decoration: none;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
a.active {
  color: #0F4B4F;
  text-decoration: underline;
}
a:focus {
  color: #0F4B4F;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  outline: none;
}

.anchor-down, .anchor-down:link, .anchor-down:visited {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-decoration: none;
  bottom: 0px;
  display: block;
  background-color: #0F4B4F !important;
  color: #ffffff !important;
  text-align: center;
  padding: 10px;
  font-size: 12px;
  font-family: "icomoon";
}
@media screen and (min-width: 62.5em) {
  .anchor-down, .anchor-down:link, .anchor-down:visited {
    font-size: 16px;
    padding: 10px 20px;
  }
}
.anchor-down:hover, .anchor-down:link:hover, .anchor-down:visited:hover {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.anchor-down:before, .anchor-down:link:before, .anchor-down:visited:before {
  content: "\f107";
}

ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}

.mod_article ul {
  padding: 30px;
}
.mod_article ul li {
  list-style: outside disc;
}

/* btn */
.nav-toggle {
  display: inline-block;
  width: 40px;
  height: 40px;
  z-index: 100000;
  outline: none;
  position: fixed;
  right: 6vw;
  top: 15px;
}
@media screen and (min-width: 62.5em) {
  .nav-toggle {
    position: fixed;
    top: auto;
    margin-top: -2px;
    display: none;
  }
}

.perfect-gym-page .nav-toggle {
  position: absolute;
}

.nav-toggle span {
  margin: 0 auto;
  position: relative;
  top: 0px;
}
@media screen and (min-width: 62.5em) {
  .nav-toggle span {
    right: 10px;
  }
}

.nav-toggle span:before, .nav-toggle span:after {
  position: absolute;
  content: "";
}

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  width: 40px;
  height: 3px;
  background-color: #2D949B;
  display: block;
}
@media screen and (min-width: 48em) {
  .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    width: 50px;
  }
}

.nav-toggle span:before {
  margin-top: -9px;
}
@media screen and (min-width: 48em) {
  .nav-toggle span:before {
    margin-top: -12px;
  }
}

.nav-toggle span:after {
  margin-top: 9px;
}
@media screen and (min-width: 48em) {
  .nav-toggle span:after {
    margin-top: 12px;
  }
}

/* --- btn --- */
/* example 5 */
.nav-toggle span {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.nav-toggle.active span {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.nav-toggle span:before {
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s;
}

.nav-toggle.active span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.2s, 0.2s;
  transition-delay: 0.2s, 0.2s;
}

.nav-toggle span:after {
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s;
}

.nav-toggle.active span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}

.nav-toggle {
  border: none;
  background: transparent !important;
}

.nav-toggle.active {
  background: transparent !important;
}

.nav-toggle .icon-bar {
  width: 22px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.perfectgym-iframe {
  margin-top: 15vh;
}
@media screen and (min-width: 62.5em) {
  .perfectgym-iframe {
    margin-top: 0;
  }
}

#pg-client-portal {
  padding-top: 15vh;
}
@media screen and (min-width: 62.5em) {
  #pg-client-portal {
    padding-top: 0;
  }
}

.viewport__2u {
  padding-top: 15vh;
}
@media screen and (min-width: 62.5em) {
  .viewport__2u {
    padding-top: 0;
  }
}

/* --------------------------------------------
   #Navigation 
   -------------------------------------------- */
.dropdown-toggle {
  position: absolute;
  right: -10px;
  top: 0;
  height: 47px;
  width: 50px;
  display: flex;
  font-size: 25px;
  font-weight: 600;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #ffffff;
}
.dropdown-toggle:after {
  content: "+";
}
.dropdown-toggle.is-toggled:after {
  content: "-";
}
@media screen and (min-width: 62.5em) {
  .dropdown-toggle {
    display: none;
  }
}

#nav-stage {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 100vw;
  background: #000000;
  z-index: 100;
  padding: 1rem;
  padding-top: 80px;
  overflow-y: scroll;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition-duration: 0.4s;
  z-index: 500;
}
@media screen and (min-width: 48em) {
  #nav-stage {
    padding: 100px 3em 0 3em;
  }
}
#nav-stage.opened {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition-duration: 0.4s;
  left: 0;
  opacity: 1;
}

@media screen and (min-width: 62.5em) {
  #nav-stage {
    display: none !important;
  }
}

.layout-boulderlounge #nav-stage {
  background: #ffffff;
}

@media screen and (min-width: 62.5em) {
  #nav-stage {
    height: 100vh;
    overflow: hidden;
  }
}
#nav-stage .inside {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#nav-stage .mod_customnav#footernav {
  width: 100%;
}
@media screen and (min-width: 62.5em) {
  #nav-stage .mod_customnav#footernav {
    width: 75%;
  }
}
#nav-stage .mod_customnav#footernav ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
@media screen and (min-width: 62.5em) {
  #nav-stage .mod_customnav#footernav ul {
    justify-content: flex-start;
  }
}
#nav-stage .mod_customnav#footernav ul li {
  width: 50%;
}
@media screen and (min-width: 62.5em) {
  #nav-stage .mod_customnav#footernav ul li {
    margin-right: 20px;
    width: auto;
  }
}
@media screen and (min-width: 80em) {
  #nav-stage .mod_customnav#footernav ul li {
    margin-right: 30px;
  }
}
#nav-stage .mod_customnav#footernav ul a {
  font-size: 0.95em;
  color: #49bec6;
}

@media screen and (max-width: 62.4375em) {
  #nav-stage .nav-icons {
    margin: 20px 0 !important;
    max-height: 100px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #555;
  }
}
@media screen and (min-width: 62.5em) {
  #nav-stage .nav-icons {
    width: 25%;
    margin: 0 !important;
    max-height: 50px;
    justify-content: flex-end !important;
  }
}
#nav-stage .nav-icons h5 {
  display: none;
}
#nav-stage .nav-icons .round-icon {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: #2D949B;
  background-image: none !important;
  width: 50px;
  height: 50px;
  font-size: 19px;
  line-height: 50px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 15px;
}

/* Main Navi */
@media screen and (max-width: 62.4375em) {
  .mega-navigation {
    top: 100px;
    height: auto;
    width: auto;
    height: auto;
    width: 100vw;
    left: 0;
    z-index: 100;
    transition: all 0.5s ease-in-out;
  }
}
@media screen and (min-width: 62.5em) {
  .mega-navigation {
    overflow: visible;
  }
}

@media screen and (max-width: 62.4375em) {
  .mega-navigation > ul {
    float: none;
    clear: both;
    margin: 0px;
    margin-top: 80px;
    margin-bottom: 50px;
    padding: 0px;
    position: relative;
    max-width: 100%;
    font-size: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    transition: all 0.5s ease-in-out;
    width: 100%;
    border-top: 0px solid #a6a6a6;
  }
}
@media screen and (min-width: 62.5em) {
  .mega-navigation > ul {
    clear: both;
    width: auto;
    margin-right: 0px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
}

@media screen and (max-width: 62.4375em) {
  .mega-navigation > ul > li {
    float: none;
    display: block;
    width: 100%;
    padding: 0;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    max-width: inherit;
    position: relative;
  }
}
@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li {
    display: block;
    list-style: none;
    list-style-image: none;
    margin-left: 0;
    position: relative;
    padding: 0.5rem 2rem;
    margin-top: 3vw;
    flex-basis: 33.3%;
    border-left: 1px solid #555;
  }
}
@media screen and (min-width: 80em) {
  .mega-navigation > ul > li {
    padding: 1.5rem 2rem;
  }
}
@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li:first-of-type, .mega-navigation > ul > li:nth-of-type(4) {
    border-left: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li:last-of-type, .mega-navigation > ul > li:nth-of-type(3) {
    padding-right: 0;
  }
}
.mega-navigation > ul > li .dropdown-toggle {
  color: #2D949B;
}
.mega-navigation > ul > li .nav-image {
  max-width: 80px;
  position: absolute;
  right: 20px;
  top: -5px;
  display: none;
}
@media screen and (max-width: 62.4375em) {
  .mega-navigation > ul > li .nav-image {
    display: none;
  }
}
@media screen and (min-width: 100em) {
  .mega-navigation > ul > li .nav-image {
    max-width: 90px;
  }
}

@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li.submenu > a:after,
  .mega-navigation > ul > li.menu-item-has-children > a:after {
    font-family: "icomoon";
    color: #ffffff;
    content: "\f029";
    margin-left: 7px;
    font-size: 13px;
    margin-top: 0px;
  }
}

@media screen and (max-width: 62.4375em) {
  .mega-navigation > ul > li > a,
  .mega-navigation > ul > li > a:visited {
    float: none;
    display: block;
    width: auto;
    height: auto;
    padding: 15px 0;
    border: 0;
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 0;
    color: #ffffff;
    border-bottom: 1px solid #555;
    text-align: center;
    background-image: none;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li > a,
  .mega-navigation > ul > li > a:visited {
    display: block;
    font-size: 1.15rem;
    font-weight: 800;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    padding-right: 100px;
  }
}
@media screen and (min-width: 80em) {
  .mega-navigation > ul > li > a,
  .mega-navigation > ul > li > a:visited {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 100em) {
  .mega-navigation > ul > li > a,
  .mega-navigation > ul > li > a:visited {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li > a:hover,
  .mega-navigation > ul > li:hover > a,
  .mega-navigation > ul > li > a.active,
  .mega-navigation > ul > li > a.trail {
    color: #2D949B;
    background: transparent;
  }
}

/* Level 2 */
.mega-navigation > ul > li > ul {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  border-bottom: 1px solid #000000;
}
@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li > ul {
    /*position: absolute;
    width: auto;
    margin: 0;
    float: none;
    top: 36px;
    left: 0px;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    max-width: 400px;
    z-index: 99999;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);*/
    height: auto;
    max-height: none;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li:hover > ul {
    /*max-height: 500px;
    transition: all 0.5s ease-in-out;*/
  }
}

.mega-navigation > ul > li.is-open > ul {
  max-height: 200vh;
  transition: all 0.5s ease-in-out;
  border-bottom: 1px solid #555;
}

.mega-navigation > ul > li > ul li {
  clear: both;
  line-height: 1.2rem;
  height: auto;
  width: auto;
  margin: 0;
  position: relative;
}

.mega-navigation > ul > li > ul li > a {
  padding: 15px 0;
  text-align: center;
  background: transparent;
  width: 100%;
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1.05rem;
  line-height: 1.3;
}
@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li > ul li > a {
    text-align: left;
    padding: 5px 0;
    font-size: 1.1rem;
    line-height: 1.5;
  }
}

.mega-navigation > ul > li > ul li a:hover,
.mega-navigation > ul > li > ul li a.active {
  color: #49bec6;
  text-decoration: none;
}

/* Level 3 */
.mega-navigation > ul > li > ul > li > ul {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  border-bottom: 1px solid #000000;
}
@media screen and (min-width: 62.5em) {
  .mega-navigation > ul > li > ul > li > ul {
    height: auto;
    max-height: none;
    margin-top: 2rem;
  }
}

.mega-navigation > ul > li > ul > li.is-open > ul {
  max-height: 200vh;
  transition: all 0.5s ease-in-out;
  border-bottom: 1px solid #000000;
}

.mega-navigation > ul > li > ul > li {
  clear: both;
  line-height: 1.2rem;
  height: auto;
  width: auto;
  margin: 0;
  position: relative;
}

.layout-boulderlounge .mega-navigation > ul > li > a,
.layout-boulderlounge .mega-navigation > ul > li > a:visited {
  color: #2D949B;
  border-bottom: 0px solid #a6a6a6;
  font-weight: 700;
}
.layout-boulderlounge .mega-navigation > ul > li > ul, .layout-boulderlounge .mega-navigation > ul > li > ul > li > ul {
  border-bottom: 0px solid #a6a6a6;
}
.layout-boulderlounge .mega-navigation ul li {
  border-bottom: 1px solid #a6a6a6 !important;
}

/* Section Menu */
.nav-section {
  margin-top: 5rem;
  margin-bottom: 5rem;
  z-index: 999;
  display: block;
}
.nav-section ul.level_1 {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  z-index: 999;
}
@media screen and (min-width: 62.5em) {
  .nav-section ul.level_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.nav-section ul.level_1 > li {
  list-style: none;
  position: relative;
  min-width: 100%;
}
@media screen and (min-width: 48em) {
  .nav-section ul.level_1 > li {
    margin-right: 15px;
    margin-bottom: 15px;
    min-width: calc(33% - 15px);
  }
}
@media screen and (min-width: 62.5em) {
  .nav-section ul.level_1 > li {
    margin-right: 25px;
    margin-bottom: 25px;
    min-width: 25%;
  }
}
.nav-section ul.level_1 > li > a,
.nav-section ul.level_1 > li > strong {
  font-size: 1rem;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #2D949B;
  padding: 1rem 2rem;
  font-weight: 500;
  display: block;
}
.nav-section ul.level_1 > li > a:hover,
.nav-section ul.level_1 > li > strong:hover {
  color: #000000;
}
.nav-section ul.level_1 > li > .active,
.nav-section ul.level_1 > li > .trail {
  color: #2D949B;
  border: 1px solid #49bec6;
  background: #49bec6;
}

.nav-section-layer2 ul:before {
  font-family: "icomoon";
  content: "\e905";
  display: inline-block;
  font-size: 26px;
  color: #a6a6a6;
  position: absolute;
  left: 50%;
  top: -3.1rem;
  transform: translateX(-50%);
}
.nav-section-layer2 ul > li > a,
.nav-section-layer2 ul > li > strong {
  font-size: 0.9rem;
  padding: 0.75rem 1.6rem;
}
@media screen and (max-width: 62.4375em) {
  .nav-section-layer2 ul > li > a,
  .nav-section-layer2 ul > li > strong {
    padding-left: 3.5rem !important;
  }
}
.nav-section-layer2 ul > li > a:before,
.nav-section-layer2 ul > li > strong:before {
  font-family: "icomoon";
  content: "\e907";
  display: inline-block;
  font-size: 14px;
  color: #2D949B;
  margin-right: 15px;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.layout-boulderlounge .nav-section ul.level_1 > li > a,
.layout-boulderlounge .nav-section ul.level_1 > li > strong {
  background: #EFEAE4;
  border: 1px solid #EFEAE4;
}
.layout-boulderlounge .nav-section ul.level_1 > li > .active,
.layout-boulderlounge .nav-section ul.level_1 > li > .trail {
  color: #ffffff;
  border: 1px solid #49bec6;
  background: #2D949B;
}

/* --------------------------------------------
  #FooterNAV
  -------------------------------------------- */
#footer .mod_customnav {
  width: 100%;
}
@media screen and (min-width: 48em) {
  #footer .mod_customnav {
    width: 40%;
  }
}
@media screen and (min-width: 80em) {
  #footer .mod_customnav {
    width: 30%;
  }
}
#footer .mod_customnav ul {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 4vw;
}
@media screen and (min-width: 48em) {
  #footer .mod_customnav ul {
    margin-top: 0;
    display: block;
    column-count: 2;
  }
}
#footer .mod_customnav li {
  width: 50%;
  font-size: 1.1em;
  line-height: 1.7;
}
@media screen and (min-width: 48em) {
  #footer .mod_customnav li {
    font-size: 0.9em;
    width: 100%;
    width: auto;
    margin-right: 1em;
  }
}
@media screen and (min-width: 62.5em) {
  #footer .mod_customnav li {
    font-size: 1.1em;
  }
}
#footer .mod_customnav a {
  text-transform: uppercase;
  font-weight: 600;
  color: #404040;
}
#footer .mod_customnav a:hover {
  color: #eee;
}

@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .nav-icons {
    background: #EFEAE4;
  }
}

.layout-boulderlounge #footer strong {
  color: #eee;
}
.layout-boulderlounge #footer a:link, .layout-boulderlounge #footer a:visited {
  color: #ffffff;
}
.layout-boulderlounge #footer a:link:hover, .layout-boulderlounge #footer a:visited:hover {
  color: #eee;
}

.nav-stage {
  width: 100%;
}

.cloned .nav-stage {
  border: 0;
}

#header .main-navigation .mobile-only-menu-item a {
  color: #ffffff;
  font-size: 0.8rem;
  border: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 400;
  height: 40px;
}
@media screen and (min-width: 62.5em) {
  #header .main-navigation .mobile-only-menu-item {
    display: none;
  }
}

/* --------------------------------------------
   #Nav 
   -------------------------------------------- */
.main-navigation {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 100vw;
  background: #2D949B;
  z-index: 1000;
  padding: 0rem;
  overflow-y: scroll;
  display: flex;
  align-items: center;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 130px;
  display: none;
}
@media screen and (max-width: 62.4375em) {
  .main-navigation {
    -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
    -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
    -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
    -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
    transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  }
}
@media screen and (min-width: 37.5em) {
  .main-navigation {
    align-items: center;
    padding-top: 0;
    padding: 50px 10vw 0 10vw;
  }
}
@media screen and (min-width: 62.5em) {
  .main-navigation {
    display: block;
    padding: 0;
    position: relative;
    overflow: visible;
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    background-color: transparent;
    margin-right: 0rem;
    display: flex;
    width: auto;
  }
}
@media screen and (min-width: 80em) {
  .main-navigation {
    max-width: none;
  }
}
@media screen and (max-width: 62.4375em) {
  .main-navigation.main-navigation.opened {
    -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
    -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
    -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
    -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
    transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
    left: 0;
  }
}

.main-navigation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  width: 100%;
  padding: 0;
}
@media screen and (min-width: 62.5em) {
  .main-navigation ul {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 80em) {
  .main-navigation ul {
    flex-wrap: no-wrap;
  }
}
.main-navigation ul > li {
  position: relative;
  display: block;
  width: calc(100% - 3em);
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 62.5em) {
  .main-navigation ul > li {
    width: auto;
    padding: 0;
    margin-left: 8px;
  }
}
@media screen and (min-width: 68.75em) {
  .main-navigation ul > li {
    margin-left: 12px;
  }
}
@media screen and (min-width: 75em) {
  .main-navigation ul > li {
    margin-left: 15px;
  }
}
@media screen and (min-width: 80em) {
  .main-navigation ul > li {
    margin-left: 15px;
  }
}
@media screen and (min-width: 100em) {
  .main-navigation ul > li {
    margin-left: 30px;
  }
}
.main-navigation ul > li > a,
.main-navigation ul > li > strong {
  display: block;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.01rem;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 0.2em 0.8rem;
  font-size: 1.3rem;
  height: 60px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 62.5em) {
  .main-navigation ul > li > a,
  .main-navigation ul > li > strong {
    justify-content: center;
    height: auto;
    font-size: 0.9rem;
    letter-spacing: 0rem;
    width: auto;
    border: 0;
    background: transparent;
    text-transform: none;
    color: #404040;
    padding-left: 0;
    padding-right: 0;
    border-radius: 1px;
  }
}
@media screen and (min-width: 80em) {
  .main-navigation ul > li > a,
  .main-navigation ul > li > strong {
    font-size: 0.95rem;
    text-align: left;
    border: 0;
    margin-right: 0px;
    text-align: left;
    text-decoration: none;
  }
}
@media screen and (min-width: 100em) {
  .main-navigation ul > li > a,
  .main-navigation ul > li > strong {
    font-size: 1rem;
  }
}
.main-navigation ul > li .nav-image {
  display: none;
}
@media screen and (min-width: 62.5em) {
  .main-navigation ul > li.home {
    display: none;
  }
}
.main-navigation ul > li.home a span {
  display: none;
}
.main-navigation ul > li.home a:after {
  font-family: "icomoon";
  content: "\e901";
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 48em) {
  .main-navigation ul > li.facebook a {
    width: 30px;
  }
}
.main-navigation ul > li.facebook a > span {
  display: none;
}
.main-navigation ul > li.facebook a:before {
  font-family: "icomoon";
  content: "\ea90";
  font-size: 14px;
}
.main-navigation ul > li.active > a,
.main-navigation ul > li.trail > a,
.main-navigation ul > li.current-menu-item > a,
.main-navigation ul > li.current_page_parent > a,
.main-navigation ul > li:hover > a {
  color: #2D949B;
  background: #ffffff;
  text-decoration: none;
}
@media screen and (min-width: 62.5em) {
  .main-navigation ul > li.active > a,
  .main-navigation ul > li.trail > a,
  .main-navigation ul > li.current-menu-item > a,
  .main-navigation ul > li.current_page_parent > a,
  .main-navigation ul > li:hover > a {
    background: transparent;
    text-decoration: none;
  }
}
@media screen and (min-width: 62.5em) {
  .main-navigation ul > li.submenu > a:after,
  .main-navigation ul > li.menu-item-has-children > a:after {
    font-family: "icomoon";
    content: "\e905";
    margin-left: 5px;
    font-size: 10px;
    padding-top: 2px;
    color: #2D949B;
  }
}
@media screen and (min-width: 80em) {
  .main-navigation ul > li.submenu > a:after,
  .main-navigation ul > li.menu-item-has-children > a:after {
    font-family: "icomoon";
    content: "\e905";
    margin-left: 7px;
    font-size: 11px;
    padding-top: 2px;
  }
}

@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .main-navigation ul > li {
    margin-left: 4px;
  }
}
@media screen and (min-width: 68.75em) {
  .layout-boulderlounge .main-navigation ul > li {
    margin-left: 5px;
  }
}
@media screen and (min-width: 75em) {
  .layout-boulderlounge .main-navigation ul > li {
    margin-left: 10px;
  }
}
@media screen and (min-width: 80em) {
  .layout-boulderlounge .main-navigation ul > li {
    margin-left: 10px;
  }
}
@media screen and (min-width: 100em) {
  .layout-boulderlounge .main-navigation ul > li {
    margin-left: 20px;
  }
}
.layout-boulderlounge .main-navigation ul > li > a,
.layout-boulderlounge .main-navigation ul > li strong {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .main-navigation ul > li > a,
  .layout-boulderlounge .main-navigation ul > li strong {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 80em) {
  .layout-boulderlounge .main-navigation ul > li > a,
  .layout-boulderlounge .main-navigation ul > li strong {
    font-size: 0.95rem;
  }
}
@media screen and (min-width: 84.375em) {
  .layout-boulderlounge .main-navigation ul > li > a,
  .layout-boulderlounge .main-navigation ul > li strong {
    font-size: 1rem;
  }
}
@media screen and (min-width: 87.5em) {
  .layout-boulderlounge .main-navigation ul > li > a,
  .layout-boulderlounge .main-navigation ul > li strong {
    font-size: 1.05rem;
  }
}
@media screen and (min-width: 100em) {
  .layout-boulderlounge .main-navigation ul > li > a,
  .layout-boulderlounge .main-navigation ul > li strong {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 120em) {
  .layout-boulderlounge .main-navigation ul > li > a,
  .layout-boulderlounge .main-navigation ul > li strong {
    font-size: 1.1rem;
  }
}
.layout-boulderlounge .main-navigation ul > li.active > a,
.layout-boulderlounge .main-navigation ul > li.trail > a,
.layout-boulderlounge .main-navigation ul > li.current-menu-item > a,
.layout-boulderlounge .main-navigation ul > li.current_page_parent > a,
.layout-boulderlounge .main-navigation ul > li:hover > a {
  color: #955845;
  background: #ffffff;
  text-decoration: none;
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .main-navigation ul > li.active > a,
  .layout-boulderlounge .main-navigation ul > li.trail > a,
  .layout-boulderlounge .main-navigation ul > li.current-menu-item > a,
  .layout-boulderlounge .main-navigation ul > li.current_page_parent > a,
  .layout-boulderlounge .main-navigation ul > li:hover > a {
    background: transparent;
    text-decoration: none;
  }
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .main-navigation ul > li.submenu > a:after,
  .layout-boulderlounge .main-navigation ul > li.menu-item-has-children > a:after {
    font-size: 10px;
    padding-top: 2px;
    color: #955845;
    margin-left: 5px;
  }
}

.layout-boulderlounge.header2 .main-navigation ul > li > a,
.layout-boulderlounge.header2 .main-navigation ul > li strong {
  font-family: "Work Sans", sans-serif;
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge.header2 .main-navigation ul > li > a,
  .layout-boulderlounge.header2 .main-navigation ul > li strong {
    letter-spacing: -0.03rem;
  }
}
@media screen and (min-width: 80em) {
  .layout-boulderlounge.header2 .main-navigation ul > li > a,
  .layout-boulderlounge.header2 .main-navigation ul > li strong {
    letter-spacing: -0.03rem;
  }
}

/* --------------------------------------------
   #Nav Submenu
   -------------------------------------------- */
@media screen and (min-width: 62.5em) {
  .main-navigation li.submenu {
    height: auto;
  }
}
.main-navigation li.submenu ul {
  height: 0;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
@media screen and (min-width: 62.5em) {
  .main-navigation li.submenu ul {
    position: absolute;
    width: 300px;
    background: #ffffff;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateX(-8px);
  }
}
.main-navigation li.submenu ul > li {
  width: 100%;
}
@media screen and (min-width: 62.5em) {
  .main-navigation li.submenu ul > li {
    width: 100%;
    background: transparent;
    margin-left: 0;
    padding: 0;
    border-bottom: 1px solid #49bec6;
  }
}
.main-navigation li.submenu ul > li > a,
.main-navigation li.submenu ul > li > strong {
  padding-left: 1rem;
  font-weight: 500;
  font-size: 1rem;
}
@media screen and (min-width: 62.5em) {
  .main-navigation li.submenu ul > li > a,
  .main-navigation li.submenu ul > li > strong {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.3;
    background: transparent;
    font-family: "Inter", sans-serif;
    border: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #000000;
    padding: 0.75rem 1rem;
    text-align: left;
  }
}
.main-navigation li.submenu ul > li > a:before,
.main-navigation li.submenu ul > li > strong:before {
  font-family: "icomoon";
  content: "\e095";
  font-size: 10px;
  margin-right: 10px;
}
.main-navigation li.submenu ul > li:before {
  display: none;
}
@media screen and (min-width: 62.5em) {
  .main-navigation li.submenu ul > li.active > a,
  .main-navigation li.submenu ul > li.active > strong,
  .main-navigation li.submenu ul > li.trail > a,
  .main-navigation li.submenu ul > li.trail > strong {
    background-color: #f2f2f2;
    color: #000000;
  }
}
.main-navigation li.submenu ul > li:hover > a,
.main-navigation li.submenu ul > li:hover > strong {
  background-color: #f2f2f2;
  color: #000000;
}
@media screen and (min-width: 62.5em) {
  .main-navigation li.submenu:last-of-type ul,
  .main-navigation li.submenu:nth-last-child(2) ul {
    right: 0;
  }
}

@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .main-navigation li.submenu ul > li {
    background: transparent;
    border-bottom: 1px solid #a6a6a6;
  }
}
.layout-boulderlounge .main-navigation li.submenu ul > li > a,
.layout-boulderlounge .main-navigation li.submenu ul > li > strong {
  font-size: 1rem;
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .main-navigation li.submenu ul > li > a,
  .layout-boulderlounge .main-navigation li.submenu ul > li > strong {
    font-size: 0.9rem;
    line-height: 1.3;
    background: transparent;
    color: #000000;
  }
}
@media screen and (min-width: 62.5em) {
  .layout-boulderlounge .main-navigation li.submenu ul > li.active > a,
  .layout-boulderlounge .main-navigation li.submenu ul > li.active > strong,
  .layout-boulderlounge .main-navigation li.submenu ul > li.trail > a,
  .layout-boulderlounge .main-navigation li.submenu ul > li.trail > strong {
    background-color: #955845;
    color: #ffffff;
  }
}
.layout-boulderlounge .main-navigation li.submenu ul > li:hover > a,
.layout-boulderlounge .main-navigation li.submenu ul > li:hover > strong {
  background-color: #ffffff;
  color: #955845;
}

.layout-boulderlounge.header2 .main-navigation li.submenu ul > li > a,
.layout-boulderlounge.header2 .main-navigation li.submenu ul > li > strong {
  font-family: "Work Sans", sans-serif;
}

/* --------------------------------------------
   #Nav Subsubmenu
   -------------------------------------------- */
@media screen and (min-width: 62.5em) {
  .main-navigation li.submenu > ul li.submenu ul.level_3 {
    position: absolute;
    width: 250px;
    left: 300px;
    top: 0;
  }
}
.main-navigation li.submenu > ul li.submenu ul.level_3 > li > a,
.main-navigation li.submenu > ul li.submenu ul.level_3 > li > strong {
  padding-left: 5rem;
}
@media screen and (min-width: 62.5em) {
  .main-navigation li.submenu > ul li.submenu ul.level_3 > li > a,
  .main-navigation li.submenu > ul li.submenu ul.level_3 > li > strong {
    padding-left: 1rem;
  }
}

/* --------------------------------------------
   #Nav Toglle / Dropdown Interactions
   -------------------------------------------- */
.main-navigation li.submenu.is-open > ul,
.main-navigation li.menu-item-has-children.is-open > ul {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
@media screen and (max-width: 47.9375em) {
  .main-navigation li.submenu.is-open > ul,
  .main-navigation li.menu-item-has-children.is-open > ul {
    height: auto;
    overflow: visible;
    opacity: 1;
    transform: translateX(0);
  }
}
.main-navigation li.submenu:hover > ul,
.main-navigation li.menu-item-has-children:hover > ul {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
@media screen and (min-width: 48em) {
  .main-navigation li.submenu:hover > ul,
  .main-navigation li.menu-item-has-children:hover > ul {
    height: auto;
    overflow: visible;
    opacity: 1;
    transform: translateX(0);
  }
}

/* Pagination */
.pagination {
  clear: both;
  float: right;
  margin-bottom: 40px;
  width: auto;
}
.pagination p {
  float: left;
  font-size: 0.8em;
  padding: 3px 5px 3px 10px;
}
.pagination ul {
  float: left;
  margin-bottom: 20px;
}
.pagination ul li {
  background: none repeat scroll 0 0 #49bec6;
  float: left;
  margin-right: 2px;
  padding: 0;
  width: auto;
}
.pagination ul li a,
.pagination ul li span {
  font-size: 11px;
  font-weight: normal;
  padding: 3px 8px;
  width: auto;
}

@media screen and (max-width: 47.9375em) {
  .hide-s {
    display: none !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .hide-m {
    display: none !important;
  }
}

@media screen and (min-width: 62.5em) and (max-width: 79.9375em) {
  .hide-l {
    display: none !important;
  }
}

@media screen and (min-width: 80em) {
  .hide-xl {
    display: none !important;
  }
}

button:focus {
  color: #ffffff;
}

.btn, .back a, .big-btn, .light-btn, .dark-btn, .primary-btn, .cta-btn, form [type=submit] {
  font-family: "Inter", sans-serif;
  font-size: 1em;
  padding: 5px 10px;
  color: #2D949B;
  border: 1px solid #49bec6;
  display: inline-block;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  cursor: pointer;
}
.btn [class*=fa-], .back a [class*=fa-], .big-btn [class*=fa-], .light-btn [class*=fa-], .dark-btn [class*=fa-], .primary-btn [class*=fa-], .cta-btn [class*=fa-], form [type=submit] [class*=fa-] {
  font-size: 12px;
}
.btn:hover, .back a:hover, .big-btn:hover, .light-btn:hover, .dark-btn:hover, .primary-btn:hover, .cta-btn:hover, form [type=submit]:hover, .btn:focus, .back a:focus, .big-btn:focus, .light-btn:focus, .dark-btn:focus, .primary-btn:focus, .cta-btn:focus, form [type=submit]:focus {
  color: #49bec6;
  background-color: #2D949B;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}

.back {
  margin-bottom: 20px;
  display: inline-block;
  clear: both;
}

/*
.func {
    @include circle(20px, 10px, $c-white, $c-brand-dark);
    color: $c-white !important;
    font-weight: 300;
    float: right;
    font-size: 12px;
    .fa {
        margin-right: 0;
    }
}

.download {
    margin-bottom: 30px;
    display: inline-block;
    clear: both;
    width: auto;
}

*/
.cta-btn, form [type=submit] {
  background-color: transparent !important;
  padding: 6px 12px 6px 12px;
  position: relative;
  line-height: 2em;
  border: 2px solid #404040;
  font-size: 0.7em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #404040;
}
@media screen and (min-width: 48em) {
  .cta-btn, form [type=submit] {
    font-size: 0.8em;
  }
}
.cta-btn:hover, form [type=submit]:hover {
  background-color: #49bec6 !important;
  color: #000000 !important;
}
.cta-btn [class*=fa], form [type=submit] [class*=fa] {
  color: #2D949B;
  text-align: center;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 5px;
  width: 25px;
  font-size: 1em;
  line-height: 2em;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
@media (min-width: sm) {
  .cta-btn [class*=fa], form [type=submit] [class*=fa] {
    line-height: 2.1em;
    width: 35px;
  }
}
.cta-btn:hover [class*=fa], form [type=submit]:hover [class*=fa] {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  padding-left: 10px;
}

.cta-btn.green, form .green[type=submit] {
  border: 0;
}

.intro-btn {
  position: absolute;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  bottom: 30px;
  border: 0;
  padding: 10px;
  text-align: center;
}
@media screen and (min-width: 62.5em) {
  .intro-btn {
    bottom: 60px;
  }
}

.primary-btn {
  background-color: #2D949B;
  color: #ffffff !important;
}

.dark-btn {
  background-color: #404040;
  color: #49bec6 !important;
}

.light-btn {
  border: 1px solid #3bb3bb;
  color: #404040;
  background-color: #59c4cb;
}
.light-btn [class*=fa-] {
  font-size: 12px;
  color: #0F4B4F;
}

.big-btn {
  font-size: 1em;
  padding: 9px 20px 9px 50px;
  width: 180px;
  display: block;
  border: 0;
  margin: 0 auto;
}
@media screen and (min-width: 62.5em) {
  .big-btn {
    font-size: 1.2em;
    padding: 8px 30px 8px 80px;
    width: 260px;
  }
}
.big-btn .fa {
  width: 50px !important;
}
.big-btn .binoculars {
  height: 20px;
  margin-left: 10px;
  background-image: url(https://www.boulderlounge-chemnitz.de/files/theme_element_v2/svg/binoculars.svg);
}

.ctrl-btn {
  background: #2D949B;
  color: #ffffff;
  padding: 0.15em 0.75em;
  position: fixed;
  right: 65px;
  top: 22px;
  font-size: 0.6rem;
  font-weight: 600;
  max-width: 200px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 23.125em) {
  .ctrl-btn {
    right: 75px;
  }
}
@media screen and (min-width: 48em) {
  .ctrl-btn {
    max-width: 150px;
    right: auto;
    left: 10px;
    padding: 0.25em 1em;
    top: 20px;
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 62.5em) {
  .ctrl-btn {
    left: 30px;
    top: 30px;
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 120em) {
  .ctrl-btn {
    left: calc(50% - 925px);
  }
}
.ctrl-btn:hover {
  background: #000000;
  color: #49bec6;
}

.ctrl-btn-v2, .ctrl-btn-v3 {
  background: #2D949B;
  color: #ffffff;
  padding: 0.5rem 1rem;
  margin-top: 6px;
  display: block;
  /*position: fixed;
  right: 65px;
  top: 22px;*/
  font-size: 0.7rem;
  font-weight: 600;
  max-width: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  .ctrl-btn-v2, .ctrl-btn-v3 {
    padding: 0.5rem 0.8rem;
    position: fixed;
    right: auto;
    top: 20px;
    left: 10px;
    float: none;
    width: auto;
    margin: 0;
    font-size: 0.7rem;
  }
}
@media screen and (min-width: 62.5em) {
  .ctrl-btn-v2, .ctrl-btn-v3 {
    padding: 0.6rem 1.2rem;
    position: fixed;
    left: 30px;
    top: 30px;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 120em) {
  .ctrl-btn-v2, .ctrl-btn-v3 {
    left: calc(50% - 925px);
    padding: 0.75rem 1.5rem;
    font-size: 0.8rem;
  }
}
.ctrl-btn-v2:hover, .ctrl-btn-v3:hover {
  background: #000000;
  color: #49bec6;
}

@media screen and (min-width: 48em) {
  .ctrl-btn-v2.tickets, .ctrl-btn-v3.tickets {
    top: 60px;
  }
}
@media screen and (min-width: 62.5em) {
  .ctrl-btn-v2.tickets, .ctrl-btn-v3.tickets {
    top: 80px;
  }
}
@media screen and (min-width: 93.75em) {
  .ctrl-btn-v2.tickets, .ctrl-btn-v3.tickets {
    top: 30px;
    margin-left: 260px;
  }
}
@media screen and (min-width: 120em) {
  .ctrl-btn-v2.tickets, .ctrl-btn-v3.tickets {
    margin-left: 280px;
  }
}

.ctrl-btn-v2.login {
  position: absolute;
  width: auto;
  background-color: transparent;
  color: #ffffff;
  line-height: inherit;
  padding: 0.6rem 1.2rem;
  font-size: 0.7rem;
  justify-self: flex-end;
  margin-left: auto;
  color: #ffffff;
  background: #000000;
  margin-right: 0;
}
@media screen and (max-width: 47.9375em) {
  .ctrl-btn-v2.login {
    padding-inline: 5px;
    top: 10px;
    left: 0px;
  }
}
@media screen and (min-width: 48em) {
  .ctrl-btn-v2.login {
    left: auto;
    position: fixed;
    left: auto;
    right: 120px;
    background-color: transparent;
    color: #2D949B;
  }
}
@media screen and (min-width: 62.5em) {
  .ctrl-btn-v2.login {
    right: 12vw;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 100em) {
  .ctrl-btn-v2.login {
    right: 11vw;
  }
}
@media screen and (min-width: 143.75em) {
  .ctrl-btn-v2.login {
    right: calc(50% - 925px);
  }
}

.dropdown-buttons {
  display: block;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-top: 10px;
  z-index: 100;
}
@media screen and (min-width: 48em) {
  .dropdown-buttons {
    margin-top: 0;
  }
}
.dropdown-buttons > li {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .dropdown-buttons > li {
    width: auto;
  }
}
.dropdown-buttons > li > ul {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  max-height: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .dropdown-buttons > li > ul {
    max-width: 300px;
  }
}

.dropdown-buttons a,
.dropdown-buttons a:link,
.dropdown-buttons a:visited,
.header-btn {
  color: #ffffff;
  background: #2D949B;
  color: #ffffff;
  padding: 0.5rem 1rem;
  text-decoration: none;
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  max-width: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .dropdown-buttons a,
  .dropdown-buttons a:link,
  .dropdown-buttons a:visited,
  .header-btn {
    padding: 0.6rem 1.2rem;
    font-size: 0.75rem;
  }
}
.dropdown-buttons a.active, .dropdown-buttons a:hover, .dropdown-buttons a:active,
.dropdown-buttons a:link.active,
.dropdown-buttons a:link:hover,
.dropdown-buttons a:link:active,
.dropdown-buttons a:visited.active,
.dropdown-buttons a:visited:hover,
.dropdown-buttons a:visited:active,
.header-btn.active,
.header-btn:hover,
.header-btn:active {
  background: #0F4B4F;
}

.layout-boulderlounge .dropdown-buttons > li.is-toggled > ul {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  max-height: 4000px;
}

.dropdown-buttons .app-btn, .dropdown-buttons a.app-btn:link, .dropdown-buttons a.app-btn:visited, .dropdown-buttons a.app-btn:focus {
  background: #EFEAE4 !important;
  color: #2D949B !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3rem 0.7rem;
}
.dropdown-buttons .app-btn svg, .dropdown-buttons a.app-btn:link svg, .dropdown-buttons a.app-btn:visited svg, .dropdown-buttons a.app-btn:focus svg {
  width: 45px;
  height: 40px;
  object-fit: contain;
  fill: #2D949B !important;
  margin-right: 5px;
}
.dropdown-buttons .app-btn:hover, .dropdown-buttons .app-btn.active, .dropdown-buttons .app-btn:active, .dropdown-buttons a.app-btn:link:hover, .dropdown-buttons a.app-btn:link.active, .dropdown-buttons a.app-btn:link:active, .dropdown-buttons a.app-btn:visited:hover, .dropdown-buttons a.app-btn:visited.active, .dropdown-buttons a.app-btn:visited:active, .dropdown-buttons a.app-btn:focus:hover, .dropdown-buttons a.app-btn:focus.active, .dropdown-buttons a.app-btn:focus:active {
  background: #2D949B !important;
  color: #ffffff !important;
}
.dropdown-buttons .app-btn:hover svg, .dropdown-buttons .app-btn.active svg, .dropdown-buttons .app-btn:active svg, .dropdown-buttons a.app-btn:link:hover svg, .dropdown-buttons a.app-btn:link.active svg, .dropdown-buttons a.app-btn:link:active svg, .dropdown-buttons a.app-btn:visited:hover svg, .dropdown-buttons a.app-btn:visited.active svg, .dropdown-buttons a.app-btn:visited:active svg, .dropdown-buttons a.app-btn:focus:hover svg, .dropdown-buttons a.app-btn:focus.active svg, .dropdown-buttons a.app-btn:focus:active svg {
  fill: #ffffff !important;
}

.header-btn {
  color: #ffffff;
  background: #2D949B;
  color: #ffffff;
  padding: 0.5rem 1rem;
  text-decoration: none;
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  max-width: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .header-btn {
    padding: 0.6rem 1.2rem;
    font-size: 0.75rem;
  }
}
.header-btn.active, .header-btn:hover, .header-btn:active {
  background: #000000;
}

.header-btn.login {
  position: absolute;
  width: auto;
  background-color: transparent;
  color: #ffffff;
  line-height: inherit;
}
@media screen and (max-width: 47.9375em) {
  .header-btn.login {
    padding-inline: 5px;
    top: 17px;
    left: 0px;
    justify-self: flex-end;
    margin-left: auto;
    color: #ffffff;
    margin-right: 0;
  }
}
@media screen and (min-width: 48em) {
  .header-btn.login {
    left: auto;
    position: fixed;
    left: auto;
    right: 95px;
  }
}
@media screen and (min-width: 62.5em) {
  .header-btn.login {
    position: static;
    display: block;
    width: auto;
    margin-right: 0px;
    text-transform: uppercase;
    margin-left: auto;
    background: #000000;
  }
}

#up {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  left: auto;
  position: fixed;
  top: auto;
  font-family: "icomoon";
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  right: 0em;
  bottom: 0em;
  border-radius: 3px;
  border: 1px solid #49bec6;
  background: transparent;
  color: #49bec6 !important;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 48em) {
  #up {
    right: 0.5em;
    bottom: 0.5em;
  }
}
@media screen and (min-width: 62.5em) {
  #up {
    right: 1em;
    bottom: 1em;
  }
}
#up:before {
  content: "\e902";
}
#up.in {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}

.scroll-next {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  left: auto;
  position: absolute;
  top: auto;
  font-family: "icomoon";
  text-align: center;
  width: 80px;
  height: 80px;
  line-height: 50px;
  left: 50%;
  margin-left: -40px;
  bottom: 10px;
  border-radius: 3px;
  background: transparent;
  color: #ffffff !important;
  font-size: 20px;
  animation-delay: 0.5s;
}
@media screen and (min-width: 62.5em) {
  .scroll-next {
    font-size: 40px;
  }
}
.scroll-next.left {
  left: 5vw;
}
.scroll-next:before {
  content: "\e905";
}
.scroll-next.in {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.scroll-next.upper {
  bottom: 10%;
}

.box-with-icon .image_container {
  height: 130px;
  width: 130px;
  background: #f2f2f2;
  padding: 15px;
  margin: 0 auto 30px auto;
}
.box-with-icon h4 {
  text-transform: uppercase;
  font-size: 1em;
  color: #0F4B4F;
}
.box-with-icon h4 a {
  color: #0F4B4F;
}

.course-col {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}

.course-icons {
  background: #2D949B;
  text-align: left;
}
.course-icons .course-col {
  text-align: left;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  flex-grow: 1;
  line-height: 1.4;
  color: #ffffff;
}
@media screen and (min-width: 62.5em) {
  .course-icons .course-col {
    justify-content: center;
    padding: 1.25rem 3rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .course-icons .course-col {
    border-bottom: 1px solid #ffffff;
  }
}
@media screen and (min-width: 62.5em) {
  .course-icons .course-col {
    border-right: 1px solid #ffffff;
  }
}
@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .course-icons .course-col:nth-child(1), .course-icons .course-col:nth-child(2) {
    border-bottom: 1px solid #ffffff;
  }
}
@media screen and (min-width: 62.5em) {
  .course-icons .course-col:last-child {
    border-right: 0px solid #ffffff;
  }
}
.course-icons .svg-icon {
  fill: #ffffff;
  margin-right: 1.5rem;
}

.courses-list .flex-row {
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (min-width: 62.5em) {
  .courses-list .flex-row > [class*=w33] {
    width: calc(33.33% - 1vw);
  }
}
@media screen and (min-width: 62.5em) {
  .courses-list .flex-row > [class*=w50] {
    width: calc(50% - 1vw);
  }
}

.course-item {
  position: relative;
}
.course-item .image-container {
  aspect-ratio: 4/3;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.course-item .image-container img,
.course-item .image-container picture {
  object-fit: cover;
  object-position: center;
  height: 100%;
  display: block;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.course-item h3.title {
  font-weight: 500;
  width: 60%;
  position: absolute;
  font-family: "Inter", sans-serif;
  left: 50%;
  bottom: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #000000;
  background: #2D949B;
  color: #ffffff;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
  font-size: 1.05rem;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.course-item h3.title:hover {
  background: #0F4B4F;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.course-item h3.title a {
  font-weight: 600;
  color: #ffffff;
  display: block;
}
.course-item .course-col {
  position: relative;
  text-align: left;
  justify-content: flex-start;
  background: #f2f2f2;
  font-size: 0.95rem;
  line-height: 1.3;
  padding: 0.75rem 1rem;
  color: #000000;
}
@media screen and (min-width: 80em) {
  .course-item .course-col {
    padding: 1rem 2rem;
  }
}
.course-item .svg-icon {
  max-width: 30px;
  fill: #2D949B;
  margin-right: 1.5rem;
}
.course-item:hover .image-container img,
.course-item:hover .image-container picture {
  transform: scale(1.03);
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}

.layout-boulderlounge .course-item .course-col {
  background: #EFEAE4;
}

/* --------------------------------------------
   #Slider
   -------------------------------------------- */
.slider-container {
  /*width:100%;
  height:100%;
  position:absolute;*/
}

.slider-container {
  width: 100%;
  height: 100%;
  position: absolute;
}

.slider, .owl-slider {
  clear: both;
  height: auto;
  background-color: transparent;
  position: relative;
  margin: 0;
  padding: 0;
  height: auto;
  overflow: hidden;
  max-height: 100vh;
  overflow: hidden;
}
.slider :focus,
.slider :active, .owl-slider :focus,
.owl-slider :active {
  outline: none;
}
.slider .slide, .owl-slider .slide {
  padding-bottom: 0px;
  padding: 0;
  display: block;
  position: relative;
  position: absolute;
  background-color: transparent;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.slick-arrow {
  left: auto;
  right: auto;
  z-index: 999;
  height: 100%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  border: 0;
  transform-origin: center;
  background-color: transparent !important;
  /*&:before {
      color: $c-white;
      @include circle(50px, 80px, $c-brand-light, $c-tr);
      font-family: $font-icons;
      line-height: 60px;
      position: absolute;
      border-radius: 0;
      @include breakpoint(large up) {
          @include circle(50px, 80px, $c-brand-light, $c-tr);
          font-family: $font-icons;
          line-height: 60px;
      }
  }*/
}
.slick-arrow:hover {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}

.slick-prev {
  left: 20px;
  right: auto;
  /*&:before {
      content: "\e90b";
      left: 0;
  }*/
}

.slick-next {
  left: auto;
  right: 20px;
  /*&:before {
     content: "\e90a";
      right: 0;
  }*/
}

/* Chevron */
.slick-arrow::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: inline-block;
  height: 50px;
  position: relative;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 50px;
}

.chevron.right:before, .slick-next:before {
  right: 43px;
  transform: rotate(45deg);
}

.chevron.bottom:before {
  transform: rotate(135deg);
}

.chevron.left:before, .slick-prev:before {
  left: 0;
  transform: rotate(-135deg);
}

.slick-dots {
  bottom: -10px;
}
.slick-dots li button {
  border: 0;
  background: #fff;
  text-indent: -999em;
  cursor: pointer;
  border-radius: 50%;
  display: none;
  width: 20px;
  height: 20px;
  font-size: 0px;
  color: #fff;
  padding: 5px;
}
.slick-dots li button:before {
  color: #ffffff !important;
}
.slick-dots .slick-active button {
  background: #000 !important;
}
.slick-dots .slick-active button:before {
  color: #000 !important;
}

.shirt-slider .slick-arrow {
  display: none !important;
}

/* --------------------------------------------
  #Posts (News, Events, etc) 
  -------------------------------------------- */
.item {
  overflow: hidden;
  position: relative;
  border: 1px solid #49bec6;
  padding: 10px;
  -webkit-transition: all ease-in 0.4s 0s;
  -moz-transition: all ease-in 0.4s 0s;
  -ms-transition: all ease-in 0.4s 0s;
  -o-transition: all ease-in 0.4s 0s;
  transition: all ease-in 0.4s 0s;
}
@media screen and (min-width: 48em) {
  .item {
    height: 400px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 48em) {
  .item {
    padding: 50px 30px;
  }
}
.item .meta {
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left;
}
.item h2 {
  font-size: 1rem;
  color: #2D949B;
  font-weight: 300;
  text-align: left;
  margin: 0;
  text-transform: normal;
  display: block;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  -moz-transition: all 0.3s ease-in-out 0.1s;
  -ms-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}
.item h2 a {
  color: #404040 !important;
}
.item time {
  display: inline-block;
  text-align: right;
  border: 1px solid #a6a6a6;
  color: #a6a6a6;
  margin-left: 20px;
  padding: 3px 7px;
  font-size: 0.7rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  opacity: 0;
  -moz-transform: translate(20px, 0);
  -o-transform: translate(20px, 0);
  -ms-transform: translate(20px, 0);
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.item img {
  -webkit-transition: all ease-in-out 0.3s 0.3s;
  -moz-transition: all ease-in-out 0.3s 0.3s;
  -ms-transition: all ease-in-out 0.3s 0.3s;
  -o-transition: all ease-in-out 0.3s 0.3s;
  transition: all ease-in-out 0.3s 0.3s;
}
.item .overlay {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: relative;
  position: absolute;
  background: rgba(64, 64, 64, 0.95);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.item:hover {
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  -moz-transition: all 0.3s ease-in-out 0.1s;
  -ms-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}
.item:hover h2 {
  -moz-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  -moz-transition: all 0.3s ease-in-out 0.1s;
  -ms-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
  opacity: 1;
}
.item:hover time {
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.3s ease-in-out 0.15s;
  -moz-transition: all 0.3s ease-in-out 0.15s;
  -ms-transition: all 0.3s ease-in-out 0.15s;
  -o-transition: all 0.3s ease-in-out 0.15s;
  transition: all 0.3s ease-in-out 0.15s;
  opacity: 1;
}
.item:hover img {
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.item:hover .overlay {
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.news.item {
  background-color: #ffffff;
  padding: 0px;
  height: auto;
  animation-delay: 0.5s;
  border: 0;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .news.item {
    padding: 0px;
  }
}
.news.item .image_container {
  height: auto;
  overflow: hidden;
  position: relative;
}
.news.item .image_container img {
  max-height: 100%;
  width: auto;
}
.news.item .meta {
  font-size: 0.7em;
  border-top: 1px solid #49bec6;
  display: block;
  position: static;
  margin-bottom: 10px;
}
.news.item .teaser {
  font-size: 0.9em;
  line-height: 1.5em;
  height: 119px;
  overflow: hidden;
}
.news.item h2 {
  text-align: center;
  font-size: 1.2em;
}
.news.item time {
  display: none !important;
}

.teaser-item {
  position: relative;
  min-height: 350px;
  overflow: hidden;
}
@media screen and (min-width: 62.5em) {
  .teaser-item {
    min-height: 450px;
  }
}
.teaser-item .content {
  position: absolute;
  bottom: 10px;
  height: 150px;
  padding: 0 20px;
  font-size: 0.9em;
  line-height: 1.5em;
  text-align: center;
  width: 100%;
  animation-delay: 0.6s;
}
@media screen and (min-width: 62.5em) {
  .teaser-item .content {
    height: 150px;
  }
}
.teaser-item .content h3 {
  font-weight: 600;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  line-height: 1.2em;
}
@media screen and (min-width: 48em) {
  .teaser-item .content h3 {
    font-size: 1.1em;
  }
}
.teaser-item .content p {
  font-weight: 300;
}
.teaser-item .content .seperator {
  width: 50%;
  height: 20px;
}
.teaser-item .content .seperator .line {
  border-bottom-color: #a6a6a6;
}
.teaser-item .content .seperator .ornament {
  background-image: url(https://www.boulderlounge-chemnitz.de/files/theme_element_v2/img/banderole-light.png);
  width: 20px;
  height: 20px;
  -moz-transform: translateX(-50%) rotate(0);
  -o-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  -webkit-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
}
.teaser-item .diagonal {
  position: absolute;
  background-color: #f2f2f2;
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  bottom: 20px;
  left: -50%;
  height: 180px;
  width: 200%;
  opacity: 0.97;
  animation-delay: 0.4s;
}
.teaser-item .image_background_container {
  opacity: 1;
  border: 10px solid #ffffff;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left -30px;
}
@media screen and (min-width: 62.5em) {
  .teaser-item .image_background_container {
    border-width: 20px;
  }
}

.round-item {
  position: relative;
  height: 150px;
  width: 150px;
  border-radius: 150px;
  font-family: "Inter", sans-serif;
  display: block;
  font-size: 1em;
  text-align: center;
  line-height: 150px;
  background-color: #ffffff;
  color: #404040;
  cursor: pointer;
  content: "\f054";
  text-align: center;
  overflow: hidden;
  padding: 0px;
  border: 1px solid #ffffff;
  margin: 20px auto;
}
.round-item:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
}
.round-item img {
  height: 100%;
  max-width: none;
  width: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.round-item span {
  font-family: "Inter", sans-serif;
  font-style: italic;
  color: #fff;
  width: 150%;
  font-size: 14px;
  position: absolute;
  background-color: #2D949B;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
  line-height: 40px;
  top: 45%;
  left: 50%;
  -moz-transform: translate(-50%, -10%);
  -o-transform: translate(-50%, -10%);
  -ms-transform: translate(-50%, -10%);
  -webkit-transform: translate(-50%, -10%);
  transform: translate(-50%, -10%);
}

.mod_newsreader {
  position: relative;
}
.mod_newsreader h1:after {
  content: "";
  display: block;
  font-weight: 900;
  margin: 30px auto;
  width: 50%;
  border-top: 1px solid #a6a6a6;
  text-align: center;
}
.mod_newsreader .pagination p {
  display: none;
}
.mod_newsreader .pagination li {
  display: none;
}
.mod_newsreader .pagination li.previous,
.mod_newsreader .pagination li.next {
  display: block;
}
.mod_newsreader .pagination a.previous,
.mod_newsreader .pagination a.next {
  text-indent: -999em;
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  top: 20px;
  background-color: #2D949B;
}
.mod_newsreader .pagination a.next {
  right: 0;
  left: auto;
}

.back a {
  text-align: center;
}

.card {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 62.5em) {
  .card {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.card h5 {
  display: block;
  text-align: center;
}
.card h6 {
  margin: 0;
}
.card .card-item {
  margin: 15px 0;
}
@media screen and (min-width: 62.5em) {
  .card .card-item {
    margin: 30px 0;
  }
}
.card h3 {
  color: #2D949B;
  margin-top: 0;
  text-align: left;
  line-height: 1.2em;
}
@media screen and (min-width: 48em) {
  .card h3 {
    text-align: left;
    margin-top: 0;
    font-size: 1.1em;
    line-height: 1.4em;
  }
}
.card .one-card {
  text-align: center;
}
.card .one-card h3 {
  text-align: center;
}
.card p {
  font-size: 0.9em;
  line-height: 1.4em;
}
.card .line {
  border-color: #49bec6;
}
.card .qty {
  text-align: center;
}
.card .price {
  text-align: right;
  padding-right: 30px;
  font-size: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.card.weekly {
  background: url(https://www.boulderlounge-chemnitz.de/files/theme_element_v2/img/tafel.jpg);
  background-size: cover;
  padding: 20px;
  color: #ffffff;
  font-family: "Amatic SC", cursive;
  font-size: 1.5em;
  border-radius: 3px;
  border: 10px solid #49bec6;
}
@media screen and (min-width: 62.5em) {
  .card.weekly {
    padding: 50px;
    font-size: 1.7em;
  }
}
.card.weekly h1 {
  margin-bottom: 20px;
  margin-top: 20px;
  color: #2D949B;
}
.card.weekly .illustration {
  margin: 0 auto;
  display: block;
  max-width: 150px;
}
@media screen and (min-width: 62.5em) {
  .card.weekly .illustration {
    max-width: 250px;
  }
}
.card.weekly .desc p,
.card.weekly .desc h3 {
  text-align: center;
}
.card.weekly h6 {
  font-family: "Amatic SC", cursive;
  color: #2D949B;
  font-size: 1.1em;
}
.card.weekly h3 {
  font-family: "Amatic SC", cursive;
  font-size: 1.7em;
  letter-spacing: 0;
  color: #ffffff;
}
.card.weekly h3 a {
  color: #ffffff;
}

.team.item {
  border: 0;
  padding: 10px;
  background-color: transparent;
  min-height: 200px;
  height: auto;
  text-align: center;
}
.team.item img {
  border: 1px solid #49bec6;
  border-radius: 500px;
}
.team.item h4 {
  text-align: center;
  /* height: 60px; */
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /* top: 116px; */
  color: #404040;
  padding: 20px;
}
.team.item h5 {
  font-size: 0.65em;
  text-align: center;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  vertical-align: middle;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  .team.item h5 {
    font-size: 0.7em;
    margin-bottom: 10px;
  }
}
.team.item a {
  text-transform: uppercase;
  color: #404040;
  letter-spacing: 0.1em;
  font-size: 0.8em;
}
.team.item .text {
  position: absolute;
  opacity: 0;
  padding: 8px;
  font-size: 0.9em;
  border: 1px solid #f2f2f2;
  top: 0;
  min-height: 100%;
  background-color: #ffffff;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.team.item .text.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.team.item > .toggle {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 20px;
}

.large-centered .team.item {
  height: auto;
  min-height: 0;
}

.advantages {
  margin: 5px 0;
  position: relative;
  padding: 50px 20px;
  filter: grayscale(0.8);
}
@media screen and (min-width: 62.5em) {
  .advantages {
    margin: 0px 0;
    padding: 150px 50px;
  }
}
.advantages a {
  color: #a6a6a6;
}
.advantages .image_background_container {
  opacity: 0.13;
}
.advantages .big-icon {
  margin: 0 auto;
}
.advantages article {
  min-height: 90px;
  text-align: center;
  padding: 10px;
  animation-delay: 0.4s;
  margin: 5px 0;
}
@media screen and (min-width: 62.5em) {
  .advantages article {
    margin: 10px 0;
    padding: 20px;
  }
}
.advantages article h3 {
  font-size: 0.9em;
  line-height: 1.3em;
  font-weight: 600;
  height: 3em;
  margin-top: 10px;
}
@media screen and (min-width: 62.5em) {
  .advantages article h3 {
    margin-top: 20px;
  }
}
.advantages .column:nth-of-type(1) article {
  animation-delay: 0.6s;
}
.advantages .column:nth-of-type(3) article {
  animation-delay: 0.8s;
}

.recommendation {
  height: 300px;
}
@media screen and (min-width: 62.5em) {
  .recommendation {
    height: 400px;
  }
}
.recommendation figcaption {
  margin-top: 10px;
  font-size: 0.8em;
  line-height: 1.6em;
}
@media screen and (min-width: 62.5em) {
  .recommendation figcaption {
    margin-top: 20px;
    text-align: left;
  }
}
.recommendation figcaption:after {
  width: 30px;
  height: 3px;
  background-color: #2D949B;
  display: block;
  content: " ";
  margin-top: 0.8em;
}

.lieferant {
  height: 340px;
}
@media screen and (min-width: 37.5em) {
  .lieferant {
    height: 440px;
  }
}
@media screen and (min-width: 48em) {
  .lieferant {
    height: 460px;
  }
}
@media screen and (min-width: 62.5em) {
  .lieferant {
    height: 490px;
  }
}
@media screen and (min-width: 80em) {
  .lieferant {
    height: 560px;
  }
}

.start .top-stage .cta-box, .start .top-event .cta-box {
  display: none;
}
@media screen and (min-width: 62.5em) {
  .start .top-stage .cta-box, .start .top-event .cta-box {
    display: block;
  }
}

.cta-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .cta-box {
    width: 80%;
  }
}
@media screen and (min-width: 62.5em) {
  .cta-box {
    width: 70%;
  }
}
@media screen and (min-width: 80em) {
  .cta-box {
    width: 70%;
  }
}
@media screen and (min-width: 100em) {
  .cta-box {
    width: 60%;
  }
}
.cta-box h1 {
  margin: 0;
  margin-top: 0px;
  font-size: 0.8em;
  font-weight: 100;
  animation-delay: 0.8s;
  position: relative;
  z-index: 1;
  color: #49bec6;
}
@media screen and (min-width: 48em) {
  .cta-box h1 {
    font-size: 0.9em;
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 62.5em) {
  .cta-box h1 {
    font-size: 1.1em;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.cta-box h1 a {
  color: #ffffff;
  background: rgba(179, 175, 176, 0.95);
  padding: 0.5em 1em;
}
.cta-box h3 {
  font-family: "filson-pro", sans-serif;
  color: #ffffff;
  text-align: center;
  font-size: 2.9em;
  margin: 0;
  padding: 0;
  line-height: 1em;
  text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
  z-index: 2;
}
@media screen and (min-width: 48em) {
  .cta-box h3 {
    font-size: 3.9em;
    line-height: 1em;
  }
}
@media screen and (min-width: 62.5em) {
  .cta-box h3 {
    font-size: 5.5em;
    line-height: 1em;
  }
}
.cta-box h3 a {
  color: #ffffff;
}
.cta-box .big-btn {
  display: inline-block;
}
.cta-box label {
  display: none;
}
@media (min-width: md) {
  .cta-box .widget {
    width: 50%;
    float: left;
  }
}
@media (min-width: md) {
  .cta-box .widget:first-child {
    padding-right: 10px;
  }
}
.cta-box .dropdown-filter {
  padding: 0;
}
.cta-box .selector {
  background-color: rgba(73, 190, 198, 0.1);
  border: 1px solid #ffffff;
  color: #ffffff;
}
.cta-box .selector ul {
  position: absolute;
  z-index: 1000;
  color: #404040;
}

/*
.stage-img img {
	position:fixed;
	right:20px;
	top:100px;
	width:auto;
	height:auto;
	display:none;

	@include min-mq(sm) { display:block; height:80px}
	@include min-mq(md) { height:100px; right:50px;}
	@include min-mq(lg) { height:100px; right:150px;}
}
*/
/* Calendar */
.mod_eventlist .empty {
  display: none;
  text-align: center;
}

.em-calendar {
  width: 100%;
  text-transform: uppercase;
  font-size: 13px;
}
.em-calendar td {
  padding: 3px;
  text-align: center;
}
.em-calendar td .month_name {
  font-weight: bold;
  color: #0F4B4F;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}

/* Event Item */
/*
.event-item {
    position: relative;
    background-color: $c-tr;
    animation-delay: 1.0s;
    border: 0px solid $c-brand-light;
    margin-bottom: 20px;
    @include breakpoint(large up) {
        margin-bottom: 50px;
    }
    &.banderole {
        &:before {
            display: none;
            @include breakpoint(medium up) {
                top: auto;
                bottom: -50px;
                width: 80px;
                z-index: 10;
            }
        }
    }
    .tile {
        @include type-mark(0);
        background-color: $c-anthrazit;
        padding: 3px 10px;
        font-weight: 500;
        color: $c-white;
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }
    .overflow > a {
        display: block;
        width: 100%;
        height: 100%;
    }
    h3 {
        text-align: left;
        font-size: 1.2em;
        line-height: 1.3em;
        text-transform: uppercase;
        letter-spacing: 0.18em;
        font-weight: 300;
        margin: 0;
        height: 4.2em;
    }
    strong {
        font-size: 15px;
    }
    img {
        max-width: 100%;
        height: auto;
        padding:0;
        //padding: 7px;
        border: 0px solid $c-grey-lightest;
        background: $c-white;
        @include transition(all 0.35s ease-out);
        @include breakpoint(large up) {
            //padding: 9px;
        }
        @include breakpoint(xlarge up) {
            //padding: 15px;
        }
    }
    .text {
        @include breakpoint(medium up) {
            padding-left: 0;
        }
    }
    .overlay {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: relative;
        position: absolute;
        background: rgba($c-white, 0.85);
        padding: 10px;
        @include breakpoint(xlarge up) {
            padding: 30px;
        }
        @include transform(translate(0, -100%));
        @include transition(all 0.35s ease-out);
        ;
    }
    h5.placeholder {
        position: absolute;
        bottom: 30px;
        background: $c-tr;
        width: 90%;
        color: $c-anthrazit;
        @include h-center;
        text-align: center;
    }
}

.event-item:hover {
    .overlay {
        @include transform(translate(0, 0));
        @include transition(all 0.35s ease-out);
    }
    img {
        @include breakpoint(large up) {
            padding: 45px;
        }
        @include breakpoint(xlarge up) {
            padding: 55px;
        }
        @include transition(all 0.35s ease-out);
        ;
    }
}

*/
/*
.small-list {

	 // background: $c-black;
	  padding: 0 0px 30px 0px;

    @include breakpoint(medium up) {
        margin-top: 0px;
        // background: $c-black;
        padding: 0 0px 30px 0px;
    }



    .event-item {
        margin: 0;
        padding:10px;
        border: 0;
        margin: 20px 0;
        // border: 1px solid $c-black;


        @include breakpoint(medium up) {
            border-right: 0px solid $c-brand-light;
            padding:20px;
        }
        img {
            padding: 5px;
        }
        h3 {
            font-size: 1.0em;
            letter-spacing: 0.08em;
            margin-top: 15px;
        }

        small {
            // display: none;
        }
    }
}
*/
.event.full {
  border: 0;
}
.event.full .tile {
  font-size: 1.1em;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
@media screen and (min-width: 62.5em) {
  .event.full .tile {
    margin-bottom: 20px;
  }
}
.event.full .ce_text {
  margin: 10px 0;
}
@media screen and (min-width: 62.5em) {
  .event.full .ce_text {
    margin: 30px 0;
  }
}

.top-event {
  position: relative;
  width: 50%;
  display: inline-block;
  float: left;
}
@media screen and (min-width: 62.5em) {
  .top-event {
    width: 50%;
  }
}
@media screen and (min-width: 62.5em) {
  .top-event:nth-of-type(1) {
    width: 50%;
    border-right: 1px solid #49bec6;
  }
}
.top-event .image_background_container {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 1;
}

.top-stage .mod_eventlist, .top-event .mod_eventlist {
  text-align: center;
}

.event.full:hover img {
  padding: 7px;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
@media screen and (min-width: 62.5em) {
  .event.full:hover img {
    padding: 9px;
  }
}
@media screen and (min-width: 80em) {
  .event.full:hover img {
    padding: 15px;
  }
}

.event-button {
  margin-bottom: 40px;
}

/* Datepicker Overrides */
.ui-datepicker table.ui-datepicker-calendar {
  font-size: 13px;
}
.ui-datepicker table.ui-datepicker-calendar td {
  padding: 3px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-header {
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #404040 !important;
  background-color: #0F4B4F;
}
.ui-datepicker .ui-datepicker-title {
  background-color: #0F4B4F;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 11px;
}

/* Event Submit */
#event-form fieldset {
  padding: 20px 30px;
}
#event-form .event-extra-details {
  margin-top: 20px;
}
#event-form h4 {
  border-bottom: 1px solid #a6a6a6;
}
#event-form label {
  color: #0F4B4F;
}

.em-time-range {
  background: #ffffff;
  font-size: 13px;
  padding: 10px;
}

#event-date-explanation {
  display: none;
}

.ce_gallery .cols_4 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
}
.ce_gallery .cols_4 li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: calc(50% - 1.5vw);
}
.ce_gallery .cols_4 li:before {
  display: none;
}
@media screen and (min-width: 62.5em) {
  .ce_gallery .cols_4 li {
    width: calc(25% - 1.5vw);
  }
}
.ce_gallery .cols_4 .image_container {
  height: auto;
}

.margin-center {
  margin-left: auto;
  margin-right: auto;
}

.mt-small {
  margin-top: 10px;
}
@media screen and (min-width: 48em) {
  .mt-small {
    margin-top: 25px;
  }
}
@media screen and (min-width: 62.5em) {
  .mt-small {
    margin-top: 35px;
  }
}

.mt-medium {
  margin-top: 30px;
}
@media screen and (min-width: 48em) {
  .mt-medium {
    margin-top: 55px;
  }
}
@media screen and (min-width: 62.5em) {
  .mt-medium {
    margin-top: 70px;
  }
}

.mt-large {
  margin-top: 45px !important;
}
@media screen and (min-width: 48em) {
  .mt-large {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 62.5em) {
  .mt-large {
    margin-top: 130px !important;
  }
}

.mt-xlarge {
  margin-top: 70px;
}
@media screen and (min-width: 48em) {
  .mt-xlarge {
    margin-top: 105px;
  }
}
@media screen and (min-width: 62.5em) {
  .mt-xlarge {
    margin-top: 235px !important;
  }
}

.mt-xxlarge {
  margin-top: 125px;
}
@media screen and (min-width: 48em) {
  .mt-xxlarge {
    margin-top: 150px;
  }
}
@media screen and (min-width: 62.5em) {
  .mt-xxlarge {
    margin-top: 275px !important;
  }
}

.mb-small {
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  .mb-small {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 62.5em) {
  .mb-small {
    margin-bottom: 35px;
  }
}

.mb-medium {
  margin-bottom: 30px;
}
@media screen and (min-width: 48em) {
  .mb-medium {
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 62.5em) {
  .mb-medium {
    margin-bottom: 70px;
  }
}

.mb-large {
  margin-bottom: 20px;
}
@media screen and (min-width: 48em) {
  .mb-large {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 62.5em) {
  .mb-large {
    margin-bottom: 75px;
  }
}

.mb-xlarge {
  margin-bottom: 25px;
}
@media screen and (min-width: 48em) {
  .mb-xlarge {
    margin-bottom: 125px;
  }
}
@media screen and (min-width: 62.5em) {
  .mb-xlarge {
    margin-bottom: 235px;
  }
}

/*
.large-mb-50 {

  @include breakpoint(large up) {

      margin-bottom: 50px;
  }
}


.large-mb-100 {

  @include breakpoint(large up) {

      margin-bottom: 100px;
  }
}


.large-mb-150 {

  @include breakpoint(large up) {

      margin-bottom: 150px;
  }
}

.large-mb-200 {

  @include breakpoint(large up) {

      margin-bottom: 200px;
  }
}

.large-mb-250 {

  @include breakpoint(large up) {

      margin-bottom: 250px;
  }
}


.large-mb-300 {

  @include breakpoint(large up) {

      margin-bottom: 300px;
  }
}



.large-mb-500 {

  @include breakpoint(large up) {

      margin-bottom: 500px;
  }
}*/
@media screen and (min-width: 62.5em) {
  .mt-50px-negative {
    margin-top: -50px;
  }
}

@media screen and (min-width: 62.5em) {
  .mt-100px-negative {
    margin-top: -100px;
  }
}

@media screen and (min-width: 62.5em) {
  .mt-5-negative {
    margin-top: -5%;
  }
}

@media screen and (min-width: 62.5em) {
  .mt-10-negative {
    margin-top: -10%;
  }
}

@media screen and (min-width: 62.5em) {
  .mt-15-negative {
    margin-top: -15%;
  }
}

@media screen and (min-width: 62.5em) {
  .mt-20-negative {
    margin-top: -20%;
  }
}

.p-small {
  padding: 5px !important;
}
@media screen and (min-width: 48em) {
  .p-small {
    padding: 15px !important;
  }
}
@media screen and (min-width: 62.5em) {
  .p-small {
    padding: 25px !important;
  }
}

.p-medium {
  padding: 15px !important;
}
@media screen and (min-width: 48em) {
  .p-medium {
    padding: 35px !important;
  }
}
@media screen and (min-width: 62.5em) {
  .p-medium {
    padding: 55px !important;
  }
}

.p-large {
  padding: 25px !important;
}
@media screen and (min-width: 48em) {
  .p-large {
    padding: 50px !important;
  }
}
@media screen and (min-width: 62.5em) {
  .p-large {
    padding: 100px !important;
  }
}

.pt-large {
  padding-top: 25px !important;
}
@media screen and (min-width: 48em) {
  .pt-large {
    padding-top: 50px !important;
  }
}
@media screen and (min-width: 62.5em) {
  .pt-large {
    padding-top: 100px !important;
  }
}

.pb-large {
  padding-bottom: 25px !important;
}
@media screen and (min-width: 48em) {
  .pb-large {
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 62.5em) {
  .pb-large {
    padding-bottom: 100px !important;
  }
}

.p-xlarge {
  padding: 50px !important;
}
@media screen and (min-width: 48em) {
  .p-xlarge {
    padding: 75px !important;
  }
}
@media screen and (min-width: 62.5em) {
  .p-xlarge {
    padding: 175px !important;
  }
}

.p-xxlarge {
  padding: 75px !important;
}
@media screen and (min-width: 48em) {
  .p-xxlarge {
    padding: 100px !important;
  }
}
@media screen and (min-width: 62.5em) {
  .p-xxlarge {
    padding: 225px !important;
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-10-negative {
    transform: translateX(-10%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-25-negative {
    transform: translateX(-25%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-50-negative {
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-75-negative {
    transform: translateX(-75%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-100-negative {
    transform: translateX(-100%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-10-positive {
    transform: translateX(10%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-25-positive {
    transform: translateX(25%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-50-positive {
    transform: translateX(50%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-75-positive {
    transform: translateX(75%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatex-100-positive {
    transform: translateX(100%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-10-negative {
    transform: translateY(-10%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-25-negative {
    transform: translateY(-25%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-50-negative {
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-75-negative {
    transform: translateY(-75%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-100-negative {
    transform: translateY(-100%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-10-positive {
    transform: translateY(10%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-25-positive {
    transform: translateY(25%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-50-positive {
    transform: translateY(50%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-75-positive {
    transform: translateY(75%);
  }
}

@media screen and (min-width: 62.5em) {
  .translatey-100-positive {
    transform: translateY(100%);
  }
}

.flex-item {
  display: flex;
  position: relative;
}

.flex-valign-start {
  align-items: flex-start !important;
}

.flex-valign-center {
  align-items: center !important;
}

.flex-valign-end {
  align-items: flex-end !important;
}

.valign-self-start {
  align-self: flex-start;
}

.valign-self-center {
  align-self: center;
}

.valign-self-end {
  align-self: flex-end;
}

.valign-self-stretch {
  align-self: stretch;
}

.flex-valign-stretch {
  align-items: stretch !important;
  align-content: stretch !important;
  -webkit-align-items: stretch !important;
}

.flex-halign-center {
  justify-content: center !important;
}

.flex-halign-stretch {
  justify-content: stretch !important;
}

.flex-halign-start {
  justify-content: flex-start !important;
}

.flex-halign-end {
  justify-content: flex-end !important;
}

.flex-halign-space {
  justify-content: space-between !important;
}

.flex-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: stretch;
  flex-wrap: wrap;
  position: relative;
  height: 100%;
}

.flex-grow {
  flex-grow: 1;
}

@media screen and (max-width: 47.9375em) {
  .flex-reverse-s {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .flex-reverse-m {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 62.5em) {
  .flex-reverse-l {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 47.9375em) {
  .ce_rsce_flexgrid_start:nth-of-type(2n) {
    flex-direction: column-reverse;
  }
}

.w10 {
  width: calc(25% - 0vw);
}
@media screen and (min-width: 48em) {
  .w10 {
    width: calc(10% - 0vw);
  }
}

.w20 {
  width: calc(25% - 0vw);
}
@media screen and (min-width: 48em) {
  .w20 {
    width: calc(20% - 0vw);
  }
}

.w25 {
  width: calc(50% - 0vw);
}
@media screen and (min-width: 48em) {
  .w25 {
    width: calc(25% - 0vw);
  }
}

.w25.gutter {
  width: calc(50% - 1vw);
}
@media screen and (min-width: 48em) {
  .w25.gutter {
    width: calc(25% - 1vw);
  }
}

.w30 {
  width: calc(50% - 0vw);
}
@media screen and (min-width: 48em) {
  .w30 {
    width: calc(30% - 0vw);
  }
}

.w33 {
  width: calc(50% - 0vw);
}
@media screen and (min-width: 48em) {
  .w33 {
    width: calc(33.33% - 0vw);
  }
}

.w33.gutter {
  width: calc(50% - 1vw);
}
@media screen and (min-width: 48em) {
  .w33.gutter {
    width: calc(33.33% - 1vw);
  }
}

.w40 {
  width: calc(100% - 0vw);
}
@media screen and (min-width: 37.5em) {
  .w40 {
    width: calc(50% - 0vw);
  }
}
@media screen and (min-width: 48em) {
  .w40 {
    width: calc(40% - 0vw);
  }
}

.w45 {
  width: calc(100% - 0vw);
}
@media screen and (min-width: 37.5em) {
  .w45 {
    width: calc(50% - 0vw);
  }
}
@media screen and (min-width: 48em) {
  .w45 {
    width: calc(45% - 0vw);
  }
}

.w50 {
  width: calc(100% - 0vw);
}
@media screen and (min-width: 37.5em) {
  .w50 {
    width: calc(50% - 0vw);
  }
}

.w50.gutter {
  width: calc(100% - 0vw);
}
@media screen and (min-width: 48em) {
  .w50.gutter {
    width: calc(50% - 1vw);
  }
}

.w60 {
  width: calc(100% - 0vw);
}
@media screen and (min-width: 37.5em) {
  .w60 {
    width: calc(50% - 0vw);
  }
}
@media screen and (min-width: 48em) {
  .w60 {
    width: calc(60% - 0vw);
  }
}

.w66, .w67 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .w66, .w67 {
    width: calc(66.66% - 0vw);
  }
}

.w70 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .w70 {
    width: calc(70% - 0vw);
  }
}

.w75 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .w75 {
    width: calc(75% - 0vw);
  }
}

.w100 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .w100 {
    width: 100%;
  }
}

@media screen and (max-width: 62.4375em) {
  .w100s {
    width: 100%;
  }
}

@media screen and (max-width: 62.4375em) {
  .w50s {
    width: 50%;
  }
}

@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .w100m {
    width: 100%;
  }
}

@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .w50m {
    width: 50%;
  }
}

.flex-row .flex-row .w50 {
  /*.w100s {

  	@include breakpoint(medium up) {
  width:calc(100%);
  }

  }*/
}
@media screen and (min-width: 48em) {
  .flex-row .flex-row .w50 {
    width: calc(50% - 5px);
  }
}

.no-gutter .w10 {
  width: 25%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w10 {
    width: 10%;
  }
}
.no-gutter .w25 {
  width: 50%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w25 {
    width: 25%;
  }
}
.no-gutter .w30 {
  width: 50%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w30 {
    width: 30%;
  }
}
.no-gutter .w33 {
  width: 50%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w33 {
    width: 33.33%;
  }
}
.no-gutter .w40 {
  width: 50%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w40 {
    width: 40%;
  }
}
.no-gutter .w50 {
  width: 50%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w50 {
    width: 50%;
  }
}
.no-gutter .w60 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w60 {
    width: 60%;
  }
}
.no-gutter .w66, .no-gutter .w67 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w66, .no-gutter .w67 {
    width: 66.67%;
  }
}
.no-gutter .w70 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w70 {
    width: 70%;
  }
}
.no-gutter .w75 {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .no-gutter .w75 {
    width: 75%;
  }
}

.flex-box, .box {
  /*display: flex;
  justify-content: center;
  flex-wrap:wrap;
  align-items: center;*/
  position: relative;
  overflow: hidden;
  /*&.w50:nth-of-type(1) {
  	justify-content: flex-end;


  }


  &.w50:nth-of-type(2) {
  	justify-content: flex-start;


  }*/
}
@media screen and (min-width: 62.5em) {
  .flex-box .text-content, .box .text-content {
    max-width: 600px;
  }
}
.flex-box.black, .box.black {
  background: #000000;
}
.flex-box.red, .box.red {
  background: #2D949B;
}

.text-box {
  background-color: #ffffff;
  color: #0F4B4F;
  padding: 50px;
}

.content-box {
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  clear: both;
}

.teaser-box {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .teaser-box {
    margin: 0;
    min-height: 400px;
  }
}
@media screen and (min-width: 62.5em) {
  .teaser-box {
    min-height: 520px;
  }
}
.teaser-box a, .teaser-box h2 {
  font-weight: 400;
}
.teaser-box h3, .teaser-box h4 {
  font-size: 1.1rem;
  color: #2D949B;
}
@media screen and (min-width: 62.5em) {
  .teaser-box h3, .teaser-box h4 {
    font-size: 1.1rem;
    padding-left: 10%;
    padding-right: 10%;
  }
}
.teaser-box .background-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.teaser-box .text-content {
  position: relative;
}
.teaser-box .image_container {
  height: auto;
  max-height: 400px;
  max-height: none;
  overflow: hidden;
  background: #000000;
}
@media screen and (min-width: 62.5em) {
  .teaser-box .image_container {
    height: 300px;
    height: auto;
    width: 100%;
    max-width: none;
  }
}
.teaser-box .image_container img {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transform: scale(1, 1);
  display: block;
}

.teaser-box:hover {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.teaser-box:hover .image_container img {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transform: scale(1.1, 1.1);
}

#d21-headline-container h2 {
  font-size: 0.9em;
}

#d21-quickbook {
  z-index: 100 !important;
}

/* Separators */
.seperator {
  position: relative;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 20px;
  transition-delay: 0.3s;
}
@media screen and (min-width: 48em) {
  .seperator {
    height: 40px;
  }
}
.seperator .line {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-bottom: 1px solid #49bec6;
  height: 4px;
  width: 45%;
}
.seperator .line.left {
  left: 0;
}
.seperator .line.right {
  right: 0;
  left: auto;
}
.seperator .ornament {
  position: absolute;
  left: 50%;
  margin-top: 10px;
  -moz-transform: translateX(-50%) rotate(0deg);
  -o-transform: translateX(-50%) rotate(0deg);
  -ms-transform: translateX(-50%) rotate(0deg);
  -webkit-transform: translateX(-50%) rotate(0deg);
  transform: translateX(-50%) rotate(0deg);
  transform-origin: 50% 50%;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background: url(../img/ornament_light.png) no-repeat center center;
  background-size: contain;
}
.seperator .ornament.alternate {
  background-image: url(https://www.boulderlounge-chemnitz.de/files/theme_element_v2/img/banderole-light.png);
  width: 50px;
  height: 50px;
  -moz-transform: translateX(-50%) rotate(0);
  -o-transform: translateX(-50%) rotate(0);
  -ms-transform: translateX(-50%) rotate(0);
  -webkit-transform: translateX(-50%) rotate(0);
  transform: translateX(-50%) rotate(0);
}

.mission-stage .seperator {
  max-width: 400px;
}

.layout-boulderlounge .seperator .line {
  border-bottom: 1px solid #955845;
}
.layout-boulderlounge .seperator .ornament {
  background: url(../svg/bl-hexagon-rust.svg) no-repeat center center;
}

.line-animation {
  border-top: 2px solid #2D949B;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  width: 1px;
  display: block;
}
.line-animation.go {
  animation-name: width-grow;
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-delay: 0.5s;
  max-width: 150px;
}

.covid-bar {
  background: #506874;
  padding: 10px;
  color: #fff !important;
  text-align: center;
  font-size: 12px;
}
.covid-bar a {
  color: #ffffff;
}

.popup-layer {
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000 !important;
  display: none;
  pointer-events: none;
}
.popup-layer.visible {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  pointer-events: all;
}

.popup-info {
  display: block;
  position: relative;
  background: #ffffff;
  padding: 3vw;
  width: 300px;
  box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 37.5em) {
  .popup-info {
    width: 500px !important;
    height: auto !important;
  }
}
@media screen and (min-width: 62.5em) {
  .popup-info {
    width: 500px !important;
    min-height: 300px !important;
    padding: 2.5vw !important;
  }
}
@media screen and (min-width: 80em) {
  .popup-info {
    width: 600px !important;
    min-height: 300px !important;
  }
}
.popup-info .popup-close {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border: 0;
  box-shadow: 0;
  background-color: transparent;
}
.popup-info .popup-close:before {
  font-family: "icomoon";
  content: "\e117";
}
.popup-info .icon {
  width: 50px;
  margin: 0 auto;
  animation: rotate 1s ease-in-out 0.5s;
}
@media screen and (min-width: 62.5em) {
  .popup-info .icon {
    width: 70px;
  }
}
@media screen and (min-width: 100em) {
  .popup-info .icon {
    width: 80px;
  }
}
.popup-info h1,
.popup-info h2 {
  margin-top: 0 !important;
  color: #2D949B;
  line-height: 1.1;
  text-align: center !important;
}

.onlineticket-popup {
  border-radius: 0%;
  width: 300px;
  min-height: 300px;
  background: #ffffff;
}
@media screen and (min-width: 48em) {
  .onlineticket-popup {
    width: 400px;
    min-height: 400px;
  }
}
@media screen and (min-width: 80em) {
  .onlineticket-popup {
    width: 600px;
    min-height: 600px;
  }
}
@media screen and (min-width: 48em) {
  .onlineticket-popup ol {
    width: 80%;
    margin: 0 auto;
  }
  .onlineticket-popup ol li {
    padding-left: 5px;
  }
  .onlineticket-popup li::marker {
    font-size: 1.5rem;
    margin-right: 20px;
    background: #2D949B;
    width: 30px;
    height: 30px;
    display: inline-block;
  }
}

.popup-btn > a, a.pop-btn {
  font-family: "Inter", sans-serif;
  font-size: 1em;
  padding: 5px 10px;
  color: #ffffff;
  font-weight: 400;
  border: 0px solid #49bec6;
  background: #2D949B;
  display: block;
  max-width: 180px;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.popup-btn > a:hover, .popup-btn > a:focus, a.pop-btn:hover, a.pop-btn:focus {
  color: #ffffff;
  background-color: #2D949B;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}

.tabs {
  width: 100%;
  height: 30px;
  border-bottom: solid 1px #a6a6a6;
  padding-right: 2px;
  padding: 0 !important;
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
@media screen and (min-width: 48em) {
  .tabs {
    justify-content: center;
  }
}

.tabs li {
  list-style: none !important;
  border-top: 1px solid #a6a6a6;
  border-left: 1px solid #a6a6a6;
  border-right: 1px solid #a6a6a6;
  margin-right: 5px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  outline: none;
}

.tabs li a {
  color: #404040;
  padding: 0.25rem 0.75rem;
  display: block;
  background: #ffffff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-decoration: none;
  outline: none;
  font-size: 0.8rem;
}
@media screen and (min-width: 48em) {
  .tabs li a {
    padding: 0.25rem 1.25rem;
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 62.5em) {
  .tabs li a {
    padding: 0.5rem 1.75rem;
    font-size: 1rem;
  }
}

.tabs li a.inactive {
  color: #666666;
  background: #eeeeee;
  outline: none;
  border-bottom: solid 0px #a6a6a6;
}

.tabs li a:hover, .tabs li a.inactive:hover {
  color: #000000;
  outline: none;
}

.tab-container {
  clear: both;
  width: 100%;
  border-left: solid 1px #a6a6a6;
  border-right: solid 1px #a6a6a6;
  border-bottom: solid 1px #a6a6a6;
  text-align: left;
  padding-top: 2rem;
}

/*.tab-container h2 { margin-left: 15px;  margin-right: 15px;  margin-bottom: 10px; color: #5685bc; }

.tab-container p { margin-left: px; margin-right: 15px;  margin-top: 10px; margin-bottom: 10px; line-height: 1.3; font-size: small; }

.tab-container ul { margin-left: 0px; font-size: small; line-height: 1.4; list-style-type: disc; }

.tab-container li { padding-bottom: 5px; margin-left: 5px;}*/
form {
  margin: 3vw auto;
}

label {
  letter-spacing: 0em;
  font-weight: 400;
  margin-top: 1em;
}

input,
select,
textarea {
  border: 1px solid #000000;
  font-family: "Inter", sans-serif;
  padding: 0.8em;
  color: #000000;
}
fieldset {
  height: 100%;
  width: 100%;
  margin: 0;
}
fieldset > span {
  display: block;
}
fieldset legend {
  margin-top: 0;
}

.w50 fieldset {
  width: 100% !important;
  padding-top: 4em;
}
.w50 fieldset legend {
  position: absolute;
  top: 1.2em;
}

form .formbody {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
form .widget {
  margin-top: 2vw;
  position: relative;
}
@media screen and (min-width: 48em) {
  form .widget-radio, form .w50 {
    width: 49%;
  }
}
form .widget-text label, form .widget-textarea label {
  display: none;
}
form .widget-text.mandatory:before,
form .widget-textarea.mandatory:before {
  position: absolute;
  content: "*";
  top: 0%;
  font-size: 1rem;
  pointer-events: none;
  right: 1rem;
  color: #0F4B4F;
  height: 100%;
  display: flex;
  align-items: center;
}
form .w70,
form > p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}
form .w70 > span,
form .w70 > p,
form > p > span,
form > p > p {
  width: 100%;
}
form input[type=text],
form input[type=email],
form input[type=password],
form select,
form textarea,
form fieldset {
  padding: 1.2em;
  background: transparent;
  border: 1px solid #49bec6;
  width: 100%;
  color: #404040;
  margin-bottom: 8px;
  border-radius: 0;
}
form .privacy-check {
  margin: 0;
  padding: 0;
  border: 0;
}
form .widget.privacy-check {
  width: 20px;
  padding-top: 1vw;
}
form .widget-explanation {
  width: calc(100% - 20px);
  font-size: 0.8em;
  line-height: 1.75em;
  margin-top: 0;
  padding-top: 1vw;
}
form .widget-explanation a {
  color: #404040;
}
form [type=submit] {
  line-break: after;
  border: 1px solid #49bec6;
  padding: 0.7em 1.2em;
}

.shadow-soft {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.grey, .grey-bg, .greybg {
  background-color: #f2f2f2 !important;
  color: #404040 !important;
}
.grey *, .grey-bg *, .greybg * {
  color: #404040 !important;
}

.green, .green-bg, .greenbg, .brand, .brand-bg, .bg-brand, .brand-texture {
  background-color: #2D949B !important;
  color: #ffffff !important;
}
.green *, .green-bg *, .greenbg *, .brand *, .brand-bg *, .bg-brand *, .brand-texture * {
  color: #ffffff !important;
}

.brand-dark, .brand-dark-bg {
  background-color: #0F4B4F !important;
}

.brand-texture {
  background-color: #2D949B !important;
  color: #ffffff !important;
  background-image: url("../img/boulderlounge/turquoise-bg.jpg") !important;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.red, .red-bg, .redbg, .brand2, .brand2-bg, .bg-brand2, .brand2-texture {
  background-color: #955845 !important;
}

.brand2-texture {
  background-color: #955845 !important;
  color: #ffffff !important;
  background-image: url("../img/boulderlounge/rust-bg.jpg") !important;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.brand3, .brand3-bg, .bg-brand3 {
  background-color: #77645F !important;
}

.brand4, .brand4-bg, .bg-brand4 {
  background-color: #EFEAE4 !important;
}

.dark, .dark-bg, .darkbg, .darkgrey, .dark-grey, .darkgreybg, .grey-dark, .grey-dark-bg {
  background-color: #404040 !important;
  color: #ffffff !important;
}
.dark *, .dark-bg *, .darkbg *, .darkgrey *, .dark-grey *, .darkgreybg *, .grey-dark *, .grey-dark-bg * {
  color: #ffffff !important;
}

.grey-light, .grey-light-bg, .greylightbg {
  background-color: #eee !important;
}

.black, .black-bg, .blackbg {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.black *, .black-bg *, .blackbg * {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.anthrazit, .anthrazit-bg, .anthrazitbg {
  background-color: #404040 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.anthrazit *, .anthrazit-bg *, .anthrazitbg * {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.white, .white-bg, .white {
  background-color: #f8f7f7 !important;
  color: #404040 !important;
}
@media screen and (min-width: 100em) {
  .white, .white-bg, .white {
    background-color: #ffffff !important;
  }
}
.white *, .white-bg *, .white * {
  color: #404040 !important;
}

.layout-boulderlounge .white, .layout-boulderlounge .white-bg, .layout-boulderlounge .white {
  background-color: #ffffff !important;
}
@media screen and (min-width: 100em) {
  .layout-boulderlounge .white, .layout-boulderlounge .white-bg, .layout-boulderlounge .white {
    background-color: #ffffff !important;
  }
}

.white-transparent, .white-transparent-bg, .white-transparent {
  background-color: rgba(255, 255, 255, 0.5) !important;
  color: #404040 !important;
}
.white-transparent *, .white-transparent-bg *, .white-transparent * {
  color: #404040 !important;
}

.black-transparent, .black-transparent-bg, .black-transparent {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
}
.black-transparent *, .black-transparent-bg *, .black-transparent * {
  color: #ffffff !important;
}

.grey-transparent, .grey-transparent-bg, .grey-transparent {
  background-color: rgba(166, 166, 166, 0.5) !important;
  color: #404040 !important;
}
.grey-transparent *, .grey-transparent-bg *, .grey-transparent * {
  color: #404040 !important;
}

.light, .light-bg, .lightbg {
  background-color: #49bec6 !important;
  color: #ffffff !important;
}
.light *, .light-bg *, .lightbg * {
  color: #ffffff !important;
}

.light-transparent, .light-transparent-bg, .light-transparentbg {
  background-color: rgba(73, 190, 198, 0.7) !important;
  color: #ffffff !important;
}
.light-transparent *, .light-transparent-bg *, .light-transparentbg * {
  color: #ffffff !important;
}

.light-transparent, .light-transparent-bg, .light-transparent {
  background-color: rgba(73, 190, 198, 0.7) !important;
  color: #ffffff !important;
}
.light-transparent *, .light-transparent-bg *, .light-transparent * {
  color: #ffffff !important;
}

.gradient {
  background: linear-gradient(45deg, rgba(73, 190, 198, 0.5) 0%, rgba(73, 190, 198, 0.5) 50%, rgba(248, 247, 247, 0.5) 50%, rgba(248, 247, 247, 0.5) 100%);
}
@media screen and (min-width: 100em) {
  .gradient {
    background: linear-gradient(45deg, rgba(73, 190, 198, 0.5) 0%, rgba(73, 190, 198, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 100%);
  }
}

table {
  width: 100%;
  margin: 10px 0;
  overflow-wrap: anywhere;
}
@media (min-width: sm) {
  table {
    margin: 30px 0;
  }
}
table tr {
  border-bottom: 1px solid #49bec6;
}
@media screen and (max-width: 47.9375em) {
  table tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
table thead {
  background-color: rgba(45, 148, 155, 0.1);
}
table td,
table th {
  padding: 10px 5px;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 47.9375em) {
  table td,
  table th {
    font-size: 0.85rem;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    width: 33.3%;
    overflow-wrap: normal;
  }
}
@media screen and (max-width: 47.9375em) {
  table td.col_first,
  table th.col_first {
    width: 100%;
  }
}

.pricetable td,
.pricetable th {
  text-align: left;
}
@media screen and (max-width: 62.4375em) {
  .pricetable td,
  .pricetable th {
    border-collapse: collapse;
  }
}

.price-label {
  display: block;
  background: #EFEAE4;
  padding: 3px 0;
  font-size: 9px;
  text-align: center;
  text-transform: uppercase;
  min-width: 55px;
}
@media screen and (min-width: 48em) {
  .price-label {
    display: inline-block;
  }
}
@media screen and (min-width: 62.5em) {
  .price-label {
    background: #EFEAE4;
    padding: 3px;
    font-size: 11px;
  }
}

.label-online:before,
.label-vorort:before {
  content: "Online";
}

.label-vorort {
  font-size: 11px;
  text-transform: uppercase;
}
.label-vorort:before {
  content: "Vor Ort";
}

.has-tip {
  border: 0;
  cursor: inherit;
}

.tooltip {
  background: #404040;
  z-index: 99999;
  padding: 4px 10px;
  line-height: 1.3em;
}
.tooltip:before {
  border-bottom-width: 5px;
  border-left-width: 5px;
  border-right-width: 5px;
}

#drp-content {
  background-color: #ffffff;
  padding: 3vw;
}
#drp-content h4 {
  width: auto !important;
  margin-top: 2em !important;
}

.drp-course-dates {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 62.4375em) {
  #drp-booking {
    padding-block: 0;
  }
}

/*.main .textwidget {



	font-size: 23px;
    line-height: 34px;
    font-weight: 200;


   &:after {
 	@include ornament(center);
 	margin-bottom:60px;
 }

}



 .module-heading {
	margin-bottom:20px;
	padding:4px 7px;
	font-size:13px;
	text-align:center;
	@include h-center();
	width:200px;
	border:1px solid $c-anthrazit;

}









.widget {
		min-height:200px;
		padding:20px;
		margin: 20px 0;
		@include transparent;


		ul {
			li {
				padding:0;
			}


		}




		h4 {
			margin-bottom:20px;
			padding:4px 7px;
			font-size:13px;
			text-align:center;
			@include h-center();
			width:200px;
			border:1px solid $c-anthrazit;

		}


   		h5 {
   			text-transform:uppercase;
   		}


	}



.main {
	.widget {
		min-height:20px;
		padding:0;
		background-color:transparent;
	}
}




.sidebar {
	.widget {
		@include transparent;
		@include max-mq('sm') { margin:20px 0;}
		padding:20px 0 0 0;



		h4 {
			border:0;
			padding:0;
		}




	}


}


.stage.bottom {
	.widget {

		min-height:320px;

		@include max-mq(sm) { }
	}
}




#footer {

		.widget {

		min-height:10px;

		background-color:transparent;
		padding:0px;
	}

}

*/
.info-bar {
  position: fixed;
  top: 25%;
  right: -60%;
  max-width: 60%;
  cursor: pointer;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  background: #2D949B;
  z-index: 1000;
  color: #ffffff;
  font-size: 1.3em;
  font-weight: 300;
  padding: 1em 2em;
}
@media screen and (min-width: 48em) {
  .info-bar {
    font-size: 1.3em;
    padding: 1.5em 2em;
    max-width: 25%;
    top: 50%;
  }
}
@media screen and (min-width: 62.5em) {
  .info-bar {
    font-size: 1.4em;
    padding: 1.5em 2em;
    max-width: 20%;
  }
}
@media screen and (min-width: 80em) {
  .info-bar {
    font-size: 1.5em;
    max-width: 17%;
  }
}
.info-bar.visible {
  right: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.info-bar a {
  color: #ffffff !important;
}

.mod_subscribe .confirm {
  padding: 2rem;
  border: 1px solid #2D949B;
  margin-top: 3rem;
}

#mc_embed_signup {
  max-width: 100% !important;
  margin: 0 auto;
}
#mc_embed_signup h2 {
  display: none !important;
}

/*

.landingpage {

	#header {

		background-color:$c-tr;
		z-index:9999;
		position:fixed !important;


		@include breakpoint(small only) {
			width:100%;
		}

		@include breakpoint(medium up) {
			width:200px;
			height:50px;
		}
	}
	.navbar {
		position:fixed !important;
		width:100%;

		.nav {

			@include breakpoint(medium up) {
				text-align: right;
			}
		}
	}


	#logo, #logo img {
		max-height:50px;

	}


	.vp-stage {
		margin-top: 0;

		@include breakpoint(medium up) {

			height:50vh
		}

		img {
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:auto;
		}


		h2 {
			font-weight: 200;
			letter-spacing: 0;
			margin-bottom: 20px;
			font-size: 2.7em;
			color:$c-white;
			text-shadow:1px 1px 2px rgba($c-black,1);


		}


		p {
			color:$c-brand-light;
		}
	}


	.image_background_container {
		width:100%;
		height:100%;
		position:absolute;
		background-size:cover;
		background-position:center right;
		opacity:0.3;

		@include breakpoint(small only) {
			opacity:0.2;
		}
	}
}



.step {


	text-align:center;

	height:100vh;

	padding:20px;

	border-bottom:1px solid $c-brand-light;

	@include breakpoint(medium up) {
		padding:50px;
	}


	@include breakpoint(large up) {
		padding:70px;
	}


	@include breakpoint(xlarge up) {
		padding:100px;
	}





}







#step2 {
	background-color:$c-brand-light;
}



#step3 {
	background-color:$c-brand-light;
}


#step4 {
	background-color:$c-anthrazit;
}


#step5 {
	background-color:$c-brand;
}


*/
.stage {
  position: relative;
  overflow: hidden;
  /*
  padding-top:10vw;
  padding-bottom:10vw;
  @include breakpoint(large up) {
          padding-top:15vw;
          padding-bottom:15vw;
  }*/
  /* h1 {


  font-size: 1.8em;
   line-height: 1.2em;   
   letter-spacing: 0.02em;
   font-weight: 800;



  @include breakpoint(xlarge up) {

      font-size: 2.1em;
      line-height: 1.2em;
  }



  }*/
  /*.text {
      animation-delay: 0.8s;
      padding: 10px 0;
      @include breakpoint(large up) {
          padding: 30px 0;
      }
      @include breakpoint(xlarge up) {
          padding: 20px 0;
      }
  }*/
}
.stage .row {
  display: flex;
  justify-content: center;
}
.stage .background-layer {
  width: 125%;
  height: 125%;
  top: 0;
  right: 0;
  position: absolute;
  background: black;
}
@media screen and (min-width: 62.5em) {
  .stage.right .row {
    justify-content: flex-end;
  }
}
.stage.left {
  left: 0;
}
@media screen and (min-width: 62.5em) {
  .stage.left .row {
    justify-content: flex-start;
  }
}
.stage .seperator {
  margin: 0;
  animation-delay: 0.8s;
  display: none;
}
.stage .cta-btn, .stage form [type=submit], form .stage [type=submit] {
  margin-top: 2em;
}
.stage h2 {
  animation-delay: 0.5s;
  font-size: 1.8em;
  margin-bottom: 1em;
}
.stage h2 a {
  color: #404040;
  color: #ffffff;
}
@media screen and (min-width: 62.5em) {
  .stage h2 {
    font-size: 2.3em;
    margin-bottom: 1.5em;
  }
}

.stage .panel {
  position: relative;
  color: #ffffff;
  animation-delay: 0.5s;
  padding: 9vw;
  padding-top: 45vw;
  padding-bottom: 45vw;
}
@media screen and (min-width: 48em) {
  .stage .panel {
    width: 60%;
  }
}
@media screen and (min-width: 62.5em) {
  .stage .panel {
    width: 50%;
  }
}
@media screen and (min-width: 80em) {
  .stage .panel {
    width: 60%;
  }
}
@media screen and (min-width: 120em) {
  .stage .panel {
    width: 60%;
  }
}
@media screen and (min-width: 62.5em) {
  .stage .panel {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
}
.stage.small .panel {
  padding-top: 30vw;
  padding-bottom: 30vw;
}
@media screen and (min-width: 62.5em) {
  .stage.small .panel {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
}
.stage.large .panel {
  padding-top: 40vw;
  padding-bottom: 40vw;
}
@media screen and (min-width: 62.5em) {
  .stage.large .panel {
    padding-top: 20vw;
    padding-bottom: 20vw;
  }
}
.stage.xlarge .panel {
  padding-top: 50vw;
  padding-bottom: 50vw;
}
@media screen and (min-width: 62.5em) {
  .stage.xlarge .panel {
    padding-top: 25vw;
    padding-bottom: 25vw;
  }
}
.stage.xxlarge .panel {
  padding-top: 60vw;
  padding-bottom: 60vw;
}
@media screen and (min-width: 62.5em) {
  .stage.xxlarge .panel {
    padding-top: 35vw;
    padding-bottom: 35vw;
  }
}

.cut-padding-top .stage .panel {
  padding-top: 25vw;
  padding-bottom: 65vw;
}
@media screen and (min-width: 62.5em) {
  .cut-padding-top .stage .panel {
    padding-top: 7vw;
    padding-bottom: 50vw;
  }
}
@media screen and (min-width: 80em) {
  .cut-padding-top .stage .panel {
    padding-top: 7vw;
    padding-bottom: 28vw;
  }
}

.vp-stage {
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  align-items: center;
}
@media screen and (min-width: 62.5em) {
  .vp-stage {
    height: calc(100vh - 120px);
  }
}

@media screen and (max-width: 47.9375em) {
  .layout-boulderlounge.start .vp-stage {
    height: calc(100vh - 127px);
  }
}
@media screen and (min-width: 48em) and (max-width: 62.4375em) {
  .layout-boulderlounge.start .vp-stage {
    height: calc(100vh - 70px);
  }
}

.stage.boxed .panel {
  background: rgba(255, 255, 255, 0.95);
  color: #404040;
  font-size: 90%;
  max-width: 90%;
}
.stage.boxed .seperator {
  display: block;
  margin: 1vw 0 2vw 0;
}
.stage.boxed .background-layer {
  display: none;
}

/*
.intro-stage {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    text-align: center;

    @include breakpoint(large up) {
        padding: 8vw 0vw;
        text-align: left;
    }


    @include breakpoint(xlarge up) {
        padding: 10vw 0vw;
    }


    >h2,
    >h1,
    >h3 {

        width: 100%;
        margin-top: 4vw;
        margin-bottom: 2vw;

        @include breakpoint(large up) {

            margin: 0;

            margin-right: 0;
            width: 56%;
            flex-shrink: 1;
            text-align: right;

        }
    }




    >p,
    >div {

        margin-top: 4vw;
        margin-bottom: 4vw;

        @include breakpoint(large up) {
            margin: 0;

            width: 36%;
        }
    }



}*/
/*#klaro .klaro .cookie-notice:not(.cookie-modal-notice) {
    right:0;
    bottom:0;
    box-shadow:none;
    background:$c-brand;
    box-shadow: -1px -1px 30px rgba(0, 0, 0, 0.07) !important;
    border-width:1px 0 0 1px;
    border-radius:0;
    padding: 0.4rem;

    @include breakpoint(xlarge up) {
    max-width: 33%;
    }
}
#klaro .title, .klaro .title {


    letter-spacing: 0;
    text-transform: none;
    font-weight: 300;
    color:$c-anthrazit;

}*/
/*

#klaro .slider, .klaro .slider {

    margin-top:auto;
    margin-bottom:auto;
    height:auto;
    box-shadow:none;
}



#klaro .cm-btn {
    border-radius:0;
    background:$c-anthrazit;
    padding:0.4rem 1.25rem;
}


#klaro .cm-link {
color:$c-brand;

}
#klaro .cm-list-title, .klaro .cm-list-title {
    color:$c-anthrazit;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    font-weight: 400;
}




#klaro .cookie-modal .cm-header {

    border-bottom:1px solid $c-grey;

}


#klaro .cookie-modal .cm-purpose {

    border:0;

}

#klaro .cookie-modal .cm-footer {

    border-top:1px solid $c-grey;

}

#klaro .klaro .cookie-modal a, #klaro .klaro .cookie-notice a {

    border-radius:0;
}


#klaro .klaro .cookie-modal .cm-btn.cm-btn-info, 
#klaro .klaro .cookie-notice .cm-btn.cm-btn-info,
#klaro .klaro .cm-btn.cm-btn-success {

    background: $c-brand;

    //background: var(--blue1, #2581c4);

}

#klaro .klaro .cookie-modal .cm-modal.cm-klaro,
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) {

    background:$c-white;
    box-shadow:0 4px 6px 0 rgba(0,0,0,0.08),5px 5px 10px 0 rgba(0,0,0,0.08);
    box-shadow:none;

}



#klaro p, #klaro strong {

    color:$c-black;
    margin-bottom:0;


}




.layout-boulderlounge {


    #klaro .klaro .cookie-modal .cm-btn.cm-btn-info, 
#klaro .klaro .cookie-notice .cm-btn.cm-btn-info,
#klaro .klaro .cm-btn.cm-btn-success {

    background: $c-brand2;

    //background: var(--blue1, #2581c4);

}
}*/
.sl-overlay {
  background-color: #000000;
  opacity: 0.95;
}

.sl-wrapper .sl-close {
  color: #ffffff;
}

.single-accordion-item {
  animation-delay: 0.7s;
}
.single-accordion-item .accordion-title {
  cursor: pointer;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  margin-top: 10px;
  background-color: #000000;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  text-align: center;
}
@media screen and (min-width: 62.5em) {
  .single-accordion-item .accordion-title {
    padding: 20px 40px;
    margin-top: 20px;
  }
}
.single-accordion-item .accordion-title:hover, .single-accordion-item .accordion-title.active {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  background: #49bec6;
}
.single-accordion-item .accordion-title .round-icon {
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  font-size: 20px;
  background-color: transparent;
  color: #2D949B;
  border: 0;
  margin-right: 1.5rem;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
@media screen and (min-width: 80em) {
  .single-accordion-item .accordion-title .round-icon {
    width: 60px;
    height: 60px;
    font-size: 24px;
  }
}
.single-accordion-item .accordion-title [class*=icon-] {
  margin: 0;
}
.single-accordion-item .accordion-content {
  border: 0px solid #a6a6a6;
  overflow: hidden;
}
.single-accordion-item .inline-gallery {
  margin-top: 60px;
}
.single-accordion-item .inline-gallery img {
  margin-bottom: 20px;
}

.single-accordion-item.active .round-icon {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transform: rotate(45deg);
}

.accordion {
  animation-delay: 0.7s;
}
.accordion .overlay {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -40px 200px rgba(4, 3, 5, 0.01);
}
.accordion .banderole {
  background-color: transparent !important;
}
.accordion .banderole:after {
  font-family: "icomoon";
  content: "";
  content: "\e90c";
  position: absolute;
  right: 2%;
  transform: translateY(-50%);
  top: 50%;
  font-size: 30px;
}
.accordion .accordion-title {
  cursor: pointer;
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  margin-top: 10px;
  padding: 30px 10px;
  background-color: #404040;
  overflow: hidden;
  justify-content: center;
  display: flex;
  position: relative;
  width: 100%;
  position: relative;
  text-align: center;
  color: #ffffff;
  background-position: center center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 62.5em) {
  .accordion .accordion-title {
    padding: 30px 30px;
    margin-top: 20px;
  }
}
.accordion .accordion-title:before {
  z-index: 999;
  border: 1px solid #fff;
  color: #fff;
  padding: 6px;
  margin: 0;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  font-size: 25px;
  line-height: 25px;
}
.accordion .accordion-title:hover, .accordion .accordion-title.active {
  -webkit-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -moz-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -ms-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  -o-transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
  transition: all 0.45s cubic-bezier(0.5, 0.1, 0.3, 1);
}
.accordion .accordion-title h3 {
  color: #ffffff;
  text-align: center;
}
.accordion .accordion-content {
  margin: 0;
  padding-top: 3vw;
}
.accordion .inline-gallery {
  margin-top: 60px;
}
.accordion .inline-gallery img {
  margin-bottom: 20px;
}

.accordion .overlay {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(45, 148, 155, 0.1);
  box-shadow: inset 0 -40px 200px rgba(4, 3, 5, 0.01);
}
.accordion .accordion-title {
  background-color: #2D949B;
}

.roundbadge {
  background: #ffffff;
  color: #fff;
  text-align: center;
  border-radius: 200px;
  width: 110px;
  padding: 0px 8px;
  height: 110px;
  font-size: 10px;
  line-height: 22px;
  /* vertical-align: middle; */
  align-content: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  animation-delay: 2s;
  margin: -20px auto 20px auto;
  -moz-transform: rotate(10degdeg);
  -o-transform: rotate(10degdeg);
  -ms-transform: rotate(10degdeg);
  -webkit-transform: rotate(10degdeg);
  transform: rotate(10degdeg);
}
@media screen and (max-width: 62.4375em) {
  .roundbadge {
    transform: scale(0.6);
    margin: 0px auto;
  }
}
.roundbadge a {
  color: #0F4B4F;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
  /* vertical-align: middle; */
  display: flex;
  align-items: center;
}
.roundbadge span,
.roundbadge strong {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  display: block;
  font-weight: 400;
  width: 100%;
  margin-top: 0px;
  animation-delay: 0.9s;
}
.roundbadge p {
  width: 100%;
}
.roundbadge:hover {
  color: #f2f2f2;
}

.top-stage .roundbadge, .top-event .roundbadge {
  position: absolute;
  display: none;
}
@media screen and (min-width: 62.5em) {
  .top-stage .roundbadge, .top-event .roundbadge {
    left: 25px;
    top: 50px;
    display: block;
  }
}

.intro-stage {
  height: 100vh;
}
@media screen and (min-width: 62.5em) {
  .intro-stage {
    height: calc(100vh - 120px);
  }
}
@media screen and (max-width: 62.4375em) {
  .intro-stage {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 62.4375em) {
  .intro-stage .box:nth-of-type(2) {
    position: absolute !important;
    top: 20%;
  }
}
@media screen and (max-width: 62.4375em) {
  .intro-stage {
    color: #ffffff !important;
    text-align: center;
  }
}
@media screen and (max-width: 62.4375em) {
  .intro-stage * {
    color: #ffffff !important;
    text-align: center;
  }
}
@media screen and (min-width: 62.5em) {
  .intro-stage h1 {
    text-align: left;
  }
}
.intro-stage .video-btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
@media screen and (min-width: 62.5em) {
  .intro-stage .video-btn {
    bottom: 4vw;
    right: 6vw;
  }
}

.new-intro .panel {
  padding: 20px;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  width: 250px;
  height: 250px;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .new-intro .panel {
    width: 350px;
    height: 350px;
    display: flex;
    align-items: center;
  }
}
.new-intro h1 {
  font-size: 1.4em;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .new-intro h1 {
    font-size: 1.8em;
  }
}
.new-intro .cta-btn.intro-btn, .new-intro form .intro-btn[type=submit], form .new-intro .intro-btn[type=submit] {
  position: absolute;
}

@media screen and (max-width: 62.4375em) {
  .start-stage .box.light-transparent {
    padding: 6vw !important;
  }
}
@media screen and (min-width: 62.5em) {
  .start-stage .box.light-transparent {
    margin-bottom: 150px;
  }
}

/*
.shirt-image {







	@include breakpoint(large up) {

		position: absolute;
	     left: -120%;
		 width: 100%!important;
		 top: -60%;
	    display: block;
	    height: 800px;

	    max-width: none;
	}


	@include breakpoint(1200px up) {

		    left: -120%;
		    width: 100%!important;
		    top: -60%;

	}


	@include breakpoint(1920px up) {


		  left: -120%;
		  top: -75%;


	}
}


*/
@media screen and (min-width: 62.5em) {
  .zindex-back {
    z-index: -1 !important;
  }
}

.zindex-100, .zindex100 {
  z-index: 100 !important;
}