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




.clearfix:after, .thumbnail__list > li:after {
  content: '';
  display: table;
  clear: both;
}

/* Base */
/**
    Reset
**/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
/*  -webkit-tap-highlight-color: transparent;*/
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
/*  outline: none;*/
	outline-color: #df003a;
}

*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

input,
textarea,
select,
button {
  font: inherit;
  border: none;
  color: inherit;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
}

button,
select,
input[type="checkbox"] {
  cursor: pointer;
}






input[type="text"],
input[type="submit"],
input[type="email"],
input[type="search"],
input[type="tel"],
select,
button,
textarea {
  -webkit-appearance: none;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
}

img {
  border: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

/**
    Fonts
**/
@font-face {
  font-family: 'BrauerNeue';
  src: url("../fonts/BrauerNeue-Regular.eot?") format("eot"), url("../fonts/BrauerNeue-Regular.woff") format("woff"), url("../fonts/BrauerNeue-Regular.ttf") format("truetype"), url("../fonts/BrauerNeue-Regular.svg#BrauerNeue-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrauerNeue';
  src: url("../fonts/BrauerNeue-Italic.eot?") format("eot"), url("../fonts/BrauerNeue-Italic.woff") format("woff"), url("../fonts/BrauerNeue-Italic.ttf") format("truetype"), url("../fonts/BrauerNeue-Italic.svg#BrauerNeue-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'BrauerNeue';
  src: url("../fonts/BrauerNeue-Bold.eot?") format("eot"), url("../fonts/BrauerNeue-Bold.woff") format("woff"), url("../fonts/BrauerNeue-Bold.ttf") format("truetype"), url("../fonts/BrauerNeue-Bold.svg#BrauerNeue-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'BrauerNeue';
  src: url("../fonts/BrauerNeue-BoldItalic.eot?") format("eot"), url("../fonts/BrauerNeue-BoldItalic.woff") format("woff"), url("../fonts/BrauerNeue-BoldItalic.ttf") format("truetype"), url("../fonts/BrauerNeue-BoldItalic.svg#BrauerNeue-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'egapark-icons';
  src: url("../fonts/egapark-icons.eot?80037199");
  src: url("../fonts/egapark-icons.eot?80037199#iefix") format("embedded-opentype"), url("../fonts/egapark-icons.woff?80037199") format("woff"), url("../fonts/egapark-icons.ttf?80037199") format("truetype"), url("../fonts/egapark-icons.svg?80037199#egapark-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon--"]:before, [class*=" icon--"]:before {
  font-family: "egapark-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon--map:before { content: '\e800'; } /* '' */
.icon--location:before { content: '\e801'; } /* '' */
.icon--youtube-play:before { content: '\e802'; } /* '' */
.icon--address:before { content: '\e803'; } /* '' */
.icon--facebook-circled:before { content: '\e804'; } /* '' */
.icon--mouse:before { content: '\e805'; } /* '' */
.icon--gplus-circled:before { content: '\e806'; } /* '' */
.icon--twitter-circled:before { content: '\e807'; } /* '' */
.icon--right-open-big:before { content: '\e808'; } /* '' */
.icon--left-open-big:before { content: '\e809'; } /* '' */
.icon--up-open-big:before { content: '\e80a'; } /* '' */
.icon--down-open-big:before { content: '\e80b'; } /* '' */
.icon--menu:before { content: '\e80c'; } /* '' */
.icon--list:before { content: '\e80d'; } /* '' */
.icon--paper-plane:before { content: '\e80e'; } /* '' */
.icon--clock:before { content: '\e80f'; } /* '' */
.icon--alert:before { content: '\e810'; } /* '' */
.icon--help-circled:before { content: '\e811'; } /* '' */
.icon--calendar:before { content: '\e812'; } /* '' */
.icon--search:before { content: '\e813'; } /* '' */
.icon--globe:before { content: '\e814'; } /* '' */
.icon--up-open-mini:before { content: '\e815'; } /* '' */
.icon--right-open-mini:before { content: '\e816'; } /* '' */
.icon--left-open-mini:before { content: '\e817'; } /* '' */
.icon--down-open-mini:before { content: '\e818'; } /* '' */
.icon--ticket:before { content: '\e819'; } /* '' */
.icon--floppy:before { content: '\e81a'; } /* '' */
.icon--video-circled:before { content: '\e81b'; } /* '' */
.icon--newspaper:before { content: '\e81c'; } /* '' */
.icon--mobile:before { content: '\e81d'; } /* '' */
.icon--credit-card:before { content: '\e81e'; } /* '' */
.icon--cancel:before { content: '\e81f'; } /* '' */
.icon--check:before { content: '\e820'; } /* '' */
.icon--flag:before { content: '\e821'; } /* '' */
.icon--bucket:before { content: '\e822'; } /* '' */
.icon--leaf:before { content: '\e823'; } /* '' */
.icon--phone:before { content: '\e824'; } /* '' */
.icon--resize-full:before { content: '\e825'; } /* '' */
.icon--compass:before { content: '\e826'; } /* '' */
.icon--youtube-squared:before { content: '\e827'; } /* '' */
.icon--facebook-squared:before { content: '\e828'; } /* '' */
.icon--001-tram:before { content: '\e829'; } /* '' */
.icon--002-bus:before { content: '\e82a'; } /* '' */
.icon--003-down-arrow:before { content: '\e82b'; } /* '' */
.icon--003-left-arrow:before { content: '\e82c'; } /* '' */
.icon--003-right-arrow:before { content: '\e82d'; } /* '' */
.icon--003-up-arrow:before { content: '\e82e'; } /* '' */
.icon--004-tickets:before { content: '\e82f'; } /* '' */
.icon--005-discount:before { content: '\e830'; } /* '' */
.icon--006-coupon:before { content: '\e831'; } /* '' */
.icon--007-customer:before { content: '\e832'; } /* '' */
.icon--008-distance:before { content: '\e833'; } /* '' */
.icon--009-share:before { content: '\e834'; } /* '' */
.icon--010-roadmap:before { content: '\e835'; } /* '' */
.icon--download:before { content: '\e836'; } /* '' */
.icon--contact:before { content: '\e837'; } /* '' */
.icon--cash:before { content: '\e838'; } /* '' */
.icon--pdf:before { content: '\e839'; } /* '' */
.icon--euro:before { content: '\e83a'; } /* '' */
.icon--download_1:before { content: '\e83b'; } /* '' */
.icon--at:before { content: '\e83c'; } /* '' */
.icon--wallet:before { content: '\e83d'; } /* '' */
.icon--info:before { content: '\e83e'; } /* '' */
.icon--pencil:before { content: '\e840'; } /* '' */
.icon--fax:before { content: '\e844'; } /* '' */
.icon--instagram-circled:before { content: '\f05e'; } /* '' */
.icon--instagram:before { content: '\f32d'; } /* '' */


/* '' */
/*------------------------------------*\
    $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
 * CONTENTS
 * INTRODUCTION.........How the grid system works.
 * VARIABLES............Your settings.
 * MIXINS...............Library mixins.
 * GRID SETUP...........Build the grid structure.
 * WIDTHS...............Build our responsive widths around our breakpoints.
 * PUSH.................Push classes.
 * PULL.................Pull classes.
 */
/*------------------------------------*\
    $INTRODUCTION
\*------------------------------------*/
/**
 * csswizardry grids provides you with widths to suit a number of breakpoints
 * designed around devices of a size you specify. Out of the box, csswizardry
 * grids caters to the following types of device:
 *
 * palm     --  palm-based devices, like phones and small tablets
 * lap      --  lap-based devices, like iPads or laptops
 * portable --  all of the above
 * desk     --  stationary devices, like desktop computers
 * regular  --  any/all types of device
 *
 * These namespaces are then used in the library to give you the ability to
 * manipulate your layouts based around them, for example:
 *
   <div class="grid__item  one-whole  lap--one-half  desk--one-third">
 *
 * This would give you a grid item which is 100% width unless it is on a lap
 * device, at which point it become 50% wide, or it is on a desktop device, at
 * which point it becomes 33.333% width.
 *
 * csswizardry grids also has push and pull classes which allow you to nudge
 * grid items left and right by a defined amount. These follow the same naming
 * convention as above, but are prepended by either `push--` or `pull--`, for
 * example:
 *
   `class="grid__item  one-half  push--one-half"`
 *
 * This would give you a grid item which is 50% width and pushed over to the
 * right by 50%.
 *
 * All classes in csswizardry grids follow this patten, so you should fairly
 * quickly be able to piece together any combinations you can imagine, for
 * example:
 *
   `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"`
 *
   `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"`
 *
   `class="grid__item  palm--one-third  desk--five-twelfths"`
 */
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/**
 * If you are building a non-responsive site but would still like to use
 * csswizardry-grids, set this to ‘false’:
 */
/**
 * Is this build mobile first? Setting to ‘true’ means that all grids will be
 * 100% width if you do not apply a more specific class to them.
 */
/**
 * Set the spacing between your grid items.
 */
/**
 * Would you like Sass’ silent classes, or regular CSS classes?
 */
/**
 * Would you like push and pull classes enabled?
 */
/**
 * Using `inline-block` means that the grid items need their whitespace removing
 * in order for them to work correctly. Set the following to true if you are
 * going to achieve this by manually removing/commenting out any whitespace in
 * your HTML yourself.
 *
 * Setting this to false invokes a hack which cannot always be guaranteed,
 * please see the following for more detail:
 *
 * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
 */
/**
 * Define your breakpoints. The first value is the prefix that shall be used for
 * your classes (e.g. `.palm--one-half`), the second value is the media query
 * that the breakpoint fires at.
 */
/**
 * Define which namespaced breakpoints you would like to generate for each of
 * widths, push and pull. This is handy if you only need pull on, say, desk, or
 * you only need a new width breakpoint at mobile sizes. It allows you to only
 * compile as much CSS as you need. All are turned on by default, but you can
 * add and remove breakpoints at will.
 *
 * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
 * have been set to ‘true’.
 */
/**
 * You do not need to edit anything from this line onward; csswizardry-grids is
 * good to go. Happy griddin’!
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * These mixins are for the library to use only, you should not need to modify
 * them at all.
 *
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */
/**
 * Drop relative positioning into silent classes which can’t take advantage of
 * the `[class*="push--"]` and `[class*="pull--"]` selectors.
 */
/*------------------------------------*\
    $GRID SETUP
\*------------------------------------*/
/**
 * 1. Allow the grid system to be used on lists.
 * 2. Remove any margins and paddings that might affect the grid system.
 * 3. Apply a negative `margin-left` to negate the columns’ gutters.
 */
.grid {
  list-style: none;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  margin-left: -3%;
  /* [3] */
  letter-spacing: -0.31em;
}

/* Opera hack */
.opera:-o-prefocus,
.grid {
  word-spacing: -0.43em;
}

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.grid__item {
  display: inline-block;
  /* [1] */
  padding-left: 3%;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  /* [5] */
  /* [5] */
  box-sizing: border-box;
  /* [5] */
  letter-spacing: normal;
  word-spacing: normal;
}

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */
.grid--rev {
  direction: rtl;
  text-align: left;
}
.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
}

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.grid`.
 */
.grid--full {
  margin-left: 0;
}
.grid--full > .grid__item {
  padding-left: 0;
}

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
  text-align: right;
}
.grid--right > .grid__item {
  text-align: left;
}

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
  text-align: center;
}
.grid--center > .grid__item {
  text-align: left;
}

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle > .grid__item {
  vertical-align: middle;
}

.grid--bottom > .grid__item {
  vertical-align: bottom;
}

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
  margin-left: -1.5%;
}
.grid--narrow > .grid__item {
  padding-left: 1.5%;
}

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
  margin-left: -6%;
}
.grid--wide > .grid__item {
  padding-left: 6%;
}

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
/**
 * Whole
 */
.one-whole {
  width: 100%;
}

/**
 * Halves
 */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%;
}

/**
 * Thirds
 */
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%;
}

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%;
}

/**
 * Quarters
 */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%;
}

/**
 * Fifths
 */
.one-fifth, .two-tenths {
  width: 20%;
}

.two-fifths, .four-tenths {
  width: 40%;
}

.three-fifths, .six-tenths {
  width: 60%;
}

.four-fifths, .eight-tenths {
  width: 80%;
}

/**
 * Sixths
 */
.one-sixth, .two-twelfths {
  width: 16.666%;
}

.five-sixths, .ten-twelfths {
  width: 83.333%;
}

/**
 * Eighths
 */
.one-eighth {
  width: 12.5%;
}

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

/**
 * Tenths
 */
.one-tenth {
  width: 10%;
}

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

/**
 * Twelfths
 */
.one-twelfth {
  width: 8.333%;
}

.five-twelfths {
  width: 41.666%;
}

.seven-twelfths {
  width: 58.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

/**
 * Our responsive classes, if we have enabled them.
 */
@media only screen and (min-width: 1px) {
  /**
   * Whole
   */
  .breakpoint-0--one-whole {
    width: 100%;
  }

  /**
   * Halves
   */
  .breakpoint-0--one-half, .breakpoint-0--two-quarters, .breakpoint-0--three-sixths, .breakpoint-0--four-eighths, .breakpoint-0--five-tenths, .breakpoint-0--six-twelfths {
    width: 50%;
  }

  /**
   * Thirds
   */
  .breakpoint-0--one-third, .breakpoint-0--two-sixths, .breakpoint-0--four-twelfths {
    width: 33.333%;
  }

  .breakpoint-0--two-thirds, .breakpoint-0--four-sixths, .breakpoint-0--eight-twelfths {
    width: 66.666%;
  }

  /**
   * Quarters
   */
  .breakpoint-0--one-quarter, .breakpoint-0--two-eighths, .breakpoint-0--three-twelfths {
    width: 25%;
  }

  .breakpoint-0--three-quarters, .breakpoint-0--six-eighths, .breakpoint-0--nine-twelfths {
    width: 75%;
  }

  /**
   * Fifths
   */
  .breakpoint-0--one-fifth, .breakpoint-0--two-tenths {
    width: 20%;
  }

  .breakpoint-0--two-fifths, .breakpoint-0--four-tenths {
    width: 40%;
  }

  .breakpoint-0--three-fifths, .breakpoint-0--six-tenths {
    width: 60%;
  }

  .breakpoint-0--four-fifths, .breakpoint-0--eight-tenths {
    width: 80%;
  }

  /**
   * Sixths
   */
  .breakpoint-0--one-sixth, .breakpoint-0--two-twelfths {
    width: 16.666%;
  }

  .breakpoint-0--five-sixths, .breakpoint-0--ten-twelfths {
    width: 83.333%;
  }

  /**
   * Eighths
   */
  .breakpoint-0--one-eighth {
    width: 12.5%;
  }

  .breakpoint-0--three-eighths {
    width: 37.5%;
  }

  .breakpoint-0--five-eighths {
    width: 62.5%;
  }

  .breakpoint-0--seven-eighths {
    width: 87.5%;
  }

  /**
   * Tenths
   */
  .breakpoint-0--one-tenth {
    width: 10%;
  }

  .breakpoint-0--three-tenths {
    width: 30%;
  }

  .breakpoint-0--seven-tenths {
    width: 70%;
  }

  .breakpoint-0--nine-tenths {
    width: 90%;
  }

  /**
   * Twelfths
   */
  .breakpoint-0--one-twelfth {
    width: 8.333%;
  }

  .breakpoint-0--five-twelfths {
    width: 41.666%;
  }

  .breakpoint-0--seven-twelfths {
    width: 58.333%;
  }

  .breakpoint-0--eleven-twelfths {
    width: 91.666%;
  }
}
@media only screen and (min-width: 700px) {
  /**
   * Whole
   */
  .breakpoint-1--one-whole {
    width: 100%;
  }

  /**
   * Halves
   */
  .breakpoint-1--one-half, .breakpoint-1--two-quarters, .breakpoint-1--three-sixths, .breakpoint-1--four-eighths, .breakpoint-1--five-tenths, .breakpoint-1--six-twelfths {
    width: 50%;
  }

  /**
   * Thirds
   */
  .breakpoint-1--one-third, .breakpoint-1--two-sixths, .breakpoint-1--four-twelfths {
    width: 33.333%;
  }
  
  .breakpoint-1--two-thirds, .breakpoint-1--four-sixths, .breakpoint-1--eight-twelfths {
    width: 66.666%;
  }

  /**
   * Quarters
   */
  .breakpoint-1--one-quarter, .breakpoint-1--two-eighths, .breakpoint-1--three-twelfths {
    width: 25%;
  }

  .breakpoint-1--three-quarters, .breakpoint-1--six-eighths, .breakpoint-1--nine-twelfths {
    width: 75%;
  }

  /**
   * Fifths
   */
  .breakpoint-1--one-fifth, .breakpoint-1--two-tenths {
    width: 20%;
  }

  .breakpoint-1--two-fifths, .breakpoint-1--four-tenths {
    width: 40%;
  }

  .breakpoint-1--three-fifths, .breakpoint-1--six-tenths {
    width: 60%;
  }

  .breakpoint-1--four-fifths, .breakpoint-1--eight-tenths {
    width: 80%;
  }

  /**
   * Sixths
   */
  .breakpoint-1--one-sixth, .breakpoint-1--two-twelfths {
    width: 16.666%;
  }

  .breakpoint-1--five-sixths, .breakpoint-1--ten-twelfths {
    width: 83.333%;
  }

  /**
   * Eighths
   */
  .breakpoint-1--one-eighth {
    width: 12.5%;
  }

  .breakpoint-1--three-eighths {
    width: 37.5%;
  }

  .breakpoint-1--five-eighths {
    width: 62.5%;
  }

  .breakpoint-1--seven-eighths {
    width: 87.5%;
  }

  /**
   * Tenths
   */
  .breakpoint-1--one-tenth {
    width: 10%;
  }

  .breakpoint-1--three-tenths {
    width: 30%;
  }

  .breakpoint-1--seven-tenths {
    width: 70%;
  }

  .breakpoint-1--nine-tenths {
    width: 90%;
  }

  /**
   * Twelfths
   */
  .breakpoint-1--one-twelfth {
    width: 8.333%;
  }

  .breakpoint-1--five-twelfths {
    width: 41.666%;
  }

  .breakpoint-1--seven-twelfths {
    width: 58.333%;
  }

  .breakpoint-1--eleven-twelfths {
    width: 91.666%;
  }
}
@media only screen and (min-width: 750px) {
  /**
   * Whole
   */
  .breakpoint-2--one-whole {
    width: 100%;
  }

  /**
   * Halves
   */
  .breakpoint-2--one-half, .breakpoint-2--two-quarters, .breakpoint-2--three-sixths, .breakpoint-2--four-eighths, .breakpoint-2--five-tenths, .breakpoint-2--six-twelfths {
    width: 50%;
  }

  /**
   * Thirds
   */
  .breakpoint-2--one-third, .breakpoint-2--two-sixths, .breakpoint-2--four-twelfths {
    width: 33.333%;
  }

  .breakpoint-2--two-thirds, .breakpoint-2--four-sixths, .breakpoint-2--eight-twelfths {
    width: 66.666%;
  }

  /**
   * Quarters
   */
  .breakpoint-2--one-quarter, .breakpoint-2--two-eighths, .breakpoint-2--three-twelfths {
    width: 25%;
  }

  .breakpoint-2--three-quarters, .breakpoint-2--six-eighths, .breakpoint-2--nine-twelfths {
    width: 75%;
  }

  /**
   * Fifths
   */
  .breakpoint-2--one-fifth, .breakpoint-2--two-tenths {
    width: 20%;
  }

  .breakpoint-2--two-fifths, .breakpoint-2--four-tenths {
    width: 40%;
  }

  .breakpoint-2--three-fifths, .breakpoint-2--six-tenths {
    width: 60%;
  }

  .breakpoint-2--four-fifths, .breakpoint-2--eight-tenths {
    width: 80%;
  }

  /**
   * Sixths
   */
  .breakpoint-2--one-sixth, .breakpoint-2--two-twelfths {
    width: 16.666%;
  }

  .breakpoint-2--five-sixths, .breakpoint-2--ten-twelfths {
    width: 83.333%;
  }

  /**
   * Eighths
   */
  .breakpoint-2--one-eighth {
    width: 12.5%;
  }

  .breakpoint-2--three-eighths {
    width: 37.5%;
  }

  .breakpoint-2--five-eighths {
    width: 62.5%;
  }

  .breakpoint-2--seven-eighths {
    width: 87.5%;
  }

  /**
   * Tenths
   */
  .breakpoint-2--one-tenth {
    width: 10%;
  }

  .breakpoint-2--three-tenths {
    width: 30%;
  }

  .breakpoint-2--seven-tenths {
    width: 70%;
  }

  .breakpoint-2--nine-tenths {
    width: 90%;
  }

  /**
   * Twelfths
   */
  .breakpoint-2--one-twelfth {
    width: 8.333%;
  }

  .breakpoint-2--five-twelfths {
    width: 41.666%;
  }

  .breakpoint-2--seven-twelfths {
    width: 58.333%;
  }

  .breakpoint-2--eleven-twelfths {
    width: 91.666%;
  }
}
@media only screen and (min-width: 1000px) {
  /**
   * Whole
   */
  .breakpoint-3--one-whole {
    width: 100%;
  }

  /**
   * Halves
   */
  .breakpoint-3--one-half, .breakpoint-3--two-quarters, .breakpoint-3--three-sixths, .breakpoint-3--four-eighths, .breakpoint-3--five-tenths, .breakpoint-3--six-twelfths {
    width: 50%;
  }

  /**
   * Thirds
   */
  .breakpoint-3--one-third, .breakpoint-3--two-sixths, .breakpoint-3--four-twelfths {
    width: 33.333%;
  }

  .breakpoint-3--two-thirds, .breakpoint-3--four-sixths, .breakpoint-3--eight-twelfths {
    width: 66.666%;
  }

  /**
   * Quarters
   */
  .breakpoint-3--one-quarter, .breakpoint-3--two-eighths, .breakpoint-3--three-twelfths {
    width: 25%;
  }

  .breakpoint-3--three-quarters, .breakpoint-3--six-eighths, .breakpoint-3--nine-twelfths {
    width: 75%;
  }

  /**
   * Fifths
   */
  .breakpoint-3--one-fifth, .breakpoint-3--two-tenths {
    width: 20%;
  }

  .breakpoint-3--two-fifths, .breakpoint-3--four-tenths {
    width: 40%;
  }

  .breakpoint-3--three-fifths, .breakpoint-3--six-tenths {
    width: 60%;
  }

  .breakpoint-3--four-fifths, .breakpoint-3--eight-tenths {
    width: 80%;
  }

  /**
   * Sixths
   */
  .breakpoint-3--one-sixth, .breakpoint-3--two-twelfths {
    width: 16.666%;
  }

  .breakpoint-3--five-sixths, .breakpoint-3--ten-twelfths {
    width: 83.333%;
  }

  /**
   * Eighths
   */
  .breakpoint-3--one-eighth {
    width: 12.5%;
  }

  .breakpoint-3--three-eighths {
    width: 37.5%;
  }

  .breakpoint-3--five-eighths {
    width: 62.5%;
  }

  .breakpoint-3--seven-eighths {
    width: 87.5%;
  }

  /**
   * Tenths
   */
  .breakpoint-3--one-tenth {
    width: 10%;
  }

  .breakpoint-3--three-tenths {
    width: 30%;
  }

  .breakpoint-3--seven-tenths {
    width: 70%;
  }

  .breakpoint-3--nine-tenths {
    width: 90%;
  }

  /**
   * Twelfths
   */
  .breakpoint-3--one-twelfth {
    width: 8.333%;
  }

  .breakpoint-3--five-twelfths {
    width: 41.666%;
  }

  .breakpoint-3--seven-twelfths {
    width: 58.333%;
  }

  .breakpoint-3--eleven-twelfths {
    width: 91.666%;
  }
}

/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
/* Layout */
/**
    Global
**/
::-webkit-input-placeholder {
  color: #797272;
}

:-moz-placeholder {
  color: #797272;
}

:-ms-input-placeholder {
  color: #797272;
}

.preload * {
  -webkit-transition: none !important;
  transition: none !important;
}

body {
  font-family: 'BrauerNeue';
  background: #fff;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 700px) {
  body {
    font-size: 17px;
    line-height: 26px;
  }
}

.is--hovered,
.is--hovered * {
  pointer-events: none !important;
}

.inner {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}


@media (max-width: 400px) {
    .banner .inner {
      padding-right: 25px;
    }
}






@media (min-width: 700px) {
  .inner, .banner .inner {
    width: 1000px;
    padding: 0 20px;
  }
}

.is--centered {
  text-align: center;
}

.float--left {
  float: left;
}

.float--right {
  float: right;
}

.no-flick {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}



.wrapper {
  min-width: 220px;
}
.offcanvas__is--opened .wrapper {
  overflow-x: hidden;
  overflow-y: visible;
}

.wrapper__inner {
  min-height: 100%;
  background: #fdfafa;
/*   -webkit-transform: translate3d(0, 0, 0); */
/*           transform: translate3d(0, 0, 0); */
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 700px) {
  .wrapper__inner {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}


.offcanvas__is--opened .wrapper__inner {
 -webkit-transform: translate3d(-80%, 0, 0);
          transform: translate3d(-80%, 0, 0);
}

@media (min-width: 450px) and (max-width: 1023px) {
	.offcanvas__is--opened .wrapper__inner {
	 -webkit-transform: translate3d(-360px, 0, 0);
	          transform: translate3d(-360px, 0, 0);
	}
}

.main {
  clear: both;
  padding-top: 0;
}

.main__left {
  margin-bottom: 15px;
}



@media (min-width: 700px) {
  .main__left {
    margin-bottom: 30px;
  }
}
@media (min-width: 750px) {
  .main__left {
    margin-bottom: 0;
  }
}






.main__item {
  padding: 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 15px;
}
@media (min-width: 700px) {
  .main__item {
    margin-bottom: 30px;
  }
}

.main__item:last-child {
  margin-bottom: 0;
}

.main__item--bright {
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  color: #183d4e;
}
.main__item--bright h1,
.main__item--bright h2,
.main__item--bright h3,
.main__item--bright h4,
.main__item--bright h5,
.main__item--bright h6 {
  color: #df003a;
}

.main__item--dark {
  color: #fff;
  background: #df003a;
}
.main__item--dark a {
  color: #fff;
}
.main__item--dark a:hover {
  color: #fff;
}
.main__item--dark h1,
.main__item--dark h2,
.main__item--dark h3,
.main__item--dark h4,
.main__item--dark h5,
.main__item--dark h6 {
  color: #fff;
}
.main__item--redline h1,
.main__item--redline h2,
.main__item--redline h3,
.main__item--redline h4,
.main__item--redline h5,
.main__item--redline h6 {
    color: #df003a;
    border-bottom: 5px solid #df003a;
    margin: 0 -20px 30px;
    padding: 0 20px 15px;
} 



body,
a {
  color: #183d4e;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

a:hover {
  color: #df003a;
}

a {
  text-decoration: underline;
}

p {
  margin-bottom: 12px;
}
@media (min-width: 700px) {
  p {
    margin-bottom: 15px;
  }
}
@media (min-width: 750px) {
  p {
    margin-bottom: 22px;
  }
}
p:last-child {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

figure {
  margin-bottom: 15px;
}
@media (min-width: 750px) {
  figure {
    margin-bottom: 22px;
  }
}
figure > img {
  border-radius: 0px;
  margin-bottom: 5px;
}
figure > figcaption {
  color: #797272;
}
.section--blue figure > figcaption {
  color: #fff;
}

small,
.small {
  font-size: 13px;
  line-height: 22px;
  color: #797272;
}

.secondary {
  color: #797272;
}
.section--blue .secondary {
  color: #fff;
}

/* Headlines */
h1,
h2 {
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  color: #df003a;
  margin-bottom: 15px;
}
@media (min-width: 700px) {
  h1,
  h2 {
    font-size: 50px;
    line-height: 52px;
    margin-bottom: 22px;
  }
}
@media (min-width: 750px) {
  h1,
  h2 {
    font-size: 70px;
    line-height: 72px;
    margin-bottom: 26px;
  }
}
h1:last-child,
h2:last-child {
  margin: 0;
}
h1 > i:first-child:before,
h2 > i:first-child:before {
  background: #df003a;
  color: #fff;
  padding: 0.2em;
  width: auto;
  border-radius: 0px;
  margin-left: 0;
  display: inline;
  font-size: 0.6em;
  position: relative;
  top: -0.2em;
}

h3 {
  font-size: 26px;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #df003a;
}
@media (min-width: 700px) {
  h3 {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}
@media (min-width: 750px) {
  h3 {
    font-size: 45px;
    line-height: 47px;
    margin-bottom: 30px;
  }
}
h3:last-child {
  margin: 0;
}

h4 {
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #df003a;
}
@media (min-width: 750px) {
  h4 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}

h5 {
  font-size: 19px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #df003a;
}


h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}
@media (min-width: 700px) {
  h6 {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
h1.inherit, 
h2.inherit ,
h3.inherit ,
h4.inherit ,
h5.inherit ,
h6.inherit {
  color: inherit !important;
}
h1 + h3,
h2 + h3 {
  margin-top: -15px;
}
@media (min-width: 700px) {
  h1 + h3,
  h2 + h3 {
    margin-top: -22px;
  }
}
@media (min-width: 700px) {
  h1 + h3,
  h2 + h3 {
    margin-top: -16px;
  }
}

h1 + h5,
h2 + h5,
h3 + h5 {
  margin-top: -15px;
}
@media (min-width: 700px) {
  h1 + h5,
  h2 + h5,
  h3 + h5 {
    margin-top: -22px;
  }
}
@media (min-width: 700px) {
  h1 + h5,
  h2 + h5,
  h3 + h5 {
    margin-top: -26px;
  }
}

h4 + h5 {
  margin-top: -12px;
}
@media (min-width: 700px) {
  h4 + h5 {
    margin-top: -15px;
    font-weight: normal;
  }
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

sup {
  vertical-align: top;
  font-size: 0.61em;
  line-height: 100%;
}

.text--right {
    text-align: right;
}
.input--300 {
    width:300px;
}


/* Sections */
.section {
  display: block;
  position: relative;
  /*overflow: hidden;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.section:last-child {
  border-bottom: 1px solid #e0e2e4;
}

.section--spaced {
  padding: 15px 0;
}
@media (min-width: 700px) {
  .section--spaced {
    padding: 30px 0;
  }
}

.section--much-spaced {
  padding: 15px 0;
}
@media (min-width: 700px) {
  .section--much-spaced {
    padding: 30px 0;
  }
}
@media (min-width: 750px) {
  .section--much-spaced {
    padding: 60px 0;
  }
}

.section--gapless-top {
  padding-top: 0 !important;
}

.section--gapless-bottom {
  padding-bottom: 0;
}

@media (min-width: 750px) {
  .section--pulled-up {
    position: relative;
    margin-top: 0px;
    z-index: 200;
  }
}

.section--darkblue {
  background: #df003a;
  color: #fff;
}
.section--darkblue h1,
.section--darkblue h2,
.section--darkblue h3,
.section--darkblue h4,
.section--darkblue h5,
.section--darkblue h6 {
  color: #fff;
}
.section--darkblue a {
  color: #fff;
}
.section--darkblue .date__list a {
  color: #fff;
}

.section--blue {
  background: #df003a;
  color: #fff;
}
.section--blue h1,
.section--blue h2,
.section--blue h3,
.section--blue h4,
.section--blue h5,
.section--blue h6 {
  color: #fff;
}
.section--blue a {
  color: #fff;
}
.section--blue .date__list a {
  color: #fff;
}

.section--white {
  background: #fff;
}

.section--bright-text {
  color: #fff;
}
.section--bright-text h1,
.section--bright-text h2,
.section--bright-text h3,
.section--bright-text h4,
.section--bright-text h5,
.section--bright-text h6 {
  color: #fff;
}

.breakpoint-0--hidden {
  display: none;
}

@media (min-width: 750px) {
  .breakpoint-2--visible {
    display: block;
  }
}
/* Browser Blocker */
.old-browser {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  background: #fff;
  z-index: 10000;
}
.old-browser > div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.old-browser > div > div {
  width: 350px;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px;
}

/* Issuu */
.issuu {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.issuu > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* other */
.composedcontent-left-column #newslist {
  margin-top: 30px;
}

.composedcontent-left-column #eventlist {
  margin-top: 30px;
}

/**
    Modules
**/
/**
    Form Elements
**/
input,
textarea,
select {
  width: 100%;
  color: #183d4e;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 10px;
  margin-bottom: 15px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
}




.sidebar__item--bright input, 
.vertical-tabs__content input, 
.horizontal-tabs__content input, 
.main__item--bright input,
.sidebar__item--bright textarea, 
.vertical-tabs__content textarea, 
.horizontal-tabs__content textarea, 
.main__item--bright textarea,
.sidebar__item--bright select, 
.vertical-tabs__content select, 
.horizontal-tabs__content select,
.main__item--bright select {
    background: #f6f6f6;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
}

textarea {
  resize: vertical;
}

.select__wrapper {
  position: relative;
}
.select__wrapper:after {
  position: absolute;
  top: 11px;
  right: 5px;
  font-family: "egapark-icons";
  content: '\e818';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  z-index: 100;
  pointer-events: none;
  color: #183d4e;
}

input:valid,
input:required:valid,
input:required,
input:required {
  outline: none;
}

input:invalid:focus,
input:required:invalid:focus {
  outline: 2px solid #e50044;
}

input.is--empty {
  outline: 2px solid #e50044;
}

#contact_form_success {
  margin-top: 30px;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  box-shadow: none;
  width: auto;
  margin-right: .5em;
}

label {
  cursor: pointer;
}



input[type="checkbox"] {
  display:none;
}
input[type="checkbox"] + label::before {
  width: 18px;
  height: 18px;
  border-radius: 0px;
  border: 1px solid #a0a0a0;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 10px;
  margin-top:3px;
}
input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 4px #fff;
  background-color: #df003a;
    border-radius: 0px;
}





/**
    Buttons
**/
.button {
  position: relative;
  display: inline-block;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
.button.button--small {
  color: #df003a;
  margin-bottom: 10px;
}
@media (min-width: 700px) {
  .button.button--small {
    margin-bottom: 20px;
  }
}
.button.button--small:last-child {
  margin-bottom: 0;
}
.button.button--small > i {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.button.button--small:hover > i {
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}
.section--blue .button.button--small {
  color: #fff;
}
.button.button--medium {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 2px 12px 2px 0px;
  font-style: normal;
  margin-bottom: 10px;
}
@media (min-width: 700px) {
  .button.button--medium {
    margin-bottom: 20px;
  }
}
.button.button--medium:last-child {
  margin-bottom: 0;
}
.button.button--medium.button--bright {
  color: #df003a;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.button.button--medium.button--dark {
  color: #fff;
  background: #df003a;
}
.button.button--large {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: inherit;
  text-transform: uppercase;
  text-shadow: none;
  padding: 5px;
  line-height: 34px;
  margin-bottom: 15px;
  max-width: 100%;
}
@media (min-width: 700px) {
  .button.button--large {
    margin-bottom: 25px;
  }
}
.button.button--large:last-child {
  margin-bottom: 5px;
}
.button.button--large.button--bright, .button.button--large.button--bright:hover {
  color: #df003a;
  background: #fff;
}
.button.button--large.button--bright .button__icon, .button.button--large.button--bright:hover .button__icon {
  background: #df003a;
  color: #fff;
}
.button.button--large.button--dark, .button.button--large.button--dark:hover {
  color: #fff;
  background: #df003a;
}
.button.button--large.button--dark .button__icon, .button.button--large.button--dark:hover .button__icon {
  background: #fff;
  color: #df003a;
}

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


.button__icon {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 34px;
  height: 34px;
  text-align: center;
  -webkit-backface-visibility: hidden;
}

.button__icon__primary,
.button__icon__secondary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.csstransforms3d .button__icon__primary {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.csstransforms3d .button:hover .button__icon__primary, .csstransforms3d a:hover .button__icon__primary {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.no-csstransforms3d .button__icon__primary {
  display: block;
}
.no-csstransforms3d .button:hover .button__icon__primary, .no-csstransforms3d a:hover .button__icon__primary {
  display: none;
}

.csstransforms3d .button__icon__secondary {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.csstransforms3d .button:hover .button__icon__secondary, .csstransforms3d a:hover .button__icon__secondary {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.no-csstransforms3d .button__icon__secondary {
  display: none;
}
.no-csstransforms3d .button:hover .button__icon__secondary, .no-csstransforms3d a:hover .button__icon__secondary {
  display: block;
}

.button__text {
  display: block;
  padding: 0 5px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 35px;
  text-align: left;
  margin-right: -32px \9;
  /* IE9 Hack */
}



/** special forms **/

#fahrplanrechner {
    padding-bottom: 15px;
}
#fahrplanrechner .formline label  {
    width:80px;
    display: inline-block;
}
#fahrplanrechner .inputBox input[type=text]  {
    width: 80%;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}
#fahrplanrechner .smallinput input[type=text] {
    width: 80%;
    width: -webkit-calc(55% - 100px);
    width: -moz-calc(55% - 100px);
    width: calc(55% - 100px);
}
#fahrplanrechner .radiowrap  {
    width: 80%;
    width: -webkit-calc(49% - 100px);
    width: -moz-calc(49% - 100px);
    width: calc(49% - 100px);
    display: inline-table;
    margin: -65px 0 0 30px;
}
#fahrplanrechner .radiowrap span  {
    padding:0 10px 0 0;
}
#fahrplanrechner .formline:last-child {
    width: -webkit-calc(49% - 10px);
    width: -moz-calc(49% - 10px);
    width: calc(49% - 10px);
    margin: -60px 0 0 57%;
}
#fahrplanrechner .formline:last-child span.button {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
}


@media (max-width: 699px) {
    #fahrplanrechner .formline:last-child {
        width: 100%;
        margin: 0px 0 0 0;
    }
    #fahrplanrechner .smallinput input[type=text] {
        width: 80%;
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px);
    }
    #fahrplanrechner .radiowrap  {
        width: 80%;
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px);
        display: inline-table;
        margin: 0px 0 0 0px;
    }
    #fahrplanrechner .formline:last-child span.button {
         width: 80%;
        width: -webkit-calc(100% - 15px);
        width: -moz-calc(100% - 15px);
        width: calc(100% - 15px);
        display: inline-table;
    }
}








/**
    Header
**/
.nav {
  height: 65px;
  border-bottom: 5px solid #df003a;
  background: #fff;
}
@media (min-width: 700px) {
  .nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    z-index: 900;
  }
  .is--mobile .nav {
    position: absolute;
  }
}
.nav > .inner {
  height: 100%;
}
@media (min-width: 700px) {
  .nav + .main {
    padding-top: 90px;
  }
}
@media (min-width: 700px) {
  .nav.submenu__is--visible + .main {
    padding-top: 131px;
  }
}
@media (min-width: 700px) {
  .is--scrolled .nav.submenu__is--visible {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, calc(-100% + 5px), 0);
            transform: translate3d(0, calc(-100% + 5px), 0);
    -webkit-transition-delay: 1.25s;
            transition-delay: 1.25s;
  }
}
@media (min-width: 700px) {
  .is--scrolled .nav.submenu__is--visible:hover {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

.logo {
  display: block;
  float: left;
  padding: 10px 0;
  width: auto;
  height: 100%;
}
@media (min-width: 700px) {
  .logo {
    padding: 20px 0;
  }
}

.logo__inner {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 700px) {
  .logo__inner {
    width: 141px;
  }
}
@media (min-width: 700px) and (max-width: 770px) {
  .logo__inner {
    /* width: 42px; */
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
.logo__inner > img {
  width: auto;
  height: 100%;
  max-width: none;
}

.offcanvas__open {
  float: right;
  width: 82px;
  height: 100%;
  color: #df003a;
  background-color: transparent;
}

.offcanvas__close {
  float: left;
  width: 45px;
  margin-left: 5px;
  color: #fff;
  background-color: transparent;
}

.offcanvas__open,
.offcanvas__close {
  display: block;
  font-size: 28px;
  line-height: 60px;
}


.offcanvas__close:hover {
    color:#fff;
}

.offcanvas__content-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  cursor: pointer;
}
.offcanvas__is--opened .offcanvas__content-overlay {
  display: block;
}

.menu {
  display: none;
  position: absolute;
  width: 80%;
  right: -80%;
  top: 0;
  height:100%;
  min-height: 100vh;
  background: #df003a;
}

@media (min-width: 450px) and (max-width: 1023px) {	
	.menu {
	  width: 360px;
	  right: -360px;
	}
}

.offcanvas__is--visible .menu {
   display: block;
   z-index:400;   
}

.menu__list {
  width: 100%;
  clear: both;
}

.menu__list > li > button {
	background-color: transparent;
	color: #fff;	
}

.menu__list > li.has--submenu > button::before {
	margin-right: 7px;
	margin-left: 0px;
	font-size: 200%;
}

.menu__list > li {
  display: block;
  list-style-type: none;
  float: none;
  width: 100%;
  text-align: left;
}

.menu__list > li > a {
  display: inline-block;
  font-weight: bold;
  padding: 7px 10px 7px 20px;
  color: #fff;
/*  border-bottom: 1px solid #fff;*/
  text-decoration: none;
}

@media (min-width: 1024px) {
  .offcanvas__open,
  .offcanvas__close {
    display: none;
  }
  .menu {
    display: block;
    position: static;
    width: 100%;
    min-height: 100%;
    left: auto;
    right: auto;
    top: auto;
    background: none;
    overflow: visible;
  }
  .menu__list {
    clear: none;
    float: left;
    width: auto;
    height: 100%;
    margin: 0 0 0 10px;
  }
  .menu__list > li.has--submenu > button::before {
	font-size: 120%;
  }
  .menu__list > li {
    width: auto;
    height: 100%;
    float: left;
    padding: 20px 1px 0 0;
  }
  .menu__list > li > button {
    color: #df003a;	
  }
  .menu__list > li > a {
    height: 100%;
    color: #df003a;
    border: none;
    line-height: 44px;
    padding: 0 5px 0 7px;
  }
}

@media (max-width: 1023px) {
  .menu__list > li {
	position: relative;	  
  }
  .menu__list > li > a {
    line-height: 44px;
    pointer-events: none;   
    font-size: 1.4em;
    padding: 20px 0px 0px 20px;
  }
  .menu__list > li > a > i {
    display:none;
      
  }
  .menu__list > li .icon--down-open-mini {
	position: absolute;
	right: 0;
	top: 25px;
  }
}

@media (min-width: 1000px) {
  .menu__list > li > a {
    font-size: 19px;
  }
}
.menu__list > li > a > .icon--right-open-mini {
  float: right;
}

@media (min-width: 1024px) {
/*  .menu__list > li.is--active, .menu__list > li:hover, .menu__list > li:focus-within, .menu__list li.is--opened {*/
  .menu__list > li:hover, .menu__list > li:focus-within, .menu__list li.is--opened {
    background: #df003a;
    border-top-left-radius: 0px;
    border-top-right-radius:0px;
  }
  
  
/*  .menu__list > li.is--active > a, .menu__list > li:hover > a, .menu__list > li:focus-within > a,  .menu__list > li.is--active > button, .menu__list > li:hover > button, .menu__list > li:focus-within > button, .menu__list li.is--opened > button{*/
  .menu__list > li:focus-within > a, .menu__list > li:hover > a, .menu__list li.is--opened > a, .menu__list > li:focus-within > button, .menu__list > li:hover > button, .menu__list li.is--opened > button{
    color: #fff;

  }
  
  .menu__list > li.is--active .grid {
    margin: 0;
  }

  .menu__list > li.is--active .grid__item {
    width: auto;
    display: inline;
    padding: 0;
  }

  .menu__list > li.is--active .submenu__list {
    overflow: hidden;
    display: block;
  }
}

.submenu__wrapper {
  z-index: 500;
  border-top: 1px solid #fff;
  display: none;
}

@media (min-width: 1024px) {
  .submenu__wrapper {
	border: none;  
    visibility: hidden;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    overflow: hidden;
    -webkit-transition: visibility 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: visibility 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}

@media only screen and (max-width: 1023px) {
  .submenu__wrapper .breakpoint-1--one-third, .submenu__wrapper .breakpoint-1--two-sixths, .submenu__wrapper .breakpoint-1--four-twelfths {
    width: 100%;
  }
}
/*  li:hover > .submenu__wrapper, li.is--opened > .submenu__wrapper {*/
li.is--opened > .submenu__wrapper {  
  display: block;
  z-index: 600;
}
.submenu > .inner {
  padding: 0;
}
@media (min-width: 1024px) {
/*  .is--active > .submenu__wrapper, li:hover > .submenu__wrapper, li.is--opened > .submenu__wrapper {*/
 li.is--opened > .submenu__wrapper {
    visibility: visible;
    -webkit-transition: visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .submenu {
    overflow: hidden;
    background: #df003a;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .submenu > .inner {
    padding: 0 20px;
  }

  /*  li.is--active .submenu, li:hover .submenu, li.is--opened .submenu {*/
  li.is--opened .submenu {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}

.submenu__list {
  list-style: none;
}

.submenu__header {
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    letter-spacing:normal;
    padding-bottom: 0.5em;
    padding-left: 20px;
    padding-top: 10px;
    border-bottom:1px solid #fff; 
}


@media (min-width: 1024px) {
  .submenu__header {
    padding-bottom: 1em;
    padding-left: 0;
    padding-top: 0;
    font-size:1.2em;
      border-bottom:0px solid #fff; 
}
    
    .submenu__list {
    padding: 30px 0;
    overflow: hidden;
    position: relative;
  }
  .submenu__list:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #df003a;
    margin-top: -1px;
  }
}
.submenu__list > li > a {
  display: block;
  padding: 7px 10px 7px 20px;
  color: #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
    letter-spacing:normal;
}
.submenu__list > li:last-child > a {
    border-bottom: 0px solid #fff;
}
@media (min-width: 1024px) {
  .submenu__list > li > a {
    color: #fff;
    padding: 4px 0;
      
  }
    .submenu__list > li:last-child > a {
        border-bottom: 1px solid #fff;
    }
}


.submenu__list > li > a > i {
  float: right;
    transition: padding .2s ease-out;
}

.submenu__list > li:hover > a > i {
  float: right;
    transition: padding .3s ease-in;
    padding-right:5px;
}
.submenu__list > li > a:hover, .is--active .submenu__list > li > a:hover {
  color: #fff;
}

@media (min-width: 1024px) {
  .submenu__list > li > a > i {
    color: #fff;
  }
  .submenu__list > li.is--active > a {
    font-weight: bold;
  }
  .is--active .submenu__list {
    padding: 6px 0;
  }
  .is--active .submenu__list > li, .is--active .submenu__list > li.grid__item {
    float: left;
    padding: 0 15px 0 0;
  }
  .is--active .submenu__list > li > a {
    color: #fff;
    border: none;
  }
  .is--active .submenu__list > li > a > .icon--right-open-mini {
    display: none;
  }
  .is--active .submenu__list > li.is--active > a {
    color: #fff;
  }
}

.submenu__text {
  display: none;
  font-weight: normal;
}
@media (min-width: 1024px) {
  .submenu__text {
    display: block;
    color: #fff;
  }
  .menu__list > li.is--active .submenu__text {
    display: none;
  }
}

.menu__sidebar {
  margin-left: 50px;
    position: absolute;
    top: 0;
    width: 80%;
}
@media (min-width: 1024px) {
  .menu__sidebar {
	position: relative;  
    float: right;
    width: 100px;
    height: 100%;
    padding-top: 28px;
    margin: 0;
    font-size: 14px;

  }
  .menu__sidebar {
    width: 190px;
  }
}


@media (max-width: 1023px) {
  .submenu__list > li > a:hover {
    color: #df003a;
    background:#fff;      
  }
}

.search {
  position: relative;
  height: 65px;
  padding: 12px 12px 0 0;
}
.search > input {
  width: 100%;
  padding: 6px;
  height: 36px;
  box-shadow: none;
  margin-bottom: 0;
}
.search > i {
  display: none;
}
@media (min-width: 1024px) {
  .search {
    height: auto;
    padding: 0 12px 4px 12px;
  }
  .search > input {
    padding: 1px 6px 0 37px;
    background: #e8e4e4;
    height: 34px;
    font-size: 1.3em;
  }
  .search > i {
    display: inline;
    position: absolute;
    top: 4px;
    left: 18px;
    color:#df003a;
    font-size: 1.5em;
  }
}

.language {
  display: none;
  position: relative;
  left: -50px;
  margin-right: -50px;
}
.language.is--disabled {
  display: none;
  opacity: 0.2;
}
.language > li {
  position: relative;
  background: #f1f2f3;
  padding: 7px 10px 7px 16px;
}
@media (min-width: 1024px) {
  .language.is--disabled {
    display: none;
  }
  .language {
    left: auto;
    margin-right: 0;
  }
  .language > li {
    background: none;
    padding: 6px 12px;
  }
  .language > li > i:nth-child(2) {
    display: none;
  }
  .language > li > i:nth-child(2) {
    display: block;
  }
}

.language__submenu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 700;
}
li:hover > .language__submenu {
  visibility: visible;
}
.language.is--disabled li:hover > .language__submenu {
  visibility: hidden;
  display: none;
}

.language__submenu__list {
  overflow: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: #f1f2f3;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media (min-width: 1024px) {
  .language__submenu__list {
    padding: 6px 0;
  }
}
li:hover .language__submenu__list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.language__submenu__list > li {
  padding: 7px 20px;
}
@media (min-width: 1024px) {
  .language__submenu__list > li {
    padding: 0 12px;
  }
}
.language__submenu__list > li > a {
  display: block;
  text-decoration: none;
}
.language__submenu__list > li.is--active > a, .language__submenu__list > li > a:hover {
  font-weight: bold;
}

/**
    Footer
**/
.footer {
  padding: 35px 0;
  color: #797272;
  text-align:center;    
}


@media (min-width: 700px) {
    .footer {text-align:left;}
}


.footer h5 {
    color:inherit;
}
.footer a {
  color: #797272;
  text-decoration: none;
     letter-spacing: -0.3px;
}
.footer a:hover {
  color: #183d4e;
}
.footer img {
  /*display: none;*/
  max-width: 100%;
    display:inline;
}
@media (min-width: 750px) {
  .footer img {
    display: block;
    margin-bottom: 10px;
  }
}
.footer [class^="icon--"]:before,
.footer [class*=" icon--"]:before {
  margin: 0 4px;
}

.footer__list__item {
  /*display: none;*/
    text-align: center;
    padding-top:15px;
}
@media (min-width: 700px) {
  .footer__list__item {
    display: inline-block;
      text-align: left;
  }
}
.footer__list__item:last-child {
  display: inline-block;
  text-align: center;
}
@media (min-width: 750px) {
  .footer__list__item:last-child {
    text-align: left;
  }
}
@media (min-width: 700px) {
  .footer__list__item:last-child > .footer__list {
    border-top: 1px solid #e0e2e4;
    padding-top: 10px;
    margin-top: 10px;
  }
}
@media (min-width: 750px) {
  .footer__list__item:last-child > .footer__list {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
}

.footer__list li {
    width: 100%;
    display: inline-block;
}
.footer__list i {
    font-size:2em;
    color:#000;
}
.footer__list img.app--img {
    width:50px;
    height:auto;
    margin-right:10px;
    margin-top: 10px;

}
@media (min-width: 700px) {
    .footer__list img.app--img {
        float:left;
    }
}
.footer__bottom {
  text-align: center;
  border-top: 1px solid #e0e2e4;
  padding-top: 10px;
  margin-top: 10px;
}
@media (min-width: 750px) {
  .footer__bottom {
    text-align: left;
    display:flex;
	justify-content: space-between;
  }
}

.fahne--footer {
    width:150px;
    height:auto;
}




/**
    Sidebar
**/
.sidebar__item {
  padding: 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 15px;
}
.sidebar__animated {
    transition: transform 200ms ease 0ms,box-shadow 200ms ease 0ms;
}

.sidebar__animated:hover {
    transform: scaleX(1.02) scaleY(1.02);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.55);
    transition: transform 200ms ease 0ms,box-shadow 200ms ease 0ms;
}

@media (min-width: 700px) {
  .sidebar__item {
    margin-bottom: 30px;
  }
}

.sidebar__item:last-child {
  margin-bottom: 0;
}

.sidebar__item--bright {
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  color: #183d4e;
}
.sidebar__item--bright h1,
.sidebar__item--bright h2,
.sidebar__item--bright h3,
.sidebar__item--bright h4,
.sidebar__item--bright h5,
.sidebar__item--bright h6,
.sidebar__item--bright a{
  color: #df003a;
}

.sidebar__item--dark {
  color: #fff;
  background: #df003a;
}
.sidebar__item--dark a {
  color: #fff;
}
.sidebar__item--dark a:hover {
  color: #fff;
}
.sidebar__item--dark h1,
.sidebar__item--dark h2,
.sidebar__item--dark h3,
.sidebar__item--dark h4,
.sidebar__item--dark h5,
.sidebar__item--dark h6 {
  color: #fff;
}

.sidebar__menu {
  list-style-type: none;
  margin-bottom: 15px;
}
@media (min-width: 750px) {
  .sidebar__menu {
    margin-bottom: 30px;
  }
}
.sidebar__menu:first-child {
  margin-top: -10px;
}
.sidebar__menu:last-child {
  margin-bottom: -10px;
}
.sidebar__menu > li {
  border-bottom: 1px solid #f1f2f3;
  overflow: hidden;
}
.sidebar__menu > li:last-child {
  border-bottom: none;
}
.sidebar__menu > li > a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}
.sidebar__menu > li.is--active > a {
  font-weight: bold;
}
.sidebar__menu > li > a > i {
  float: right;
    transition: padding .2s ease-out;
}
.sidebar__menu > li:hover > a > i {
  float: right;
    padding-right:5px;
    transition: padding .3s ease-in;
}

.sidebar__submenu {
  list-style-type: none;
}
.sidebar__submenu > li {
  border-top: 1px solid #f1f2f3;
  overflow: hidden;
}
.sidebar__submenu > li > a {
  display: block;
  padding: 10px 0 10px 15px;
  text-decoration: none;
}
.sidebar__submenu > li.is--active > a {
  font-weight: bold;
}
.sidebar__submenu > li > a > i {
  float: right;
}

.sidebar__ad {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.sidebar__ad.ad__large {
    min-height: 360px;
    position:relative;
}
.sidebar__ad.ad__large.button__bottom .button {
    position:absolute;
    bottom:22px;
    left:20px;
    right:20px;
}

.sidebar__ad > img {
  max-width: 50%;
  margin-bottom: 20px;
}
.sidebar__ad > .ad__header {
    font-size:2em;
    font-weight:bold;
    margin-bottom: 3em;
    display: inline-block;
    line-height: 1em;
}
@media (min-width: 700px) {
  .sidebar__ad > img {
    max-width: 20%;
    margin-bottom: 20px;
  }
}
@media (min-width: 750px) {
  .sidebar__ad > img {
    max-width: 50%;
    margin-bottom: 100px;
  }
}

.sidebar__item ul.iconless > li {
  overflow: hidden;
}
.sidebar__item ul.iconless > li > i {
  float: left;
  width: 24px;
}
.sidebar__item ul.iconless > li > i + a, .sidebar__item ul.iconless > li > i + span {
  display: block;
  margin-left: 24px;
}

/**
    Banner
**/
.banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.banner h1,
.banner h2,
.banner h3,
.banner h4,
.banner h5,
.banner h6 {
  color: #fff;
}


.banner h2 {
  font-size:40px;
  line-height: 38px;
}

@media (min-width: 750px) {
    .banner h2 {font-size:48px;  line-height: 42px;}
    .banner h2 + p {margin-top: -16px;}
}



.banner--small {
  height: 40px;
}
@media (min-width: 700px) {
  .banner--small {
    height: 90px;
  }
}
@media (min-width: 750px) {
  .banner--small {
    height: 100px;
  }
}

.banner--subbanner {
  padding: 10% 0;
}
@media (min-width: 700px) {
  .banner--subbanner {
    padding: 8% 0;
  }
}
@media (min-width: 750px) {
  .banner--subbanner {
    padding: 65px 0;
  }
}

.banner--centered {
  text-align: center;
}

.banner--left > .inner {
  text-align: center;
}
@media (min-width: 700px) {
  .banner--left > .inner {
    text-align: left;
    padding-right: 35%;
  }
}
@media (min-width: 1000px) {
  .banner--left > .inner {
    padding-right: 500px;
  }
}

.banner--left-mobile > .inner {
    text-align:left !important;
}


.banner--right {
  background-position: right center;
}
@media (min-width: 700px) {
  .banner--right {
    background-position: center;
  }
}
.banner--right > .inner {
  text-align: center;
}
@media (min-width: 700px) {
  .banner--right > .inner {
    text-align: left;
    padding-left: 35%;
  }
}
@media (min-width: 750px) {
  .banner--right > .inner {
    padding-left: 40%;
  }
}
@media (min-width: 1000px) {
  .banner--right > .inner {
    padding-left: 500px;
  }
}

.slides__wrapper__outer,
    .slides__wrapper {
      max-height: 240px;
      overflow: hidden;
    }
@media (min-width: 750px) {
    .slides__wrapper__outer,
    .slides__wrapper {
      max-height: 330px;
      overflow: hidden;
    }
}

.banner--subbanner .slides__wrapper__outer,
.banner--subbanner .slides__wrapper {
  max-height: 400px;
}

.slides__wrapper__inner {
  position: relative;
  height: 0;
  padding-bottom: 50%;
  min-height: 330px;
}
@media (min-width: 700px) {
  .slides__wrapper__inner {
    min-height: 330px;
  }
}

.slides__wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.slide {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  /* Flicker Bugfix */
}

.slide__image {
    -webkit-filter: brightness(50%);
}

.slide__content__wrapper__outer {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.slide__content__wrapper__outer, .slide__content__wrapper__outer:hover {
  color: #fff;
}

.slide__content__wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.slide__content {
  width: 650px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 50px;
  -webkit-backface-visibility: hidden;
        position: relative;
}
@media (min-width: 750px) {
  .slide__content {
    padding: 0 50px 0px 50px;
  }
  .banner--subbanner .slide__content {
    padding: 50px 50px 90px 50px;
  }
}

.slides__navigation {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 100;
  opacity: .5;
  font-size: 20px;
}

@media (min-width: 750px) {
  .slides__navigation {
    display: block;
  }
}
.slides__navigation > .prev, .slides__navigation > .next {
  position: absolute;
  color: #fff;
  top: -20px;
  width: 50px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
}
@media (min-width: 750px) {
  .slides__navigation > .prev, .slides__navigation > .next {
    top: -25px;
    width: 130px;
    height: 50px;
    font-size: 50px;
    line-height: 50px;
  }
}
.slides__navigation > .prev:before, .slides__navigation > .next:before {
  margin: 0;
}
.slides__navigation > .prev {
  left: 0;
}
.slides__navigation > .next {
  right: 0;
}

.slides__pagination {
  display: none;
}
@media (min-width: 750px) {
  .slides__pagination {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 30px;
    text-align: center;
    z-index: 200;
  }
  .banner--subbanner .slides__pagination {
    bottom: 30px;
  }
  .slides__pagination > a {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background: #df003a;
    margin: 0 8px;
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
    -webkit-transition: 0.5s box-shadow cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: 0.5s box-shadow cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .slides__pagination > a.current {
    box-shadow: 0 0 0 5px rgba(223, 0, 58, 0.5);
  }
}

.banner__input {
  width: 300px;
  max-width: 100%;
}
section.banner--subbanner {
    /*background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) );*/
}




/**
    Image Badges
**/
.image__badge__item {
  display: block;
  position: relative;
  height: auto;
  background: #fff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
  text-decoration: none;
    transition: transform 500ms ease 0ms,box-shadow 500ms ease 0ms,box-shadow 500ms ease 0ms,box-shadow 500ms ease 0ms,box-shadow 500ms ease 0ms;
}


.image__badge__item:hover {
    transform: scaleX(1.02) scaleY(1.02);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.55);
}



.image__badge__item.image__badge__item--floating {
  overflow: hidden;
  padding-left: 65px;
}
@media (min-width: 750px) {
  .image__badge__item.image__badge__item--floating {
    margin-bottom: 30px;
    padding-left: 0;
  }
}


.image__badge__image {
  display: block;
  height: 160px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 5px solid #df003a;
}
@media (min-width: 1000px) {
  .image__badge__image {
    height: 190px;
  }
}
.image__badge__item--floating > .image__badge__image {
  position: absolute;
  width: 65px;
  left: 0;
  height: 100%;
  border-right: 5px solid #df003a;
  border-bottom: none;
}
@media (min-width: 750px) {
  .image__badge__item--floating > .image__badge__image {
    border-right: none;
    border-bottom: 5px solid #df003a;
    position: relative;
    float: none;
    height: 160px;
    width: 100%;
  }
}
@media (min-width: 1000px) {
  .image__badge__item--floating > .image__badge__image {
    height: 190px;
  }
}

.image__badge__content {
  position: relative;
  display: block;
  padding: 20px 40px 20px 20px;
}
.image__badge__content h5 > i {
  position: absolute;
  top: 50%;
  right: 13px;
  margin-top: -13px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
a:hover .image__badge__content h5 > i {
  -webkit-transform: translate3d(7px, 0, 0);
          transform: translate3d(7px, 0, 0);
}

.image__badge__slideout__wrapper {
  display: none;
}
.image__badge__slideout__wrapper.is--active {
  display: block;
}

.image__badge__slideout {
  background: #e04444;
  padding: 0 2000px;
  margin: 0 -2000px;
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
  -webkit-transition: height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.image__badge__slideout__wrapper.is--animated .image__badge__slideout {
  height: auto;
  margin-bottom: -30px;
}
@media (min-width: 750px) {
  .image__badge__slideout__wrapper.is--animated .image__badge__slideout {
    margin-bottom: -60px;
  }
}

.image__badge__slideout__top {
  margin-bottom: 15px;
}
@media (min-width: 750px) {
  .image__badge__slideout__top {
    margin-bottom: 30px;
  }
}

.video__wrapper {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}
.video__wrapper > iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}









/**
    Image Badges2
**/
@media (max-width: 750px) {
    .image__badges2 .grid__item {
        width: 50%;
    }
    .image__badges2 .grid__item:last-child:nth-child(odd) {
        width: 100%;
    }
}

.image__badge2__item {
  display: block;
  position: relative;
  height: auto;
  background: #df003a;
  color:#fff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 15px;
  text-decoration: none;
  transition: transform 500ms ease 0ms,box-shadow 500ms ease 0ms,box-shadow 500ms ease 0ms,box-shadow 500ms ease 0ms,box-shadow 500ms ease 0ms;
  text-align:center;
}

.image__badge2__item:hover {
    transform: scaleX(1.02) scaleY(1.02);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.55);
}

.image__badge2__item.image__badge__item--floating {
  overflow: hidden;
  padding-left: 65px;
}
@media (min-width: 750px) {
  .image__badge2__item.image__badge__item--floating {
    margin-bottom: 30px;
    padding-left: 0;
  }
}

.image__badge2__item .image__badge__image {
  display: block;
  height: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0 none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
@media (min-width: 1000px) {
  .image__badge2__item .image__badge__image {
    height: 80px;
  }
}
.image__badge2__item .image__badge__item--floating > .image__badge__image {
  position: absolute;
  width: 65px;
  left: 0;
  height: 100%;
  border-right: 5px solid #fff;
  border-bottom: none;
}
@media (min-width: 750px) {
  .image__badge2__item .image__badge__item--floating > .image__badge__image {
    border-right: none;
    border-bottom: 0 none;
    position: relative;
    float: none;
    height: 160px;
    width: 100%;
  }
}
@media (min-width: 1000px) {
  .image__badge2__item .image__badge__item--floating > .image__badge__image {
    height: 190px;
  }
}

.image__badge2__item .image__badge__content {
  position: relative;
  display: block;
  padding: 20px 20px 20px 20px;
}
.image__badge2__item .image__badge__content h5 > i {
  position: absolute;
  top: 50%;
  right: 13px;
  margin-top: -13px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
a:hover .image__badge__content h5 > i {
  -webkit-transform: translate3d(7px, 0, 0);
          transform: translate3d(7px, 0, 0);
}

.image__badge2__item .image__badge__slideout__wrapper {
  display: none;
}
.image__badge2__item .image__badge__slideout__wrapper.is--active {
  display: block;
}

.image__badge2__item .image__badge__slideout {
  background: #e04444;
  padding: 0 2000px;
  margin: 0 -2000px;
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
  -webkit-transition: height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.image__badge2__item .image__badge__slideout__wrapper.is--animated .image__badge__slideout {
  height: auto;
  margin-bottom: -30px;
}
@media (min-width: 750px) {
  .image__badge2__item .image__badge__slideout__wrapper.is--animated .image__badge__slideout {
    margin-bottom: -60px;
  }
}

.image__badge2__item .image__badge__slideout__top {
  margin-bottom: 15px;
}
@media (min-width: 750px) {
  .image__badge2__item .image__badge__slideout__top {
    margin-bottom: 30px;
  }
}

.image__badge2__item .video__wrapper {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}
.image__badge2__item .video__wrapper > iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
}
.image__badge2__item h5, 
.image__badge2__item:hover {
    color:#fff;
}





/*badges3*/

@media (max-width: 750px) {
    .image__badges3 .grid__item {
        width: 50%;
    }
    .image__badges3 .grid__item:last-child:nth-child(odd) {
        width: 100%;
    }
}


.image__badge3__item {
  display: block;
  position: relative;
  height: auto;
  background: #fff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
  text-decoration: none;
    transition: transform 500ms ease 0ms,box-shadow 500ms ease 0ms,box-shadow 500ms ease 0ms,box-shadow 500ms ease 0ms,box-shadow 500ms ease 0ms;
    text-align: center;
}


.image__badge3__item:hover {
    transform: scaleX(1.02) scaleY(1.02);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.55);
}



.image__badge3__item.image__badge__item--floating {
  overflow: hidden;
  padding-left: 65px;
}
@media (min-width: 750px) {
  .image__badge3__item.image__badge__item--floating {
    margin-bottom: 30px;
    padding-left: 0;
  }
}


.image__badge3__item .image__badge__image {
  display: block;
  height: 130px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0px none;
}
@media (min-width: 1000px) {
  .image__badge3__item .image__badge__image {
    height: 80px;
  }
}
.image__badge3__item .image__badge__item--floating > .image__badge__image {
  position: absolute;
  width: 65px;
  left: 0;
  height: 100%;
  border-right: 0px none;
  border-bottom: none;
}
@media (min-width: 750px) {
  .image__badge3__item .image__badge__item--floating > .image__badge__image {
    border-right: none;
    border-bottom: 0px none;
    position: relative;
    float: none;
    height: 160px;
    width: 100%;
  }
}
@media (min-width: 1000px) {
  .image__badge3__item .image__badge__item--floating > .image__badge__image {
    height: 190px;
  }
}

.image__badge3__item .image__badge__content {
  position: relative;
  display: block;
  padding: 20px 20px 20px 20px;
}
.image__badge3__item .image__badge__content h5 > i {
  position: absolute;
  top: 50%;
  right: 13px;
  margin-top: -13px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
a:hover .image__badge__content h5 > i {
  -webkit-transform: translate3d(7px, 0, 0);
          transform: translate3d(7px, 0, 0);
}

.image__badge3__item .image__badge__slideout__wrapper {
  display: none;
}
.image__badge3__item .image__badge__slideout__wrapper.is--active {
  display: block;
}

.image__badge3__item .image__badge__slideout {
  background: #e04444;
  padding: 0 2000px;
  margin: 0 -2000px;
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
  -webkit-transition: height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.image__badge3__item .image__badge__slideout__wrapper.is--animated .image__badge__slideout {
  height: auto;
  margin-bottom: -30px;
}
@media (min-width: 750px) {
  .image__badge3__item .image__badge__slideout__wrapper.is--animated .image__badge__slideout {
    margin-bottom: -60px;
  }
}

.image__badge3__item .image__badge__slideout__top {
  margin-bottom: 15px;
}
@media (min-width: 750px) {
  .image__badge3__item .image__badge__slideout__top {
    margin-bottom: 30px;
  }
}

.image__badge3__item .video__wrapper {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}
.image__badge3__item .video__wrapper > iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

@media (max-width: 600px) {
    .image__badge3__item, .image__badge2__item {
        font-size:15px;
        line-height:1.2em;
    }
    .image__badge3__item h5, .image__badge2__item h5 {
        font-size:15px;
        line-height:1.2em;
        margin-bottom: 8px;
    }
}


/* textbadges */

.text__badge__item {
    margin-bottom:40px;
    color:#fff;
    transition: all 0.1s ease-out;
    font-size:0.85em;
    line-height:1.3em;
    width: 100%;
    text-align: left;
    outline: none;
    background-color: transparent;
}

.text__badge__item:hover, .text__badge__item:focus {
    color:#fff;
    transition: all 0.1s ease-out;
}




.text__badge__item h1,
.text__badge__item h2,
.text__badge__item h3,
.text__badge__item h4,
.text__badge__item .text__badge__headline,
.text__badge__item h6
{
    color:#fff;
}

.text__badge__item .text__badge__headline {
    font-size:1.2em;
	line-height: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.text__badge__item .text__badge__sub {
	font-size: 28px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #df003a;
}


@media (min-width: 700px) {
    .text__badge__item {
        font-size:1em;
    }
    .text__badge__item .text__badge__headline {
        font-size:1.2em;
    }
}

.text__badge__item .text__badge__headline {
	margin-left: 30px;
	margin-top: -22px;
}
@media (max-width: 699px) {
	.text__badge__item .text__badge__headline {
		margin-top: -17px;
		margin-bottom: 5px;
		font-size: 1em;
		line-height: 1.2em;
	}
	ul:not([class]) > li {
		padding: 5px 0px 0px 20px;
	}
	.horizontal-tabs__navigation2 > li:nth-child(2) {
		padding-bottom: 8px;
	}
}
@media (max-width: 330px) {
	.text__badge__item .text__badge__headline {
		margin-top: -15px;
		margin-bottom: 0px;
		font-size: 0.8em;
	}
	.text__badge__content p.ticketpreis {
		font-size: 1.2em;
	}
	ul > li {
		font-size: 11px;
	}
}

@media (max-width: 400px) {
    .text__badge__content i {
       
    }
/*    .text__badge__content p {*/
/*        display:none;*/
/*    }*/
    .text__badge__content p.ticketpreis {
        display:inline-block;
    }
}

@media (max-width: 330px) {
    .text__badge__content i {
       font-size:17px;
    }
    .text__badge__content p.ticketpreis {
       font-size:17px;
        bottom: 5px;
    }
   
}


.square {
    position:relative;
    display: inline-block;
    width:100%;
  
   
}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.text__badge__content {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #df003a;
  padding:20px;
  transition: all 0.2s ease-out;
  cursor: pointer;
  border-radius:0px;
}


button.text__badge__item .text__badge__content:after {
    content: '';
    border: 15px solid transparent;
	font-size:0;line-height:0;height:0;padding:0;margin:0;
    border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
    position:absolute;
    bottom:-2px;
    left: 20px;
    transition: all 0.1s ease-out;
    z-index:9999;
}



button.text__badge__item.ticketbox--is--opened .text__badge__content:after {
    transition: all 0.1s ease-out;
    border: 15px solid #fff;
    border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
}

.text__badge__item:hover .text__badge__content, .text__badge__item:focus-visible .text__badge__content {
    /*transform: scaleX(1.02) scaleY(1.02);*/
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.60);
}

.icon__open {
    position:absolute;
    bottom:15px;
    right: 20px;
    font-weight: bold;
    font-size:1.8em;
    transition: all 0.4s;
}
button.text__badge__item.ticketbox--is--opened .icon__open {
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 0.2s;
}
.ticketpreis {
    font-weight: bold;
    font-size:1.8em;
    position:absolute;
    bottom:10px;
    left:20px;
}
@media (min-width: 700px) {
    .ticketpreis {
        bottom:0px;
        left:20px;
    }
}

.infobox--slideout {
    padding:0px;
    max-height: 0;
    transition: opacity 0.5s ease-out, max-height 0.4s ease-out,  margin 1s ease-out;
    overflow: hidden;
    margin: -21px 0px 0px 0px;
    opacity: 0;
    visibility: hidden;
    color:#183d4e;
}




.infobox--slideout .inner .slideout--content {
    padding:20px;
    background:#fff;
    font-stretch: normal;
    letter-spacing: normal;
    margin: 15px 1px 15px 0;
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.37);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.37);
    position:relative;
    border-radius:0px;
}

/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { 

    .infobox--slideout .inner .slideout--content  {
      margin: 15px 7px 15px 0;
    }
}

.slideout--content .grid__item {
    padding-top:20px;
}
.slideout--content .grid__item:first-child {
    padding-top:inherit;
}
@media (min-width: 700px) {
    .slideout--content .grid__item {padding-top:inherit;}
}

/*.text__badge__item:hover .infobox--slideout, .text__badge__item:focus .infobox--slideout {*/
/*    max-height: 500px;*/
/*    transition: opacity 0.8s ease-out, max-height 1s ease-out;*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

.text__badge__item.ticketbox--is--opened .infobox--slideout	 {
    max-height: 750px;
    transition: opacity 0.8s ease-out, max-height 1s ease-out;
    opacity: 1;
    visibility: visible;
}

.slideout--content h1,
.slideout--content h2,
.slideout--content h3,
.slideout--content h4,
.slideout--content h5,
.slideout--content h6
{
    color:#df003a;
}

.swe_ticket .text__badge__content ul:not([class]) > li:before {
	color: #ffffff !important;
}
@media (min-width: 750px) {
	.swe_ticket ul:not([class]) > li:before {
		top: 8px;
	}
}

/**
    Tabs
**/
.vertical-tabs__navigation > li {
  float: left;
}
@media (min-width: 700px) {
  .vertical-tabs__navigation > li {
    float: none;
    border-bottom: 1px solid #e0e2e4;
  }
  .vertical-tabs__navigation > li:last-child {
    border-bottom: none;
  }
}
.vertical-tabs__navigation > li.is--active {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  border-bottom: none;
}
.vertical-tabs__navigation > li > a {
  display: block;
  padding: 15px 11px;
  font-weight: bold;
  color: #797272;
  text-decoration: none;
}
@media (min-width: 700px) {
  .vertical-tabs__navigation > li > a {
    padding: 15px 20px;
  }
  .vertical-tabs__navigation > li > a > i {
    display: block;
    float: left;
  }
}
.vertical-tabs__navigation > li.is--active > a, .vertical-tabs__navigation > li > a:hover {
  color: #df003a;
}

.vertical-tabs__content {
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
}
.vertical-tabs__content > li {
  padding: 20px;
  display: none;
  overflow: hidden;
}
.vertical-tabs__content > li.is--active {
  display: block;
}
.vertical-tabs__content .thumbnail__list__image {
  border-color: #f1f2f3;
}

.vertical-tabs__title {
  display: none;
}
@media (min-width: 700px) {
  .vertical-tabs__title {
    display: block;
    margin-left: 33px;
  }
}

.horizontal-tabs__navigation {
    overflow: hidden;
    padding-left: 20px;
    margin-left: -20px;
    padding-top: 20px;
    margin-top: -20px;
    padding-right: 20px;
    margin-right: -20px;
}
.horizontal-tabs__navigation > li {
  border-bottom: 1px solid #e0e2e4;
}
.horizontal-tabs__navigation > li:last-child {
  border-bottom: none;
}
@media (min-width: 700px) {
  .horizontal-tabs__navigation > li {
    float: left;
    border-bottom: none;
    border-right:1px solid #d9d9d9;
    background: #f6eeee;
  }
}
@media (min-width: 700px) {
  .horizontal-tabs__navigation > li.is--active {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    border-right:0px solid #d9d9d9;
    margin-left:-1px;
  }
  .horizontal-tabs__navigation > li:first-child.is--active {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    border-right:0px solid #d9d9d9;
    margin-left:0px;
  }
}





.horizontal-tabs__navigation > li > a {
  display: block;
  padding: 7px 11px;
  font-weight: bold;
  text-decoration: none;
  color: #797272;
}
@media (min-width: 700px) {
  .horizontal-tabs__navigation > li > a {
    padding: 15px 20px;
  }
}
.horizontal-tabs__navigation > li.is--active > a, .horizontal-tabs__navigation > li > a:hover {
  color: #df003a;
}
.horizontal-tabs__navigation.is--compressed > li {
  float: none;
  background: none;
  box-shadow: none;
  border-bottom: 1px solid #e0e2e4;
}
.horizontal-tabs__navigation.is--compressed > li:last-child {
  border-bottom: none;
}

.horizontal-tabs__content {
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
}



.horizontal-tabs__content > li {
  padding: 20px;
  display: none;
}
.horizontal-tabs__content > li.is--active {
  display: block;
}

/* special tabs */

@media (min-width: 700px) {
    .three__tabs {
      
    }
    .three__tabs > li {
        width:33.3%;
    }.three__tabs > li:last-child {
          width:33.333%;
    }
}
@media (min-width: 700px) {
    .two__tabs {
      
    }
    .two__tabs > li {
        width:50%;
    }
    .two__tabs > li:last-child {
        width:calc( 50% - 0.15px);
    }
}








/* tabs linechanges */

.horizontal-tabs__navigation2 {
    overflow: hidden;
    padding-left: 21px;
    margin-left: -21px;
    padding-top: 20px;
    margin-top: -20px;
    padding-right: 20px;
    margin-right: -20px;
    padding-bottom:20px;
    position:relative;
    border-bottom:5px solid #df003a;
}



.horizontal-tabs__navigation2 > li.spacer {
     padding-left:50px;
}
@media (max-width: 699px) {
    .horizontal-tabs__navigation2 > li.spacer {
        padding-left: 0px;
        clear:left;
      }
}

@media (max-width: 699px) {
    .horizontal-tabs__navigation2 > li:first-child {
        /*width:100%;*/
    }
    .horizontal-tabs__navigation2 > li:nth-child(2) {
        padding-left:0px;
        padding-bottom:20px;
    }

}



.horizontal-tabs__navigation2 > li:last-child {
  border-bottom: none;
}

.horizontal-tabs__navigation2 > li {
    float: left;
    border-bottom: none;
    cursor: pointer;
    pointer-events: auto;
    padding-bottom:8px;
}


.horizontal-tabs__navigation2 > li > button {
  display: block;
  padding: 7px 11px;
  font-weight: bold;
  text-decoration: none;
  color: #797272;
  cursor: pointer;
    pointer-events: auto;
}

.horizontal-tabs__navigation2 > li.is--active > button, .horizontal-tabs__navigation2 > li > button:hover {
  color: #df003a;
    cursor: pointer;
    pointer-events: auto;
}

.horizontal-tabs__content2 {
  
}

.horizontal-tabs__content2 > li {
    transition: opacity 0.3s ease-out;
    opacity: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    color:#fff;
  
}


.horizontal-tabs__content2 > li.is--active {
  opacity: 1;
  height: auto;
  transition: opacity 0.3s ease-out;
  visibility: visible;
  background: #df003a;
  box-shadow: none;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
   margin: 0px -20px 0 -21px;
   padding: 15px 20px 20px 20px;
}

.horizontal-tabs__navigation2 > li > button {
    border-radius: 0px;
    background: #797272;
    box-shadow: none;
    color:#fff;
    font-weight:bold;
    font-size:1.5em;
    margin-right:0.3em;
    text-align: center;
    width:40px;
    height:40px;
    padding: 8px 0px;
    position: relative;
}
.horizontal-tabs__navigation2 > li > img {
        width:auto;
        height:40px;
        padding:0 30px 0 0;
    }

@media (max-width: 699px) {
    .horizontal-tabs__content2 .grid__item {
        margin-bottom:1em;
        display: inline-block;
    }
    .horizontal-tabs__content2 .grid__item:last-child {
        margin-bottom:0em;
        display: inline-block;
    }

    
}


@media (max-width: 1000px) {
    .horizontal-tabs__navigation2 > li.evag__linie > button {
        width: 30px;
        height: 30px;
        font-size:1em;
        padding: 4px 0px;
    }
    .horizontal-tabs__navigation2 > li > img {
        width:auto;
        height:30px;
        padding:0 10px 0 0;
    }

}



.horizontal-tabs__navigation2 > li > button.new:after {
    content: '';
    position:absolute;
    top:-3px;
    right:-3px;
    background:#b90030;
    width:10px;
    height:10px;
    border-radius:50%;
}
.horizontal-tabs__navigation2 > li.is--active button,  .horizontal-tabs__navigation2 > li:hover button {
    border-radius: 0px;
    background: #df003a;
    box-shadow: none;
    color:#fff;
}


.tab_content_remove {
    position: absolute;
    right: 30px;
    top: 25px;
    color: #df003a;
    cursor: pointer;
    font-size:1.5em;
    opacity:1;
    transition:all 0.5s;
    visibility: visible;
}
.tab_content_remove.hide {
    opacity:0;
    transition:all 0.5s;
    visibility: hidden;
}


/* special elements */
.redbar__item {
    margin-bottom:20px;
    padding-bottom:20px;
}
.redbar__item:last-child {
    margin-bottom:-20px;
}
.redbar__item---header {
    background:#df003a;
    color:#fff;
    margin:-20px -20px 20px -48px;
    padding: 6px 6px 0px 55px;
    position:relative;
    font-size: 1.1em;
    font-weight: bold;
    line-height:2.1em;
    overflow:hidden;
}
.redbar__item---header span {
    line-height:1.4em;
    display: inline-block;
}
.redbar__item---header i {
    width: 38px;
    height: 38px;
    border-radius:0px;
    background:#fff;
    color:#df003a;
    display:inline-block;
    text-align:center;
    font-style:normal;
    float:left;
    margin-left:-49px;
    margin-bottom:6px;
}
.redbar__item---header i.icon {

}
.redbar__item---header i.icon:before {
   font-size:1.3em;
  margin-top:7px;
    
}
.redbar__item---header i:last-child {
    
}
.fahrplaene > li > div {
    border-left:5px solid #df003a;
    margin-left: 3px;
    padding-left: 20px;
}
.fahrplaene > li > div:last-child {
    border-left:5px solid #fff;
}
.fahrplaene h5 {
    border-bottom:2px solid #183d4e;
    border-bottom: 2px solid #183d4e;
}
.fahrplaene h5 {
    border-bottom:2px solid #183d4e;
    color:#183d4e;
}

.fahrplaene .grid {
    margin-left: -8px;    
}

.fahrplaene .grid > .grid__item h5 {
    margin-right:-15px;
    padding-bottom:10px;

} 
.fahrplaene .grid > .grid__item:last-child {
    text-align:right;
} 
.fahrplaene .grid > .grid__item h5 {
    text-align:center;
} 
.fahrplaene .grid > .grid__item:first-child h5 {
    text-align:left;
} 
.fahrplaene .grid > .grid__item:last-child h5 {
    margin-right:0px;
    text-align:right;
} 
.fahrplaene .grid > .grid__item a {
    width:100%;
    display: inline-block;
    color:#df003a;
    font-weight:bold;
    text-decoration: none;
    position:relative;
} 
.fahrplaene .grid > .grid__item:nth-child(2) a {
    padding-left:25px;
} 
.fahrplaene .grid > .grid__item a > i {
    position:absolute;
    top:0;
    left:0;
} 


.fahrplaene .grid > .grid__item a:hover {
    text-decoration: underline;
} 


@media (max-width: 900px) {
    .fahrplaene .grid > .grid__item, .fahrplaene .grid > .grid__item h5, .fahrplaene .grid > .grid__item a {
        text-align:left !important;
    } 
    .fahrplaene .grid > .grid__item {
        margin-top:20px;
    } 
    .fahrplaene .grid > .grid__item:first-child {
        margin-top:0px;
    }
    .fahrplaene .grid > .grid__item h5 {
        margin-right:0px;
    } 
    .fahrplaene .grid {
        margin-left: 0px;
    }
}

.haltestellencontainer {
    padding-bottom: 10px;
    margin-top:40px;
    margin-bottom:-40px !important;
}
@media (max-width: 699px) {
    .haltestellencontainer {
        margin-bottom:0px !important;
    }
}
.haltestellen {
    margin-left:27px;
}
.haltestelle {
    position:relative;
    line-height: 55px;
    border-bottom:1px solid #000;
}
.haltestelle:hover {
    text-decoration:underline;
}
.haltestellen .redbar__item---header {
    margin-bottom:0px;
    margin-right:-22px;
}
.haltestellencontainer .redbar__item---header {
    border-top-right-radius: 0px;
}
.haltestellencontainer .grid__item:first-child .redbar__item---header {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.haltestelle:before {
    content: "";
    height: 65px;
    width: 65px;
    position: absolute;
    top: -5px;
    left: -55px;
    background-image: url("../img/haltestelle.svg");
}
.haltestelle:last-child {
    margin-bottom: 19px;
}
.haltestelle:last-child:before {
    content: "";
    height: 65px;
    width: 65px;
    position: absolute;
    top: -5px;
    left: -55px;
    background-image: url("../img/haltestelle_last.svg");
}

.haltestelle a {
    width:100%;
    display: block;
    color:#df003a;
    font-weight:bold;
    text-decoration: none;
    padding-left:15px;
}





/* special buttons */

.pdf__button {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    text-decoration: none;
    width:95%;
    padding:0.3em 0.5em;
    margin: 0 auto 20px;
    display: inline-block;
    text-align: center;
    transition: transform 200ms ease 0ms,box-shadow 200ms ease 0ms;
}
.pdf__button:hover {
    transform: scaleX(1.04) scaleY(1.04);
    transition: transform 200ms ease 0ms,box-shadow 200ms ease 0ms;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.55);
}





/**
    Lists
**/
/* Normal List */
ul:not([class]) {
  margin-bottom: 15px;
}
@media (min-width: 700px) {
  ul:not([class]) {
    margin-bottom: 20px;
  }
}
ul:not([class]):last-child {
  margin-bottom: 0;
}
ul:not([class]) > li {
  position: relative;
  padding: 5px 0 5px 25px;
}
ul:not([class]) > li:before {
  position: absolute;
  top: 8px;
  left: 0;
  font-family: "egapark-icons";
  content: '\e816';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  color: #df003a;
}
@media (min-width: 750px) {
  ul:not([class]) > li:before {
    top: 10px;
  }
}

/* Thumbnail Lists */
.thumbnail__list {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 700px) {
  .thumbnail__list {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
.thumbnail__list:first-child {
  margin-top: 0;
}
.thumbnail__list:last-child {
  margin-bottom: 0;
}
.thumbnail__list > li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e0e2e4;
}
@media (min-width: 700px) {
  .thumbnail__list > li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.thumbnail__list > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 1000px) {
  .thumbnail__list.thumbnail__list--breakpoint-3-borderless > li {
    border-bottom: none;
  }
}
.section--blue .thumbnail__list > li {
  border-color: #fff;
}
@media (min-width: 750px) {
  .thumbnail__list.thumbnail__list--large > li {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .thumbnail__list.thumbnail__list--large > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.thumbnail__list__link {
  display: block;
  position: relative;
  margin-right: -20px;
  overflow: hidden;
  text-decoration: none;
}
.thumbnail__list--small .thumbnail__list__link {
  padding-right: 40px;
}
.thumbnail__list--large .thumbnail__list__link {
  padding-right: 55px;
}
.thumbnail__list__link h1 i, .thumbnail__list__link h2 i, .thumbnail__list__link h3 i, .thumbnail__list__link h4 i, .thumbnail__list__link h5 i, .thumbnail__list__link h6 i {
  position: absolute;
  top: 50%;
  right: 13px;
  margin-top: -13px;
  color: #797272;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.thumbnail__list__link:hover h1 i, .thumbnail__list__link:hover h2 i, .thumbnail__list__link:hover h3 i, .thumbnail__list__link:hover h4 i, .thumbnail__list__link:hover h5 i, .thumbnail__list__link:hover h6 i {
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}

.thumbnail__list__image {
  float: left;
  display: block;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border: 5px solid #fff;
  width: 50px;
}
@media (min-width: 700px) {
  .thumbnail__list__image {
    width: 85px;
  }
  .thumbnail__list--small .thumbnail__list__image {
    width: 60px;
  }
}
@media (min-width: 750px) {
  .thumbnail__list--large .thumbnail__list__image {
    width: 185px;
  }
}
.old-android-native .thumbnail__list__image {
  border: none;
}

.thumbnail__list__search__icon {
  float: left;
  display: block;
  border: 5px solid #fff;
  width: 50px;
  height: 50px;
  line-height: 40px;
  background: #df003a;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 20px;
}
@media (min-width: 700px) {
  .thumbnail__list__search__icon {
    width: 60px;
    height: 60px;
    line-height: 50px;
    font-size: 30px;
  }
}
@media (min-width: 750px) {
  .thumbnail__list--large .thumbnail__list__search__icon {
    width: 185px;
    height: 185px;
    line-height: 175px;
  }
}

.thumbnail__list__content {
  display: block;
  margin-left: 60px;
}
@media (min-width: 700px) {
  .thumbnail__list__content {
    margin-left: 100px;
  }
  .thumbnail__list--small .thumbnail__list__content {
    margin-left: 70px;
  }
}
@media (min-width: 750px) {
  .thumbnail__list--large .thumbnail__list__content {
    padding-top: 10px;
    margin-left: 210px;
  }
}

.thumbnail__list__content__left,
.thumbnail__list__content__right {
  display: block;
}

.thumbnail__list__content__left {
  overflow: hidden;
}

.thumbnail__list__content__right {
  float: right;
}
.thumbnail__list__content__right > .button {
  display: block;
  margin-bottom: 5px;
}

.thumbnail__list__slideout {
  position: relative;
  display: none;
  clear: both;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 20px;
  margin-top: 10px;
}
@media (min-width: 750px) {
  .thumbnail__list__slideout {
    margin-top: 30px;
  }
}
.thumbnail__list__slideout.is--active {
  display: block;
}
.thumbnail__list__slideout:after {
  content: '';
  position: absolute;
  top: -12px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 12px solid #fff;
}

/* Floating Lists */
.floating__list {
  margin-bottom: 10px;
}
@media (min-width: 700px) {
  .floating__list {
    margin-bottom: 22px;
  }
}
.floating__list:last-child {
  margin-bottom: 0;
}
.floating__list > li {
  overflow: hidden;
  padding: 10px 0;
  border-top: 1px solid #e0e2e4;
}
.section--blue .floating__list > li, .sidebar__item--dark .floating__list > li {
  border-top: 1px solid #fff;
}
.floating__list:first-child > li:first-child {
  border-top: none;
}

.floating__list__left {
  overflow: hidden;
}

.floating__list__right {
  float: right;
  text-align: right;
}
.floating__list--early-break .floating__list__right {
  float: none;
  text-align: left;
}
@media (min-width: 400px) {
  .floating__list--early-break .floating__list__right {
    float: right;
    text-align: right;
  }
}

/* Map Route */
.map__route__list {
  list-style-type: none;
}
.map__route__list > li {
  position: relative;
  padding: 7px 0 7px 30px;
}
@media (min-width: 750px) {
  .map__route__list > li {
    padding: 10px 0 10px 40px;
  }
}
.map__route__list > li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0px;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 3px solid #df003a;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  z-index: 2;
}
@media (min-width: 750px) {
  .map__route__list > li:before {
    top: 15px;
  }
}
.map__route__list > li:after {
  content: '';
  position: absolute;
  top: 18px;
  left: 5px;
  height: 100%;
  width: 5px;
  background: #df003a;
  z-index: 1;
}
@media (min-width: 750px) {
  .map__route__list > li:after {
    top: 20px;
  }
}
.map__route__list > li:last-child:after {
  content: '';
  height: 0%;
}

/* Date List */
.date__list {
  margin-bottom: 10px;
}
@media (min-width: 750px) {
  .date__list {
    margin-bottom: 30px;
  }
}
.date__list > li {
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e0e2e4;
}
.section--blue .date__list > li {
  border-bottom: 1px solid #fff;
}
.date__list > li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.date__list__left {
  display: block;
  float: left;
  width: 90px;
}

.date__list__right {
  display: block;
  margin-left: 80px;
  padding-left: 10px;
}
.date__list__link .date__list__right {
  padding-right: 30px;
}

.date__list__link {
  display: block;
  position: relative;
  text-decoration: none;
}
.date__list__link i {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 0;
  color: #fff;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.date__list__link:hover i {
  -webkit-transform: translate3d(7px, 0, 0);
          transform: translate3d(7px, 0, 0);
}

/* Table List */
.table__list {
  width: 100%;
  margin-bottom: 15px;
}
@media (min-width: 700px) {
  .table__list {
    display: table;
  }
}
@media (min-width: 750px) {
  .table__list {
    margin-bottom: 30px;
  }
}
.table__list:last-child {
  margin-bottom: 0;
}
.table__list > li {
  width: 100%;
  padding: 10px;
  position: relative;
}
@media (min-width: 700px) {
  .table__list > li {
    display: table-row;
    padding: 0;
  }
}
@media (min-width: 700px) {
  .table__list > li > div {
    display: table-cell;
    padding: 10px 5px;
    min-width: 130px;
  }
  .table__list > li > div:first-child {
    padding-left: 10px;
  }
  .table__list > li > div:last-child {
    padding-right: 10px;
  }
}
.table__list > li:nth-child(odd) {
  background: #fff;
}
.table__list > li:nth-child(odd):after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #fff;
  pointer-events: none;
}

/**
    Prices
**/
.price__section {
  padding: 20px;
  position: relative;
    color:#183d4e;
}
.price__section .floating__list > li {
  border-top: 1px solid #183d4e;
}

.price__section--primary {
  background: #e5e5e5;
  z-index: 101;
}

.price__section--secondary {
  background: #fff;
  z-index: 100;
}

.price__header {
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 700px) {
  .price__header {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
.price__header h3 {
  margin-bottom: 0;
    color:#df003a;
}
.price__header em {
  color:#df003a;
}
.price__header .button {
  color:#df003a;
}
.section--blue .price__header .button.button--small {
color:#df003a;
}
.price__slider__wrapper {
  overflow: hidden;
}

.price__slider {
  width: 200%;
}

.price__slide {
  position: relative;
  float: left;
  width: 50%;
  left: 0;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.csstransforms3d .price__slider__wrapper.is--toggled .price__slide {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.no-csstransforms3d .price__slider__wrapper.is--toggled .price__slide {
  left: -50%;
}
.price__slide:first-child, .price__slider__wrapper.is--toggled .price__slide:last-child {
  opacity: 1;
}
.price__slide:last-child, .price__slider__wrapper.is--toggled .price__slide:first-child {
  opacity: 0;
}

/**
    Map
**/
.map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
}

.map__overlay__wrapper {
  position: relative;
  z-index: 2;
  pointer-events: none;
  margin-top: 240px;
}
@media (min-width: 750px) {
  .map__overlay__wrapper {
    margin-top: 0;
  }
}

.map__overlay {
  pointer-events: auto;
  position: relative;
}

.section--map-results {
  display: none;
}

.section--map-results.is--visible {
  display: block;
}

/**
    Timeline
**/
.timeline {
  position: relative;
}
.timeline:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
}

.timeline__item__wrapper {
  position: relative;
  padding-left: 45px;
  padding-bottom: 15px;
  z-index: 3;
}
@media (min-width: 750px) {
  .timeline__item__wrapper {
    width: 50%;
  }
  .timeline__item__wrapper:nth-child(odd) {
    float: left;
    clear: left;
    padding: 0 30px 0 0;
  }
  .timeline__item__wrapper:nth-child(even) {
    float: right;
    clear: right;
    padding: 0 0 0 30px;
  }
  .timeline__item__wrapper ~ .timeline__item__wrapper {
    margin-top: 30px;
  }
}
.csstransforms3d .timeline__item__wrapper .timeline__triangle {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 16px;
  left: -40px;
  overflow: hidden;
}
.csstransforms3d .timeline__item__wrapper .timeline__triangle:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 25%;
  right: -25%;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.csstransforms3d .timeline__item__wrapper .timeline__triangle:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  right: 12px;
  background: #df003a;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border: 3px solid #e0e2e4;
}
@media (min-width: 750px) {
  .csstransforms3d .timeline__item__wrapper:nth-child(odd) .timeline__triangle {
    left: auto;
    right: -40px;
  }
  .csstransforms3d .timeline__item__wrapper:nth-child(odd) .timeline__triangle:after {
    left: -25%;
    right: auto;
  }
  .csstransforms3d .timeline__item__wrapper:nth-child(odd) .timeline__triangle:before {
    right: 2px;
  }
  .csstransforms3d .timeline__item__wrapper:nth-child(even) .timeline__triangle {
    left: -40px;
    right: auto;
  }
  .csstransforms3d .timeline__item__wrapper:nth-child(even) .timeline__triangle:after {
    left: auto;
    right: -25%;
  }
  .csstransforms3d .timeline__item__wrapper:nth-child(even) .timeline__triangle:before {
    right: 21px;
  }
}
.timeline__item__wrapper .image__badge__item {
  margin-bottom: 0;
}

.timeline__year__wrapper {
  clear: both;
  position: relative;
  z-index: 2;
}
@media (min-width: 750px) {
  .timeline__year__wrapper {
    text-align: center;
  }
  .timeline ~ .timeline .timeline__year__wrapper {
    padding-top: 30px;
  }
}

.timeline__year {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 19px;
  font-weight: bold;
  background: #df003a;
  color: #fff;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 750px) {
  .timeline__year {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 30px;
  }
}

.timeline__line {
  position: absolute;
  left: 22px;
  width: 5px;
  height: 100%;
  background: #e0e2e4;
  z-index: 1;
}
@media (min-width: 750px) {
  .timeline__line {
    left: 50%;
    margin-left: -2px;
  }
}

/**
    Image Gallery
**/
.gallery__bottom {
  margin-top: 15px;
}
@media (min-width: 750px) {
  .gallery__bottom {
    margin-top: 30px;
  }
}

.gallery__item {
  display: block;
  position: relative;
  background: #fff;
  padding: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}
@media (min-width: 750px) {
  .gallery__item {
    margin-bottom: 30px;
  }
}
.gallery__item > img {
  display: block;
  width: 100%;
  height: auto;
}
.gallery__item:before {
  font-family: 'egapark-icons';
  content: '\e825';
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
  margin-top: -12px;
  color: #df003a;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.gallery__item:after {
  content: '';
  position: absolute;
  display: block;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background: #fff;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.gallery__item:hover:before {
  opacity: 1;
}
.gallery__item:hover:after {
  opacity: .8;
}

/**
    Lightbox
**/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.fancybox-opened {
  z-index: 8030;
  opacity: 1;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: visibility 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav,
.fancybox-nav:hover {
  font-size: 32px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.fancybox-nav:hover span {
  visibility: visible;
  opacity: 1;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: #fff;
  opacity: .8;
  cursor: pointer;
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0.8);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/**
    Pagination
**/
.pagination {
  margin-top: 20px;
  text-align: center;
}
.pagination > a {
  display: inline-block;
  margin-left: 3px;
  margin-top: 3px;
  padding: 5px 3px;
  color: #183d4e;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  text-align: center;
  min-width: 25px;
  text-decoration: none;
}
.pagination > a:hover {
  color: #df003a;
}
.pagination > a:first-child {
  margin-left: 0;
}
.pagination > a.is--active, .pagination > a.is--active:hover {
  background: #515151;
  color: #fff;
  box-shadow: none;
}
@media (min-width: 750px) {
  .pagination > a {
    margin-left: 5px;
    margin-top: 5px;
    padding: 5px;
    min-width: 33px;
  }
}

/**
    Events
**/
@media (min-width: 750px) {
  .event__month {
    position: relative;
  }
  .event__month:after {
    content: '';
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -11px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 12px solid #e04444;
  }
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
  cursor: move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
            transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
/**
    Booking
**/
.booking__day {
  display: block;
  float: left;
  margin: 2px;
  padding: 5px;
  background: #f1f2f3;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  min-width: 26px;
  text-align: center;
  text-decoration: none;
}
.booking__day[data-booking-rel] {
  background: #999;
  color: #fff;
}
.booking__day.is--active {
  background: #df003a;
  color: #fff;
}

.booking__location {
  display: block;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #fff;
  padding: 20px;
  margin: 8px 0;
  text-decoration: none;
}

.booking__location, .booking__location h5, .section--blue .booking__location  {
    color:#183d4e;
}
.booking__location:hover, .booking__location:hover h5 {
  transition: all 0.3s ease;
    color:#df003a;
}
.booking__location.is--deactivated, .booking__location.is--deactivated h5 {
    color:#cbcbcb;
    transition: all 0.3s ease;
}
.booking__location.is--deactivated:hover {
  background: #ededed;
    color:#777777;
    
}
.booking__location.is--deactivated:hover h5 {
    color:#777777;
     transition: all 0.3s ease;
}
.booking__carousel {
  position: relative;
}
.booking__carousel .owl-prev, .booking__carousel .owl-next {
  position: absolute;
  top: 3px;
  width: 40px;
}
.booking__carousel .owl-next {
  text-align: right;
}
@media (min-width: 750px) {
  .booking__carousel .owl-prev, .booking__carousel .owl-next {
    top: 15px;
  }
}
.booking__carousel .owl-prev {
  left: 0;
}
.booking__carousel .owl-next {
  right: 0;
}

.booking__carousel .owl-item h3 {
    padding-left:20px;
    padding-right:20px;
}




/**
    Tickets
**/
.tickets__number {
  box-shadow: none;
  background: #f1f2f3;
  padding: 2px 4px;
  width: 50px;
  margin: 0 5px;
}
.sidebar__item--dark .tickets__number {
  background: #fff;
}

.button.button--medium.button--bright.tickets__remove {
  box-shadow: none;
}

.tickets__endprice {
  font-size: 26px;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #fff;
}
@media (min-width: 700px) {
  .tickets__endprice {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}
@media (min-width: 750px) {
  .tickets__endprice {
    font-size: 45px;
    line-height: 47px;
  }
}

/**
    Egapark Map
**/
.egamap__pre__thumb {
  float: left;
  width: 50px;
}
@media (min-width: 700px) {
  .egamap__pre__thumb {
    width: 85px;
  }
}
@media (min-width: 750px) {
  .egamap__pre__thumb {
    width: 185px;
  }
}
.egamap__pre__thumb img {
  border: 5px solid #fff;
  border-radius: 50%;
}
.old-android-native .egamap__pre__thumb img {
  border: none;
}

.egamap__pre__text {
  margin-left: 60px;
}
@media (min-width: 700px) {
  .egamap__pre__text {
    margin-left: 100px;
  }
}
@media (min-width: 750px) {
  .egamap__pre__text {
    margin-left: 210px;
  }
}

/**
    Info Carousel
**/
.info-carousel__wrapper {
  padding: 0 40px;
  position: relative;
}
.info-carousel__wrapper .owl-prev,
.info-carousel__wrapper .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  font-size: 28px;
  line-height: 28px;
  color: #e0e2e4;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.info-carousel__wrapper .owl-prev:hover,
.info-carousel__wrapper .owl-next:hover {
  color: #183d4e;
}
.info-carousel__wrapper .owl-prev {
  left: -30px;
}
.info-carousel__wrapper .owl-next {
  right: -30px;
}
.info-carousel__wrapper > div > a > img {
  display: none;
}

.info-carousel__item {
  display: block;
  padding: 0 15%;
}
.info-carousel__item > img {
  display: block;
  width: 100%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border: 5px solid #f1f2f3;
  -webkit-transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.old-android-native .info-carousel__item > img {
  border: none;
}
.info-carousel__item.is--active > img {
  border: 5px solid #df003a;
}
.old-android-native .info-carousel__item.is--active > img {
  border: none;
}

.info-carousel__thumb {
  float: left;
  width: 50px;
}
@media (min-width: 700px) {
  .info-carousel__thumb {
    width: 85px;
  }
}
@media (min-width: 750px) {
  .info-carousel__thumb {
    width: 185px;
  }
}
.info-carousel__thumb > img {
  border: 5px solid rgba(255, 255, 255, 0.5);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.old-android-native .info-carousel__thumb > img {
  border: none;
}

.info-carousel__text {
  margin-left: 60px;
}
@media (min-width: 700px) {
  .info-carousel__text {
    margin-left: 100px;
  }
}
@media (min-width: 750px) {
  .info-carousel__text {
    margin-left: 210px;
  }
}

.info-carousel__item__content {
  display: none;
}
.info-carousel__item__content.is--active {
  display: block;
}

/**
    Image Slideshow
**/
.image__slideshow {
  position: relative;
  margin-bottom: 15px;
}
@media (min-width: 750px) {
  .image__slideshow {
    margin-bottom: 30px;
  }
}
.image__slideshow > div > img {
  display: none;
}
.image__slideshow img {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.image__slideshow .owl-prev,
.image__slideshow .owl-next {
  position: absolute;
  top: 0%;
  height: 100%;
  width: 50px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  font-size: 28px;
  line-height: 28px;
}
.image__slideshow .owl-prev > i,
.image__slideshow .owl-next > i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -20px;
}
.image__slideshow .owl-prev {
  left: 0;
}
.image__slideshow .owl-next {
  right: 0;
}

/**
    Partner
**/
.partner__slideshow > a > img {
  display: none;
}

/**
    Message
**/
.message__wrapper {
  display: block;
  margin-bottom: 15px;
}
@media (min-width: 750px) {
  .message__wrapper {
    margin-bottom: 22px;
  }
}
.message__wrapper:last-child {
  margin-bottom: 0;
}

.message {
  display: inline-block;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  color: #df003a;
  border: 3px solid #df003a;
  padding: 7px;
}
.banner .message, .sidebar__item--dark .message, .section--blue .message {
  color: #fff;
  border: 3px solid #fff;
}











/* misc */
iframe.liniennetzplan {
    border:0 none; 
    width:100%;
    height:70vh;
    min-height:600px;
    margin-bottom:-10px;
     box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}






























/* styling uc  */
#usercentrics-button .uc-btn-new.uc-btn-accept, .usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-footer .uc-btn {
    color: #fff !important;
    background: #df003a  !important;
    margin-bottom: 0.2em;
    transition: all 0.3s;
    border-radius:0 !important;
}
#usercentrics-button .uc-btn-new.uc-btn-accept:hover {
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.55);
    transform: scaleX(1.02) scaleY(1.02);
    transition: all 0.5s;
    border-radius:0;
}
#usercentrics-button .uc-btn-new.uc-btn-more {
    color: #fff !important;
    background: #df003a  !important;
    opacity:0.5;
    transition: all 0.3s;
    border-radius:0;
}
#usercentrics-button .uc-btn-new.uc-btn-more:hover {
    color: #fff !important;
    background: #df003a  !important;
    opacity:1;
    transition: all 0.5s;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.55);
    transform: scaleX(1.02) scaleY(1.02);
}
.uc-border-radius-small {
    border-radius: 0px;
}
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header {
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    background: #df003a !important;
    color:#fff !important;
}
.usercentrics-button.layout-1 .uc-header-title, .usercentrics-button.layout-1 #uc-corner-modal.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header .uc-header-subtitle-text {
    color: #fff !important;
}
#usercentrics-button input[type=checkbox].uc-form-check-input:checked+label:before, .uc-embed input[type=checkbox].uc-form-check-input:checked+label:before {
    content: "";
    background-color: #df003a;
    border-color: #df003a;
}
.usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a {
    color: #fff!important;
    background: #df003a !important;
    border-radius: 0;
}

.usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a.uc-active {
    color: #df003a   !important;
    background: #fff!important;
    border-radius: 0;
}
#uc-banner-centered .uc-banner-content .uc-banner-text {
    font-size: 1em !important;
    line-height: 1.5;
    overflow-y: auto;
    padding: 0 0 20px;
    margin-bottom:10px
}
#usercentrics-button #uc-banner-centered .uc-banner-links a, #usercentrics-button #uc-banner-centered .uc-banner-links span {
   font-size: 1.4em;
}
.usercentrics-button.layout-1 #uc-corner-modal.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header .uc-header-subtitle-text {
    font-size: 1em;
}






/* newsslider */
.news-carousel, .news2-carousel {
    padding:0px 20px;
}
.news-carousel__wrapper {
    margin-top:1em;
}
.news--entry {
    padding: 0 20px;
}
.news--entry h5 {
    color:#797272;
}
.news--entry h5 + span {
    margin-top:-1em;
    margin-bottom:1em;
    display: block;
}
.news--date {
    color:#c9c9c9;
    font-size:0.9em;
}
.news-carousel__wrapper .owl-prev, .news-carousel__wrapper .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    font-size: 28px;
    line-height: 28px;
    color: #df003a;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.news-carousel__wrapper .owl-next {
    right: -10px;
}
.news-carousel__wrapper .owl-prev {
    left: -10px;
}
.news-carousel .owl-page span, .news2-carousel .owl-page span {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background: #df003a;
    margin: 0 8px;
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
    -webkit-transition: 0.5s box-shadow cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: 0.5s box-shadow cubic-bezier(0.645, 0.045, 0.355, 1);
}
.news-carousel .owl-page.active span, .news2-carousel .owl-page.active span  {
    box-shadow: 0 0 0 5px rgba(223, 0, 58, 0.5);
}
.news-carousel .owl-page, .news2-carousel .owl-page {
    display:inline;
}
.news-carousel .owl-pagination, .news2-carousel .owl-pagination {
    text-align:center;
    padding-top:1em;
}
.news2-carousel .news-carousel__item {
    display: flex;
    width: 100%;
}
.news2-carousel .news--image {
    padding:0 20px;
}
.news2-carousel .news--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sameheightcol {
    flex: 1 0;
}


@media (max-width: 700px) {
    .news2-carousel .news-carousel__item {
        display: inline-block;
        width: 100%;
    }
    .news2-carousel .news--image img {
        padding-bottom: 2em;
    }
}






/* diverses */

.klickbar {
    cursor:pointer;
}
.fahne {
    position: fixed;
    top: 45%;
    right: 0;
    background: url('../img/fahne.png') center center no-repeat #fff;
    height: 170px;
    width: 38px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    background-size: 70%;
    z-index: 99999;
    display: none;  
}

@media (min-width: 70em) {
    .fahne {
		display:block;
    }
}

.fahne a {
    display:inline-block;
    height:170px;
    width:38px;
}

.offcanvas__is--opened .fahne {
    right:-38px;
}
.back-to-top {
    position:fixed;
    bottom:130px;
    right:30px;
    background: rgba(0,0,0,0.2);
    color:#fff;
    border-radius:50%;
    width: 50px;
    height:50px;
    text-align:center;
    font-size:1.7em;
    display: block;
    padding-top:10px;
    cursor: pointer;
}
.back-to-top:hover {
    background: rgba(0,0,0,1);
    color:#fff;
    cursor: pointer;
}
.back-to-top i {
    cursor: pointer;
}
.linenumber__large {
    background:#fff;
    color:#df003a;
    font-size:3em;
    width:70px;
    height:70px;
    text-align: center;
    padding-top:23px;
    display:inline-block;
    box-sizing: border-box;
    border-radius:0px;
    font-weight: bold;
    margin:5px 0 0 0;
}

.sondermeldung__linien {
    border-bottom:5px solid #df003a;
    padding-bottom:30px;
    margin:0 -20px;
    padding-left:20px;
}
.sondermeldung__linien .decoicons {
    margin-right:10px;
}
.sondermeldung__linien .decoicons img {
    height:auto;
    width:50px;
    float:right;
    padding:0 10px 0px 0;
}
.outline__button {
    font-size:0.9em;
    color:#df003a;
    text-decoration:none;
    border:1px solid #df003a;
    border-radius:0px;
    padding:0.2em 0.5em;
}
.outline__button:hover {
    font-size:0.9em;
    color:#fff;
    text-decoration:none;
    border:1px solid #df003a;
    border-radius:0px;
    padding:0.2em 0.5em;
    background:#df003a;
}

 .footer__bottom img {
    float:none;
    display:inline-block;
    width:auto; 
    height:50px;
     margin-top:10px;
    padding-bottom: 20px;
    }

@media (min-width: 700px) {
    .footer_bottomline {
    	padding: 5px 0 0 5px;
    }
     .footer__bottom img {
        float: left;
    }
}
.add__space {
    height:30px;
}



/* fahne ueberdeckung vermeiden */

@media (max-width: 400px) {
    .horizontal-tabs__content {
        padding-right: 15px;
        margin-right:-25px;
    }
    
    .main__left form, .haltestellencontainer {
        margin-right: -25px;
    }
    .select__wrapper:after {
        right:15px;
    }
    .main__left, .main__right .sidebar__item, .date__list {
      padding-right: 25px;
    }
    .button.float--right {
        float:left;
    }
    .button--medium {
        font-size:14px;
        padding: 2px 5px 2px 0px;
    }
     .auskunft {
        padding-right: 0px;
    }


}

.no-display, .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}