/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
#flying-focus {
  position: absolute;
  margin: 0;
  background: transparent;
  -webkit-transition-property: left, top, width, height;
  transition-property: left, top, width, height;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1);
  transition-timing-function: cubic-bezier(0, 1, 0, 1);
  visibility: hidden;
  pointer-events: none;
  -webkit-box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;
          box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;
  border-radius: 2px; }

#flying-focus.flying-focus_visible {
  visibility: visible;
  z-index: 9999; }

.flying-focus_target {
  outline: none !important;
  /* Doesn't work in Firefox :( */ }

/* http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links/199319 */
.flying-focus_target::-moz-focus-inner {
  border: 0 !important; }

/* Replace it with @supports rule when browsers catch up */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #flying-focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -3px; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.flying-focus {
  position: absolute;
  margin: 0;
  background: transparent;
  -webkit-transition-property: left, top, width, height;
  transition-property: left, top, width, height;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1);
          transition-timing-function: cubic-bezier(0, 1, 0, 1);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  visibility: hidden;
  pointer-events: none;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .flying-focus:after {
    position: absolute;
    top: -.33333em;
    right: -.33333em;
    bottom: -.33333em;
    left: -.33333em;
    content: '';
    -webkit-box-shadow: 0 0 0.6em 1px rgba(0, 0, 0, 0.5), 0 0 0.2em 1px rgba(0, 0, 0, 0.7) inset, 0 0 1px 0.2em #fff inset, 0 0 1px 1px #fff;
            box-shadow: 0 0 0.6em 1px rgba(0, 0, 0, 0.5), 0 0 0.2em 1px rgba(0, 0, 0, 0.7) inset, 0 0 1px 0.2em #fff inset, 0 0 1px 1px #fff;
    border-radius: .13333em; }
    @media screen and (-ms-high-contrast: active) {
      .flying-focus:after {
        border: 2px solid; } }
  .flying-focus.flying-focus_visible {
    visibility: visible;
    z-index: 2147483647; }
  .flying-focus_target {
    outline: none !important; }
  .flying-focus_target::-moz-focus-inner {
    border: 0 !important; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
html {
  background: #FFFFFF;
  color: #000000;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 93.75%;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  html b,
  html strong,
  html optgroup[label="*"] {
    font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal; }

body {
  padding-top: 3.26667rem;
  overflow-x: hidden;
  /* Hide horizontal overflow caused by flying focus script styles */ }
  @media all and (min-width: 40.1875em) {
    body {
      padding-top: 4.33333rem; } }
  @media all and (min-width: 64.0625em) {
    body {
      padding-top: 8.66667em; }
      body.page_iframe_reduced_nav_footer {
        padding-top: 4.6em; } }
  @media all and (min-width: 160.0625em) {
    body {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    body {
      font-size: 1.5rem; } }
  @media print {
    body {
      min-width: 21cm;
      max-width: 29.7cm;
      margin: 0 auto;
      padding-top: 0; } }

body.page_iframe {
  padding-top: 0.2em; }

body.page_homepage {
  overflow-y: scroll; }

@media all and (min-width: 48.0625em) {
  body.page_infoportal main {
    min-height: calc(100vh - 10.73333em); } }

@media all and (min-width: 64.0625em) {
  body.page_infoportal main {
    min-height: calc(100vh - 15.06667em); } }

body.var_grey_background {
  background-color: #F6F6F6; }

.var_iframe_content {
  padding-top: 0; }

/* This targets the WEMF-BOX Tracking "Image" which would change
   the height of the footer if left untouched
 */
body > img:last-of-type,
body > img:nth-last-of-type(2) {
  position: absolute;
  left: 0;
  bottom: 0; }

svg {
  overflow: visible;
  -webkit-transform: rotate(360deg);
  shape-rendering: geometricPrecision; }

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

.js *:focus {
  outline: none; }

input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=time], input[type=search] {
  -webkit-appearance: none;
  border-radius: 0; }

input[type=checkbox], input[type=radio] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

button,
input,
optgroup,
select,
textarea {
  line-height: inherit; }

button:disabled,
html input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
  cursor: default; }

input[type=range] {
  min-width: 100%; }

button {
  border-radius: 0;
  cursor: pointer; }

select {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

iframe {
  border: 0; }

nav ul,
nav ol {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }

abbr,
abbr[title] {
  text-decoration: none;
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.layout_overflow_hidden {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.layout_center {
  position: relative;
  margin-left: 1.6rem;
  margin-right: 1.6rem; }
  @media all and (min-width: 40.1875em) {
    .layout_center {
      margin-left: 3.2rem;
      margin-right: 3.2rem; } }
  @media all and (min-width: 64.0625em) {
    .layout_center {
      margin-left: 5.5%;
      margin-right: 5.5%; } }
  @media all and (min-width: 80.0625em) {
    .layout_center {
      margin-left: 8.5%;
      margin-right: 8.5%; } }
  @media all and (min-width: 120em) {
    .layout_center {
      max-width: 106.26667rem;
      margin-left: auto;
      margin-right: auto; } }
  @media all and (min-width: 160.0625em) {
    .layout_center {
      max-width: none;
      margin-left: 19%;
      margin-right: 19%; } }
  @media all and (min-width: 240.0625em) {
    .layout_center {
      max-width: 177.06667rem;
      margin-left: auto;
      margin-right: auto; } }

@media all and (min-width: 64.0625em) {
  .layout_centered_content {
    max-width: 66.13333em;
    margin-left: auto;
    margin-right: auto; } }

@media all and (min-width: 64.0625em) {
  .layout_centered_lightbox {
    max-width: 58.66667em;
    margin-left: auto;
    margin-right: auto; } }

.layout_centered_content_max_width {
  position: relative;
  margin: 0 auto;
  max-width: 128em; }

@media all and (min-width: 64.0625em) {
  .layout_columns {
    margin-left: -1.06667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.layout_columns.var_desktop_order_change {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

@media all and (min-width: 64.0625em) {
  .layout_columns_main {
    padding-left: 1.06667em;
    width: calc(100% / 12 * 7); } }

@media all and (min-width: 90.0625em) {
  .layout_columns_main {
    padding-left: 1.06667em;
    margin-left: 8.33333%;
    width: 50%; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_main.var_no_nbc {
    margin-left: 16.66667%;
    width: 66.66667%;
    padding-left: 0; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_main.var_no_nbc_small {
    margin-left: 16.66667%;
    width: 66.66667%;
    padding-left: 0; } }

@media all and (min-width: 90.0625em) {
  .layout_columns_main.var_no_nbc_small {
    margin-left: 25%;
    width: 50%;
    padding: 0 1.06667rem 0 2.13333rem; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_main.var_single_col_indentation {
    width: 83.33333%;
    margin-left: 8.33333%;
    padding-left: 0; } }

.layout_columns_main.var_separator {
  margin-top: 3.26667em;
  padding-bottom: 2.26667em; }
  @media all and (min-width: 40.1875em) {
    .layout_columns_main.var_separator {
      margin-top: 0; } }
  @media all and (min-width: 64.0625em) {
    .layout_columns_main.var_separator {
      margin-top: -2.13333em; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_main.var_no_gap {
    margin-left: 0;
    padding-left: 1.06667em;
    width: 66.66667%; } }

@media all and (min-width: 90.0625em) {
  .layout_columns_main.var_no_gap {
    width: 75%; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_main.var_full_width {
    margin-left: 0;
    padding-left: 1.06667em;
    width: 66.66667%; } }

.layout_columns_main.var_vertical_spacing {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .layout_columns_main.var_vertical_spacing {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .layout_columns_main.var_vertical_spacing {
      margin-bottom: 6.4em; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_sidebar {
    margin-left: 8.33333%;
    width: 33.33333%; } }

@media all and (min-width: 90.0625em) {
  .layout_columns_sidebar {
    width: 25%; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_main.var_full_width + .layout_columns_sidebar {
    padding-left: 8.33333%;
    margin-left: 0; } }

.layout_columns_sidebar.var_vertical_spacing {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .layout_columns_sidebar.var_vertical_spacing {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .layout_columns_sidebar.var_vertical_spacing {
      margin-bottom: 6.4em; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_sidebar.var_moved_up_desktop {
    margin-top: -4.93333em; } }

.layout_columns_nbc {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .layout_columns_nbc {
      margin-left: -1.6em;
      margin-right: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    .layout_columns_nbc {
      margin-left: 8.33333%;
      margin-right: 0;
      width: 33.33333%; } }
  @media all and (min-width: 90.0625em) {
    .layout_columns_nbc {
      width: 25%; } }
  @media all and (min-width: 40.1875em) {
    .layout_columns_nbc {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .layout_columns_nbc {
      margin-bottom: 6.4em; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_nbc.var_no_gap {
    margin-left: 0;
    padding-left: 1.06667em;
    width: 33.33333%; } }

@media all and (min-width: 90.0625em) {
  .layout_columns_nbc.var_no_gap {
    width: 25%; } }

.layout_separator_line {
  margin-bottom: 3.73333em;
  margin-top: 0;
  background: #E5E5E5; }
  @media all and (min-width: 40.1875em) {
    .layout_separator_line {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .layout_separator_line {
      margin-bottom: 6.4em; } }

.layout_full_width.var_dark {
  background-color: #F6F6F6; }

.layout_full_width.var_module_spacing {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .layout_full_width.var_module_spacing {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .layout_full_width.var_module_spacing {
      margin-bottom: 6.4em; } }

:not(.mod_key_visual) + .layout_full_width.var_diagonal {
  *zoom: 1;
  position: relative; }
  :not(.mod_key_visual) + .layout_full_width.var_diagonal:before, :not(.mod_key_visual) + .layout_full_width.var_diagonal:after {
    content: '';
    display: table; }
  :not(.mod_key_visual) + .layout_full_width.var_diagonal:after {
    clear: both; }
  :not(.mod_key_visual) + .layout_full_width.var_diagonal:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0;
    -webkit-box-shadow: 0 0.2em 0 0 #FFFFFF;
            box-shadow: 0 0.2em 0 0 #FFFFFF;
    top: -3.2em;
    border-bottom-width: 3.2em;
    border-bottom-color: #FFFFFF; }
    @media all and (min-width: 40.1875em) {
      :not(.mod_key_visual) + .layout_full_width.var_diagonal:before {
        top: -5.33333em;
        border-bottom-width: 5.33333em; } }
    @media all and (min-width: 64.0625em) {
      :not(.mod_key_visual) + .layout_full_width.var_diagonal:before {
        top: -6.4em;
        border-bottom-width: 6.4em; } }
  :not(.mod_key_visual) + .layout_full_width.var_diagonal:nth-child(even):before {
    border-left-width: 100vw; }
  :not(.mod_key_visual) + .layout_full_width.var_diagonal:nth-child(odd):before {
    border-right-width: 100vw; }
  :not(.mod_key_visual) + .layout_full_width.var_diagonal.var_dark:before {
    border-bottom-color: #F6F6F6;
    -webkit-box-shadow: 0 0.2em 0 0 #F6F6F6;
            box-shadow: 0 0.2em 0 0 #F6F6F6; }

.layout_full_width.var_padding {
  padding: 3.73333em 0 4.8em; }
  @media all and (min-width: 40.1875em) {
    .layout_full_width.var_padding {
      padding: 4.8em 0 5.86667em; } }
  @media all and (min-width: 64.0625em) {
    .layout_full_width.var_padding {
      padding: 6.4em 0; } }

@media all and (min-width: 64.0625em) {
  .layout_columns_main.var_no_gap.larger_nbc {
    width: calc(100% - 28.8em); } }

.layout_columns_nbc.var_no_gap.larger_nbc {
  margin-right: 0;
  margin-bottom: 1.6em;
  margin-left: 0; }
  @media all and (max-width: 64.0525em) {
    .layout_columns_nbc.var_no_gap.larger_nbc {
      margin-top: 1.6em; } }
  @media all and (min-width: 64.0625em) {
    .layout_columns_nbc.var_no_gap.larger_nbc {
      width: 28.8em;
      margin-bottom: -66.66667em; } }

.var_scroll_margin_top {
  scroll-margin-top: 8.86667em; }
  @media all and (min-width: 40.1875em) {
    .var_scroll_margin_top {
      scroll-margin-top: 11.53333em; } }
  @media all and (min-width: 64.0625em) {
    .var_scroll_margin_top {
      scroll-margin-top: 13.86667em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto; }

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }
  .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_scrollTools {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
  opacity: 0.9999; }
  .mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    z-index: 1; }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      position: relative;
      background-color: #666666;
      border-radius: 0.4em;
      text-align: center; }
      .mod_tabs.var_invert .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #FFFFFF; }
    .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
      background-color: #666666; }
  .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #E5E5E5;
    border-radius: 0.4em; }
    .mod_tabs.var_invert .mCSB_scrollTools .mCSB_draggerRail {
      background-color: rgba(255, 255, 255, 0.1); }
  .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto; }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 6px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4; }
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
      height: 6px;
      width: 100%;
      margin: 0 auto; }
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
      margin: 0;
      height: 6px; }
  .mCSB_scrollTools.mCSB_scrollTools_vertical {
    width: 16px;
    position: absolute;
    right: 0;
    bottom: 0; }
    .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
      width: 6px;
      height: auto;
      width: 6px;
      margin: 3px 5px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_draggerRail {
      margin: 0;
      width: 6px; }

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 1.6em; }

.mCS_no_scrollbar .mCSB_horizontal.mCSB_inside:after, .mCS_no_scrollbar .mCSB_horizontal.mCSB_inside:before {
  background: none; }

/*.mCSB_vertical {
	&.mCSB_inside {
		& > .mCSB_container {
			overflow: visible;
		}
	}
}*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
@font-face {
  font-family: 'SBBWeb Bold';
  src: url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Bold.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Bold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'SBBWeb Light';
  src: url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'SBBWeb Roman';
  src: url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman.woff") format("woff");
  font-display: fallback; }

@font-face {
  font-family: 'SBBWeb Thin';
  src: url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Thin.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Thin.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'SBBWeb Ultralight';
  src: url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-UltraLight.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-UltraLight.woff") format("woff");
  font-display: swap; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
a {
  color: #000000;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #C60018; }

table th,
table td {
  color: #000000;
  font-size: 1em;
  line-height: 1.5;
  margin: 0.75em 0 0; }

table th {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1,
.text_headline1 {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0; }
  @media all and (min-width: 40.1875em) {
    h1,
    .text_headline1 {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    h1,
    .text_headline1 {
      font-size: 2.66667em; } }

h2,
.text_headline2 {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6em;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.33333em; }
  @media all and (min-width: 40.1875em) {
    h2,
    .text_headline2 {
      margin-bottom: 1.23077em;
      font-size: 1.73333em; } }
  @media all and (min-width: 64.0625em) {
    h2,
    .text_headline2 {
      margin-bottom: 1em;
      font-size: 2.13333em; } }
  @media all and (min-width: 160.0625em) {
    h2,
    .text_headline2 {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

h3,
.text_headline3 {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em; }
  @media all and (min-width: 40.1875em) {
    h3,
    .text_headline3 {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    h3,
    .text_headline3 {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

h4,
.text_headline4 {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0.8em; }
  @media all and (min-width: 160.0625em) {
    h4,
    .text_headline4 {
      font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.text_lead {
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  font-size: 1.33333em;
  line-height: 1.3;
  margin: 2em 0 0; }
  @media all and (min-width: 40.1875em) {
    .text_lead {
      font-size: 1.4em; } }

p,
.text_copy {
  font-size: 1em;
  line-height: 1.7;
  margin: 1em 0 0; }

a {
  text-decoration-skip-ink: auto; }

@media screen and (-ms-high-contrast: active) {
  a:focus,
  a:hover {
    color: windowText; }
    a:focus:before, a:focus:after,
    a:hover:before,
    a:hover:after {
      border-color: windowText; } }

input[type=email],
input[type=password],
input[type=search],
input[type=text],
input[type=number],
input[type=tel],
input[type=time],
input[type=url] {
  margin-top: 0.9375em;
  padding: 0.625em 0.75em;
  background: #FFFFFF;
  border: none;
  border-radius: 0.125em;
  color: #666666;
  line-height: 1.5;
  font-size: 1.06667rem;
  -webkit-appearance: none; }
  input[type=email]::-ms-clear,
  input[type=password]::-ms-clear,
  input[type=search]::-ms-clear,
  input[type=text]::-ms-clear,
  input[type=number]::-ms-clear,
  input[type=tel]::-ms-clear,
  input[type=time]::-ms-clear,
  input[type=url]::-ms-clear {
    display: none; }
  @media all and (min-width: 40.1875em) {
    input[type=email],
    input[type=password],
    input[type=search],
    input[type=text],
    input[type=number],
    input[type=tel],
    input[type=time],
    input[type=url] {
      margin-top: 1em;
      border-radius: 0.13333em;
      font-size: 1em;
      padding: 0.73333em 0.93333em; } }
  input[type=email]:disabled,
  input[type=password]:disabled,
  input[type=search]:disabled,
  input[type=text]:disabled,
  input[type=number]:disabled,
  input[type=tel]:disabled,
  input[type=time]:disabled,
  input[type=url]:disabled {
    opacity: 0.5; }
  input[type=email]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=text]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=time]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder {
    color: #666666; }
  input[type=email]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=text]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=time]::-moz-placeholder,
  input[type=url]::-moz-placeholder {
    color: #666666;
    opacity: 1; }
  input[type=email]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=text]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=time]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder {
    color: #666666; }

input[placeholder] {
  text-overflow: ellipsis; }

input[type=number],
input[type=time] {
  -moz-appearance: textfield; }
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-clear-button,
  input[type=time]::-webkit-inner-spin-button,
  input[type=time]::-webkit-outer-spin-button,
  input[type=time]::-webkit-clear-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    width: 0;
    padding: 0;
    background: transparent; }

input[type=number] {
  color: #666666;
  opacity: 1; }

select {
  max-width: 100%;
  -webkit-appearance: none; }
  select:disabled {
    opacity: 0.5; }
  select::-ms-expand {
    display: none; }

textarea {
  margin-top: 0.9375em;
  padding: 0.625em 0.75em;
  background: #FFFFFF;
  border: none;
  border-radius: 0.125em;
  color: #666666;
  line-height: 1.5;
  font-size: 1.06667rem;
  -webkit-appearance: none; }
  textarea::-ms-clear {
    display: none; }
  @media all and (min-width: 40.1875em) {
    textarea {
      margin-top: 1em;
      border-radius: 0.13333em;
      font-size: 1em;
      padding: 0.73333em 0.93333em; } }
  textarea:disabled {
    opacity: 0.5; }

button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  button,
  button abbr[title] {
    border: 0; }

input[type=button],
input[type=submit] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #FFFFFF;
  background-color: #EB0000; }
  @media all and (min-width: 40.1875em) {
    input[type=button],
    input[type=submit] {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    input[type=button],
    input[type=submit] {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    input[type=button],
    input[type=submit] {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    input[type=button],
    input[type=submit] {
      font-size: 1.5rem; } }
  input[type=button]:not([disabled]):hover, input[type=button]:not([disabled]):focus,
  input[type=submit]:not([disabled]):hover,
  input[type=submit]:not([disabled]):focus {
    cursor: pointer; }
  input[type=button]:disabled,
  input[type=submit]:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    input[type=button],
    input[type=submit] {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    input[type=button],
    input[type=submit] {
      border: 0.06667em solid ButtonText; } }
  input[type=button]:not([disabled]):hover, input[type=button]:not([disabled]):focus,
  input[type=submit]:not([disabled]):hover,
  input[type=submit]:not([disabled]):focus {
    background-color: #C60018;
    color: #FFFFFF; }
    input[type=button]:not([disabled]):hover .mod_svgsprite_icon, input[type=button]:not([disabled]):focus .mod_svgsprite_icon,
    input[type=submit]:not([disabled]):hover .mod_svgsprite_icon,
    input[type=submit]:not([disabled]):focus .mod_svgsprite_icon {
      fill: #FFFFFF; }
  input[type=button].var_iconbutton,
  input[type=submit].var_iconbutton {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 3.2em;
    padding: 0.93333em 2.66667em 1em 2.66667em;
    background-color: #EB0000;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    line-height: 1.333333;
    border: none;
    border-radius: 0.13333em;
    color: #FFFFFF;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #FFFFFF;
    background-color: #EB0000; }
    @media all and (min-width: 40.1875em) {
      input[type=button].var_iconbutton,
      input[type=submit].var_iconbutton {
        font-size: 1rem;
        width: auto;
        min-width: 10.66667em;
        max-width: 26.66667em; } }
    @media all and (min-width: 64.0625em) {
      input[type=button].var_iconbutton,
      input[type=submit].var_iconbutton {
        font-size: 1rem; } }
    @media all and (min-width: 160.0625em) {
      input[type=button].var_iconbutton,
      input[type=submit].var_iconbutton {
        font-size: 1.25rem; } }
    @media all and (min-width: 240.0625em) {
      input[type=button].var_iconbutton,
      input[type=submit].var_iconbutton {
        font-size: 1.5rem; } }
    input[type=button].var_iconbutton:not([disabled]):hover, input[type=button].var_iconbutton:not([disabled]):focus,
    input[type=submit].var_iconbutton:not([disabled]):hover,
    input[type=submit].var_iconbutton:not([disabled]):focus {
      cursor: pointer; }
    input[type=button].var_iconbutton:disabled,
    input[type=submit].var_iconbutton:disabled {
      opacity: 0.5; }
    @media screen and (-ms-high-contrast: active) {
      input[type=button].var_iconbutton,
      input[type=submit].var_iconbutton {
        border: 0.06667em solid windowText; } }
    @media (forced-colors: active) {
      input[type=button].var_iconbutton,
      input[type=submit].var_iconbutton {
        border: 0.06667em solid ButtonText; } }
    input[type=button].var_iconbutton:not([disabled]):hover, input[type=button].var_iconbutton:not([disabled]):focus,
    input[type=submit].var_iconbutton:not([disabled]):hover,
    input[type=submit].var_iconbutton:not([disabled]):focus {
      background-color: #C60018;
      color: #FFFFFF; }
      input[type=button].var_iconbutton:not([disabled]):hover .mod_svgsprite_icon, input[type=button].var_iconbutton:not([disabled]):focus .mod_svgsprite_icon,
      input[type=submit].var_iconbutton:not([disabled]):hover .mod_svgsprite_icon,
      input[type=submit].var_iconbutton:not([disabled]):focus .mod_svgsprite_icon {
        fill: #FFFFFF; }
    input[type=button].var_iconbutton .mod_svgsprite_icon,
    input[type=submit].var_iconbutton .mod_svgsprite_icon {
      fill: #FFFFFF;
      margin-top: -0.33333rem;
      margin-right: 0.33333rem; }
    @media all and (max-width: 64.0525em) {
      input[type=button].var_iconbutton,
      input[type=submit].var_iconbutton {
        min-width: 0; }
        input[type=button].var_iconbutton .text__button_text,
        input[type=submit].var_iconbutton .text__button_text {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          -webkit-clip-path: inset(0 0 0 0);
                  clip-path: inset(0 0 0 0);
          margin: -1px;
          padding: 0;
          border: 0; } }

input[type=reset] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #444444;
  background-color: #DCDCDC; }
  @media all and (min-width: 40.1875em) {
    input[type=reset] {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    input[type=reset] {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    input[type=reset] {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    input[type=reset] {
      font-size: 1.5rem; } }
  input[type=reset]:not([disabled]):hover, input[type=reset]:not([disabled]):focus {
    cursor: pointer; }
  input[type=reset]:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    input[type=reset] {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    input[type=reset] {
      border: 0.06667em solid ButtonText; } }
  input[type=reset]:not([disabled]):hover, input[type=reset]:not([disabled]):focus {
    background-color: #CDCDCD;
    color: #444444; }

button.text__primarybutton,
.text__primarybutton {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #FFFFFF;
  background-color: #EB0000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #FFFFFF;
  background-color: #EB0000;
  position: relative;
  padding-left: 2.66667em;
  padding-right: 4.66667em;
  -webkit-transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  font-size: 1rem; }
  @media all and (min-width: 40.1875em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1.5rem; } }
  button.text__primarybutton:not([disabled]):hover, button.text__primarybutton:not([disabled]):focus,
  .text__primarybutton:not([disabled]):hover,
  .text__primarybutton:not([disabled]):focus {
    cursor: pointer; }
  button.text__primarybutton:disabled,
  .text__primarybutton:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    button.text__primarybutton,
    .text__primarybutton {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    button.text__primarybutton,
    .text__primarybutton {
      border: 0.06667em solid ButtonText; } }
  button.text__primarybutton:not([disabled]):hover, button.text__primarybutton:not([disabled]):focus,
  .text__primarybutton:not([disabled]):hover,
  .text__primarybutton:not([disabled]):focus {
    background-color: #C60018;
    color: #FFFFFF; }
    button.text__primarybutton:not([disabled]):hover .mod_svgsprite_icon, button.text__primarybutton:not([disabled]):focus .mod_svgsprite_icon,
    .text__primarybutton:not([disabled]):hover .mod_svgsprite_icon,
    .text__primarybutton:not([disabled]):focus .mod_svgsprite_icon {
      fill: #FFFFFF; }
  @media all and (min-width: 40.1875em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1.5rem; } }
  button.text__primarybutton:not([disabled]):hover, button.text__primarybutton:not([disabled]):focus,
  .text__primarybutton:not([disabled]):hover,
  .text__primarybutton:not([disabled]):focus {
    cursor: pointer; }
  button.text__primarybutton:disabled,
  .text__primarybutton:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    button.text__primarybutton,
    .text__primarybutton {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    button.text__primarybutton,
    .text__primarybutton {
      border: 0.06667em solid ButtonText; } }
  button.text__primarybutton:not([disabled]):hover, button.text__primarybutton:not([disabled]):focus,
  .text__primarybutton:not([disabled]):hover,
  .text__primarybutton:not([disabled]):focus {
    background-color: #C60018;
    color: #FFFFFF; }
    button.text__primarybutton:not([disabled]):hover .mod_svgsprite_icon, button.text__primarybutton:not([disabled]):focus .mod_svgsprite_icon,
    .text__primarybutton:not([disabled]):hover .mod_svgsprite_icon,
    .text__primarybutton:not([disabled]):focus .mod_svgsprite_icon {
      fill: #FFFFFF; }
  @media all and (min-width: 40.1875em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1rem; } }
  @media all and (min-width: 64.0625em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    button.text__primarybutton,
    .text__primarybutton {
      font-size: 1.5rem; } }
  button.text__primarybutton .mod_svgsprite_icon,
  .text__primarybutton .mod_svgsprite_icon {
    position: absolute;
    width: 1.6em;
    height: 1.6em;
    top: 50%;
    margin-top: -0.83333em;
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    fill: #FFFFFF;
    pointer-events: none; }
  button.text__primarybutton .mod_svgsprite_icon:first-of-type,
  .text__primarybutton .mod_svgsprite_icon:first-of-type {
    margin-left: -2em;
    opacity: 0;
    -webkit-transform: translateX(-1.73333em);
            transform: translateX(-1.73333em); }
  button.text__primarybutton .mod_svgsprite_icon:last-of-type,
  .text__primarybutton .mod_svgsprite_icon:last-of-type {
    margin-left: 0.4em;
    opacity: 0.9999;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .no-touchevents button.text__primarybutton:not(:disabled):hover, .no-touchevents
  .text__primarybutton:not(:disabled):hover {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents button.text__primarybutton:not(:disabled):hover .mod_svgsprite_icon, .no-touchevents
    .text__primarybutton:not(:disabled):hover .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents button.text__primarybutton:not(:disabled):hover .mod_svgsprite_icon:first-of-type, .no-touchevents
    .text__primarybutton:not(:disabled):hover .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents button.text__primarybutton:not(:disabled):hover .mod_svgsprite_icon:last-of-type, .no-touchevents
    .text__primarybutton:not(:disabled):hover .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents button.text__primarybutton:not(:disabled):hover.var_center, .no-touchevents
    .text__primarybutton:not(:disabled):hover.var_center {
      padding-right: 0; }
  .no-touchevents button.text__primarybutton:not(:disabled):focus, .no-touchevents
  .text__primarybutton:not(:disabled):focus {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents button.text__primarybutton:not(:disabled):focus .mod_svgsprite_icon, .no-touchevents
    .text__primarybutton:not(:disabled):focus .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents button.text__primarybutton:not(:disabled):focus .mod_svgsprite_icon:first-of-type, .no-touchevents
    .text__primarybutton:not(:disabled):focus .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents button.text__primarybutton:not(:disabled):focus .mod_svgsprite_icon:last-of-type, .no-touchevents
    .text__primarybutton:not(:disabled):focus .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents button.text__primarybutton:not(:disabled):focus.var_center, .no-touchevents
    .text__primarybutton:not(:disabled):focus.var_center {
      padding-right: 0; }
  button.text__primarybutton.var_center,
  .text__primarybutton.var_center {
    text-align: center;
    padding-right: 0; }
  @media all and (min-width: 40.1875em) {
    button.text__primarybutton.var_form_inline,
    .text__primarybutton.var_form_inline {
      margin-top: 1.33333em;
      margin-right: 0.53333em; } }

button.text__primarybutton_arrowless,
.text__primarybutton_arrowless {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #FFFFFF;
  background-color: #EB0000;
  -webkit-transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  @media all and (min-width: 40.1875em) {
    button.text__primarybutton_arrowless,
    .text__primarybutton_arrowless {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    button.text__primarybutton_arrowless,
    .text__primarybutton_arrowless {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    button.text__primarybutton_arrowless,
    .text__primarybutton_arrowless {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    button.text__primarybutton_arrowless,
    .text__primarybutton_arrowless {
      font-size: 1.5rem; } }
  button.text__primarybutton_arrowless:not([disabled]):hover, button.text__primarybutton_arrowless:not([disabled]):focus,
  .text__primarybutton_arrowless:not([disabled]):hover,
  .text__primarybutton_arrowless:not([disabled]):focus {
    cursor: pointer; }
  button.text__primarybutton_arrowless:disabled,
  .text__primarybutton_arrowless:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    button.text__primarybutton_arrowless,
    .text__primarybutton_arrowless {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    button.text__primarybutton_arrowless,
    .text__primarybutton_arrowless {
      border: 0.06667em solid ButtonText; } }
  button.text__primarybutton_arrowless:not([disabled]):hover, button.text__primarybutton_arrowless:not([disabled]):focus,
  .text__primarybutton_arrowless:not([disabled]):hover,
  .text__primarybutton_arrowless:not([disabled]):focus {
    background-color: #C60018;
    color: #FFFFFF; }
    button.text__primarybutton_arrowless:not([disabled]):hover .mod_svgsprite_icon, button.text__primarybutton_arrowless:not([disabled]):focus .mod_svgsprite_icon,
    .text__primarybutton_arrowless:not([disabled]):hover .mod_svgsprite_icon,
    .text__primarybutton_arrowless:not([disabled]):focus .mod_svgsprite_icon {
      fill: #FFFFFF; }
  button.text__primarybutton_arrowless:focus, button.text__primarybutton_arrowless:hover,
  .text__primarybutton_arrowless:focus,
  .text__primarybutton_arrowless:hover {
    padding-left: 2.66667em; }

.text__secondarybutton {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #444444;
  background-color: #DCDCDC;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #444444;
  background-color: #DCDCDC;
  position: relative;
  padding-left: 2.66667em;
  padding-right: 4.66667em;
  -webkit-transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  font-size: 1rem; }
  @media all and (min-width: 40.1875em) {
    .text__secondarybutton {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .text__secondarybutton {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__secondarybutton {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__secondarybutton {
      font-size: 1.5rem; } }
  .text__secondarybutton:not([disabled]):hover, .text__secondarybutton:not([disabled]):focus {
    cursor: pointer; }
  .text__secondarybutton:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .text__secondarybutton {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .text__secondarybutton {
      border: 0.06667em solid ButtonText; } }
  .text__secondarybutton:not([disabled]):hover, .text__secondarybutton:not([disabled]):focus {
    background-color: #CDCDCD;
    color: #444444; }
  @media all and (min-width: 40.1875em) {
    .text__secondarybutton {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .text__secondarybutton {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__secondarybutton {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__secondarybutton {
      font-size: 1.5rem; } }
  .text__secondarybutton:not([disabled]):hover, .text__secondarybutton:not([disabled]):focus {
    cursor: pointer; }
  .text__secondarybutton:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .text__secondarybutton {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .text__secondarybutton {
      border: 0.06667em solid ButtonText; } }
  .text__secondarybutton:not([disabled]):hover, .text__secondarybutton:not([disabled]):focus {
    background-color: #CDCDCD;
    color: #444444; }
  @media all and (min-width: 40.1875em) {
    .text__secondarybutton {
      font-size: 1rem; } }
  @media all and (min-width: 64.0625em) {
    .text__secondarybutton {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__secondarybutton {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__secondarybutton {
      font-size: 1.5rem; } }
  .text__secondarybutton .mod_svgsprite_icon {
    position: absolute;
    width: 1.6em;
    height: 1.6em;
    top: 50%;
    margin-top: -0.83333em;
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    fill: #FFFFFF;
    pointer-events: none; }
  .text__secondarybutton .mod_svgsprite_icon:first-of-type {
    margin-left: -2em;
    opacity: 0;
    -webkit-transform: translateX(-1.73333em);
            transform: translateX(-1.73333em); }
  .text__secondarybutton .mod_svgsprite_icon:last-of-type {
    margin-left: 0.4em;
    opacity: 0.9999;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .no-touchevents .text__secondarybutton:not(:disabled):hover {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__secondarybutton:not(:disabled):hover .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__secondarybutton:not(:disabled):hover .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .text__secondarybutton:not(:disabled):hover .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .text__secondarybutton:not(:disabled):hover.var_center {
      padding-right: 0; }
  .no-touchevents .text__secondarybutton:not(:disabled):focus {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__secondarybutton:not(:disabled):focus .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__secondarybutton:not(:disabled):focus .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .text__secondarybutton:not(:disabled):focus .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .text__secondarybutton:not(:disabled):focus.var_center {
      padding-right: 0; }
  .text__secondarybutton.var_center {
    text-align: center;
    padding-right: 0; }
  .text__secondarybutton .mod_svgsprite_icon {
    fill: #444444; }
  .text__secondarybutton:hover .mod_svgsprite_icon, .text__secondarybutton:focus .mod_svgsprite_icon {
    fill: #444444; }

.text__secondarybutton_arrowless {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #444444;
  background-color: #DCDCDC; }
  @media all and (min-width: 40.1875em) {
    .text__secondarybutton_arrowless {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .text__secondarybutton_arrowless {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__secondarybutton_arrowless {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__secondarybutton_arrowless {
      font-size: 1.5rem; } }
  .text__secondarybutton_arrowless:not([disabled]):hover, .text__secondarybutton_arrowless:not([disabled]):focus {
    cursor: pointer; }
  .text__secondarybutton_arrowless:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .text__secondarybutton_arrowless {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .text__secondarybutton_arrowless {
      border: 0.06667em solid ButtonText; } }
  .text__secondarybutton_arrowless:not([disabled]):hover, .text__secondarybutton_arrowless:not([disabled]):focus {
    background-color: #CDCDCD;
    color: #444444; }

a.text__secondarybutton_arrowless {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.text__ghostbutton {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #FFFFFF;
  background-color: #EB0000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 0.07em #A8A8A8 inset;
          box-shadow: 0 0 0 0.07em #A8A8A8 inset;
  color: #666666;
  -webkit-transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  @media all and (min-width: 40.1875em) {
    .text__ghostbutton {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .text__ghostbutton {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__ghostbutton {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__ghostbutton {
      font-size: 1.5rem; } }
  .text__ghostbutton:not([disabled]):hover, .text__ghostbutton:not([disabled]):focus {
    cursor: pointer; }
  .text__ghostbutton:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .text__ghostbutton {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .text__ghostbutton {
      border: 0.06667em solid ButtonText; } }
  .text__ghostbutton:not([disabled]):hover, .text__ghostbutton:not([disabled]):focus {
    background-color: #C60018;
    color: #FFFFFF; }
    .text__ghostbutton:not([disabled]):hover .mod_svgsprite_icon, .text__ghostbutton:not([disabled]):focus .mod_svgsprite_icon {
      fill: #FFFFFF; }
  @media all and (min-width: 40.1875em) {
    .text__ghostbutton {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .text__ghostbutton {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__ghostbutton {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__ghostbutton {
      font-size: 1.5rem; } }
  .text__ghostbutton:not([disabled]):hover, .text__ghostbutton:not([disabled]):focus {
    cursor: pointer; }
  .text__ghostbutton:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .text__ghostbutton {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .text__ghostbutton {
      border: 0.06667em solid ButtonText; } }
  @media screen and (-ms-high-contrast: active) {
    .text__ghostbutton {
      border: 0.06667em solid currentColor; } }
  .text__ghostbutton:not([disabled]):hover, .text__ghostbutton:not([disabled]):focus {
    -webkit-box-shadow: 0 0 0 0.07em currentColor inset;
            box-shadow: 0 0 0 0.07em currentColor inset;
    color: #444444;
    background-color: transparent;
    border-color: currentColor; }
    .text__ghostbutton:not([disabled]):hover .mod_svgsprite_icon, .text__ghostbutton:not([disabled]):focus .mod_svgsprite_icon {
      fill: currentColor; }

.text__ghostbutton_negative {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #FFFFFF;
  background-color: #EB0000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 0 0.07em #FFFFFF inset;
          box-shadow: 0 0 0 0.07em #FFFFFF inset;
  color: #FFFFFF;
  -webkit-transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  @media all and (min-width: 40.1875em) {
    .text__ghostbutton_negative {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .text__ghostbutton_negative {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__ghostbutton_negative {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__ghostbutton_negative {
      font-size: 1.5rem; } }
  .text__ghostbutton_negative:not([disabled]):hover, .text__ghostbutton_negative:not([disabled]):focus {
    cursor: pointer; }
  .text__ghostbutton_negative:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .text__ghostbutton_negative {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .text__ghostbutton_negative {
      border: 0.06667em solid ButtonText; } }
  .text__ghostbutton_negative:not([disabled]):hover, .text__ghostbutton_negative:not([disabled]):focus {
    background-color: #C60018;
    color: #FFFFFF; }
    .text__ghostbutton_negative:not([disabled]):hover .mod_svgsprite_icon, .text__ghostbutton_negative:not([disabled]):focus .mod_svgsprite_icon {
      fill: #FFFFFF; }
  @media all and (min-width: 40.1875em) {
    .text__ghostbutton_negative {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .text__ghostbutton_negative {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__ghostbutton_negative {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__ghostbutton_negative {
      font-size: 1.5rem; } }
  .text__ghostbutton_negative:not([disabled]):hover, .text__ghostbutton_negative:not([disabled]):focus {
    cursor: pointer; }
  .text__ghostbutton_negative:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .text__ghostbutton_negative {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .text__ghostbutton_negative {
      border: 0.06667em solid ButtonText; } }
  .text__ghostbutton_negative:not([disabled]):hover, .text__ghostbutton_negative:not([disabled]):focus {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    -webkit-transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.text__ghostbutton.var_nbc {
  margin-top: 1.6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.text__iconbutton_simple {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  padding: 0.83333em 0 1.03333em 0;
  text-align: center;
  color: #666666;
  background-color: transparent;
  -webkit-transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: auto !important;
  margin: 0 auto 1.06667em auto !important; }
  @media all and (min-width: 40.1875em) {
    .text__iconbutton_simple {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .text__iconbutton_simple {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__iconbutton_simple {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__iconbutton_simple {
      font-size: 1.5rem; } }
  .text__iconbutton_simple:not([disabled]):hover, .text__iconbutton_simple:not([disabled]):focus {
    cursor: pointer; }
  .text__iconbutton_simple:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .text__iconbutton_simple {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .text__iconbutton_simple {
      border: 0.06667em solid ButtonText; } }
  @media all and (min-width: 40.1875em) {
    .text__iconbutton_simple {
      text-align: left;
      margin: 0 !important; } }
  .text__iconbutton_simple .mod_svgsprite_icon {
    float: right;
    margin-left: 0.53333em;
    fill: #767676;
    -webkit-transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .text__iconbutton_simple:hover {
    color: #C60018; }
    .text__iconbutton_simple:hover .mod_svgsprite_icon {
      fill: #C60018; }
    .no-touchevents .text__iconbutton_simple:hover.var_rotate_animation .mod_svgsprite_icon {
      -webkit-transform: rotateZ(180deg);
              transform: rotateZ(180deg); }

.text__actionlink {
  position: relative;
  padding-left: 2.66667em;
  padding-right: 4.66667em;
  -webkit-transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  font-size: 1rem;
  position: relative;
  display: block;
  margin: 1em 0 2em;
  padding-left: 0;
  font-weight: normal;
  font-size: 1rem;
  background-color: transparent;
  color: #000000;
  line-height: 1.5;
  text-decoration: none;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }
  @media all and (min-width: 40.1875em) {
    .text__actionlink {
      font-size: 1rem; } }
  @media all and (min-width: 64.0625em) {
    .text__actionlink {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .text__actionlink {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .text__actionlink {
      font-size: 1.5rem; } }
  .text__actionlink .mod_svgsprite_icon {
    position: absolute;
    width: 1.6em;
    height: 1.6em;
    top: 50%;
    margin-top: -0.83333em;
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    fill: #FFFFFF;
    pointer-events: none; }
  .text__actionlink .mod_svgsprite_icon:first-of-type {
    margin-left: -2em;
    opacity: 0;
    -webkit-transform: translateX(-1.73333em);
            transform: translateX(-1.73333em); }
  .text__actionlink .mod_svgsprite_icon:last-of-type {
    margin-left: 0.4em;
    opacity: 0.9999;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .no-touchevents .text__actionlink:not(:disabled):hover {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__actionlink:not(:disabled):hover .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__actionlink:not(:disabled):hover .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .text__actionlink:not(:disabled):hover .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .text__actionlink:not(:disabled):hover.var_center {
      padding-right: 0; }
  .no-touchevents .text__actionlink:not(:disabled):focus {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__actionlink:not(:disabled):focus .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__actionlink:not(:disabled):focus .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .text__actionlink:not(:disabled):focus .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .text__actionlink:not(:disabled):focus.var_center {
      padding-right: 0; }
  .text__actionlink.var_center {
    text-align: center;
    padding-right: 0; }
  .text__actionlink .mod_svgsprite_icon {
    top: -0.06667em;
    margin-top: 0; }
  .text__actionlink .mod_svgsprite_icon:last-of-type {
    top: auto;
    bottom: -0.06667em; }
  .text__actionlink .mod_svgsprite_icon {
    fill: #EB0000; }
  .no-touchevents .text__actionlink:not(:disabled):hover {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding-left: 2em; }
    .no-touchevents .text__actionlink:not(:disabled):hover .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__actionlink:not(:disabled):hover .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .text__actionlink:not(:disabled):hover .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .text__actionlink:not(:disabled):hover.var_center {
      padding-right: 0; }
  .no-touchevents .text__actionlink:not(:disabled):focus {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding-left: 2em; }
    .no-touchevents .text__actionlink:not(:disabled):focus .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .text__actionlink:not(:disabled):focus .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .text__actionlink:not(:disabled):focus .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .text__actionlink:not(:disabled):focus.var_center {
      padding-right: 0; }
  .text__actionlink.var_form {
    color: #666666; }
    .text__actionlink.var_form .mod_svgsprite_icon {
      fill: #666666; }
    .text__actionlink.var_form:hover, .text__actionlink.var_form:focus {
      color: #C60018; }
      .text__actionlink.var_form:hover .mod_svgsprite_icon, .text__actionlink.var_form:focus .mod_svgsprite_icon {
        fill: #C60018; }

.text__additional_info {
  font-weight: normal;
  color: #666666;
  font-size: 0.86667em;
  margin: 1em 0 0; }
  .text__additional_info a {
    color: currentColor; }

hr {
  height: 1px;
  background: #E5E5E5;
  border: none; }

.page_centered .mod_module_title {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.10714em;
  margin-left: auto;
  width: 100%;
  display: inline-block;
  text-align: center; }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_module_title {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_module_title {
      font-size: 2.66667em; } }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_module_title {
      margin-top: -0.26667em;
      margin-bottom: 1.4em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_module_title {
      margin-top: -0.275em;
      margin-bottom: 1.2em; } }
  div[class="layout_columns_main"] .page_centered .mod_module_title,
  .mod_accordion .page_centered .mod_module_title {
    max-width: none; }

div[class*="layout_columns_main"] .mod_module_title {
  text-align: left; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/**
 * Sync breakpoints with JavaScript
 *
 * font-family property of title element contains the current breakpoint
 * font-family property of head element contains all breakpoints
 */
@media all {
  body::before {
    content: '\\{\\"name\\"\\:\\"tiny\\"\\,\\"value\\"\\:\\"0px\\"\\}'; } }

@media all and (min-width: 20.0625em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"mobilePortrait\\"\\,\\"value\\"\\:\\"321px\\"\\}'; } }

@media all and (min-width: 26.3125em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"mobileLandscape\\"\\,\\"value\\"\\:\\"421px\\"\\}'; } }

@media all and (min-width: 40.1875em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"tabletPortrait\\"\\,\\"value\\"\\:\\"643px\\"\\}'; } }

@media all and (min-width: 48.0625em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"tabletLandscape\\"\\,\\"value\\"\\:\\"769px\\"\\}'; } }

@media all and (min-width: 64.0625em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"desktop\\"\\,\\"value\\"\\:\\"1025px\\"\\}'; } }

@media all and (min-width: 80.0625em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"desktopLarge\\"\\,\\"value\\"\\:\\"1281px\\"\\}'; } }

@media all and (min-width: 90.0625em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"desktopLargePlus\\"\\,\\"value\\"\\:\\"1441px\\"\\}'; } }

@media all and (min-width: 120em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"desktopMaxWidth\\"\\,\\"value\\"\\:\\"1920px\\"\\}'; } }

@media all and (min-width: 160.0625em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"desktop4k\\"\\,\\"value\\"\\:\\"2561px\\"\\}'; } }

@media all and (min-width: 240.0625em) {
  body::before {
    content: '\\{\\"name\\"\\:\\"desktop5k\\"\\,\\"value\\"\\:\\"3841px\\"\\}'; } }

body::before,
body::after {
  display: none; }

body::after {
  content: '\\{\\"mobilePortrait\\"\\:\\"321px\\"\\,\\"mobileLandscape\\"\\:\\"421px\\"\\,\\"tabletPortrait\\"\\:\\"643px\\"\\,\\"tabletLandscape\\"\\:\\"769px\\"\\,\\"desktop\\"\\:\\"1025px\\"\\,\\"desktopLarge\\"\\:\\"1281px\\"\\,\\"desktopLargePlus\\"\\:\\"1441px\\"\\,\\"desktopMaxWidth\\"\\:\\"1920px\\"\\,\\"desktop4k\\"\\:\\"2561px\\"\\,\\"desktop5k\\"\\:\\"3841px\\"\\}'; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: '';
    display: table; }
  .clearfix:after {
    clear: both; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_svgsprite {
  *zoom: 1; }
  .mod_svgsprite:before, .mod_svgsprite:after {
    content: '';
    display: table; }
  .mod_svgsprite:after {
    clear: both; }

.mod_svgsprite_title {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  margin: 2em 0 0.66667em 1.33333em; }
  @media all and (min-width: 40.1875em) {
    .mod_svgsprite_title {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_svgsprite_title {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.mod_svgsprite_icon {
  float: left;
  width: 1.6em;
  height: 1.6em;
  fill: #000000;
  opacity: 0;
  -webkit-transition: opacity .15s ease-in, -webkit-transform .15s ease-in;
  transition: opacity .15s ease-in, -webkit-transform .15s ease-in;
  transition: opacity .15s ease-in, transform .15s ease-in;
  transition: opacity .15s ease-in, transform .15s ease-in, -webkit-transform .15s ease-in;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .svgSpritesLoaded .mod_svgsprite_icon {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }

.mod_svgsprite_id {
  float: left;
  display: block;
  height: 1.6em;
  line-height: 1;
  padding-left: 1.33333em; }

.mod_svgsprite_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  margin-left: 1.33333em; }

.mod_svgsprite_list_item {
  float: left;
  width: 100%;
  padding: 0.66667em 0;
  border-bottom: 1px solid #ccc; }
  .mod_svgsprite_list_item:only-child {
    border-bottom: none; }

.mod_svgsprite_icon[class*="SBB_service"] {
  height: 0.86667em;
  fill: #767676; }

.mod_svgsprite_icon[class*="SBB_service_map"] {
  stroke: #767676; }

.mod_svgsprite_icon[class*="SBB_oev"] {
  width: 1.33333em;
  height: 1.33333em;
  border-radius: 0.13333em; }
  @media screen {
    .mod_svgsprite_icon[class*="SBB_oev"] {
      fill: #FFFFFF;
      background: #27348b; } }

.mod_svgsprite_icon[class*="_product"] {
  width: 3.93333em;
  height: 1.33333em;
  border-radius: 0.13333em; }
  @media screen {
    .mod_svgsprite_icon[class*="_product"] {
      fill: #FFFFFF;
      background: #EB0000; } }

@media screen {
  .mod_svgsprite_icon[class*="_product_re"] {
    background: #FFFFFF;
    fill: #EB0000; } }

@media screen {
  .mod_svgsprite_icon[class*="_product_sn"] {
    background: #000000;
    fill: #efc800; } }

.mod_svgsprite_icon[class*="_him"],
.mod_svgsprite_icon[class*="_realtime"] {
  width: 1.33333em;
  height: 1.33333em;
  border-radius: 0.13333em; }
  @media screen {
    .mod_svgsprite_icon[class*="_him"],
    .mod_svgsprite_icon[class*="_realtime"] {
      background: #EB0000;
      fill: #FFFFFF; } }
  @media print {
    .mod_svgsprite_icon[class*="_him"],
    .mod_svgsprite_icon[class*="_realtime"] {
      fill: #EB0000; } }

.mod_svgsprite_icon[class*="_utilization"] {
  width: 1.26667em;
  height: 1.06667em; }

.mod_svgsprite_icon[class*="_badge"] {
  width: 18em;
  height: 5.33333em; }

.mod_svgsprite_icon[class*="_large"],
.mod_svgsprite_icon[class*="-large"],
.mod_svgsprite_icon[class*="_48px"],
.mod_svgsprite_icon[class*="_48"],
.mod_svgsprite_icon[class*="_lh"] {
  width: 3.2em;
  height: 3.2em; }

.mod_svgsprite_icon[class*="_lh"] {
  stroke: currentColor; }

.mod_svgsprite_icon[class*="_GC"] {
  fill: currentColor; }

.mod_svgsprite_icon[class*="-pi-"] {
  fill: currentColor; }

a:hover .mod_svgsprite_icon, a:focus .mod_svgsprite_icon {
  fill: #C60018; }

a:hover .mod_svgsprite_icon[class*="SBB_service_map"], a:focus .mod_svgsprite_icon[class*="SBB_service_map"] {
  stroke: #C60018; }

@media screen and (-ms-high-contrast: active) {
  .mod_svgsprite_icon[class*="_service"],
  .mod_svgsprite_icon[class*="_him"],
  .mod_svgsprite_icon[class*="_realtime"] {
    fill: windowText; } }

@media screen and (-ms-high-contrast: active) {
  .mod_svgsprite_icon[class*="SBB_service_map"] {
    stroke: windowText; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_skiplinks_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }

.mod_skiplinks_list_item {
  margin-top: 0; }

.mod_skiplinks_link {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0; }
  .mod_skiplinks_link:focus, .mod_skiplinks_link:active {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    clip: auto; }
  .mod_skiplinks_link:focus {
    position: fixed;
    left: 0.13333rem;
    top: 0.13333rem;
    z-index: 100;
    background: #FFFFFF;
    padding: 0.53333rem 1.06667rem; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_header {
  *zoom: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3.5em;
  background: #FFFFFF;
  -webkit-transition: height 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: height 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  border-bottom: 1px solid #E5E5E5;
  font-size: 0.93333em; }
  .mod_header:before, .mod_header:after {
    content: '';
    display: table; }
  .mod_header:after {
    clear: both; }
  @media all and (min-width: 40.1875em) {
    .mod_header {
      height: 4.64286em; } }
  @media all and (min-width: 64.0625em) {
    .mod_header {
      font-size: 0.93333em;
      height: 9.28571em; } }
  @media print {
    .mod_header {
      position: relative;
      background: transparent;
      height: auto;
      border-bottom: 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_header.is_rolledup, .mod_header.var_reduced {
      height: 4.57143em; } }
  @media all and (min-width: 64.0625em) {
    .mod_header.is_rolledup.navigation_is_open {
      height: 9.28571em; } }
  .mod_header_wrapper {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    position: relative; }
    @media all and (min-width: 64.0625em) {
      .mod_header_wrapper {
        margin-left: 5.5%;
        margin-right: 5.5%; } }
    @media all and (min-width: 80.0625em) {
      .mod_header_wrapper {
        margin-left: 8.5%;
        margin-right: 8.5%; } }
    @media all and (min-width: 120em) {
      .mod_header_wrapper {
        max-width: 106.26667rem;
        margin-left: auto;
        margin-right: auto; } }
    @media all and (min-width: 160.0625em) {
      .mod_header_wrapper {
        max-width: none;
        margin-left: 19%;
        margin-right: 19%; } }
    @media all and (min-width: 240.0625em) {
      .mod_header_wrapper {
        max-width: 177.06667rem;
        margin-left: auto;
        margin-right: auto; } }
    @media all and (max-width: 64.0525em) {
      .mod_header_wrapper {
        margin-left: 3.42857em; } }
  .mod_header_metawrapper {
    *zoom: 1;
    position: relative; }
    .mod_header_metawrapper:before, .mod_header_metawrapper:after {
      content: '';
      display: table; }
    .mod_header_metawrapper:after {
      clear: both; }
  .mod_header_logo {
    float: right;
    position: relative;
    width: 10.42857em;
    height: 2.28571em;
    margin: 0.57143em -0.85714em 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .mod_header_logo_content {
      max-width: 100%;
      height: 100%;
      /* TODO add special class so that we can identify SBB Logo
				path:first-child {
				@media screen and (-ms-high-contrast: active) {
					fill: windowText; // CSS variable names taken from here: http://www.gwhitworth.com/blog/2017/04/how-to-use-ms-high-contrast
				}
			} */ }
    @media all and (min-width: 40.1875em) {
      .mod_header_logo {
        width: 13.35714em;
        height: 2.85714em;
        margin: 0.85714em 0 0 0; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/* Animation */
/* Colors */
/* Font Sizes */
.mod_megadropdown {
  position: absolute;
  top: 0;
  z-index: 0; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown {
      *zoom: 1;
      display: block;
      position: relative;
      font-size: 0.93333rem;
      -webkit-transition: opacity 300ms, visibility 0s ease 0s, -webkit-transform 300ms;
      transition: opacity 300ms, visibility 0s ease 0s, -webkit-transform 300ms;
      transition: transform 300ms, opacity 300ms, visibility 0s ease 0s;
      transition: transform 300ms, opacity 300ms, visibility 0s ease 0s, -webkit-transform 300ms;
      margin-top: 0.4em; }
      .mod_megadropdown:before, .mod_megadropdown:after {
        content: '';
        display: table; }
      .mod_megadropdown:after {
        clear: both; } }
  @media all and (min-width: 160.0625em) {
    .mod_megadropdown {
      font-size: 1.16667rem; } }
  @media all and (min-width: 240.0625em) {
    .mod_megadropdown {
      font-size: 1.4rem; } }
  @media print {
    .mod_megadropdown {
      display: none !important; } }
  @media all and (max-width: 64.0525em) {
    .mod_megadropdown.is_expanded .mod_megadropdown_togglemenu {
      opacity: 0.9999; } }
  @media all and (min-width: 64.0625em) {
    .is_rolledup .mod_megadropdown.is_expanded .mod_megadropdown_togglemenu {
      opacity: 0.9999;
      visibility: visible;
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s;
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s; } }
  .mod_megadropdown.is_expanded .mod_megadropdown_togglemenu:before {
    opacity: 0;
    -webkit-transition: opacity 0s ease 250ms;
    transition: opacity 0s ease 250ms; }
  .mod_megadropdown.is_expanded .mod_megadropdown_togglemenu_close {
    display: inline; }
  .mod_megadropdown.is_expanded .mod_megadropdown_togglemenu_open {
    display: none; }
  .mod_megadropdown.is_expanded .mod_megadropdown_togglemenu_icon:before, .mod_megadropdown.is_expanded .mod_megadropdown_togglemenu_icon:after {
    -webkit-transition: top 250ms ease 0s, -webkit-transform 250ms ease 250ms;
    transition: top 250ms ease 0s, -webkit-transform 250ms ease 250ms;
    transition: top 250ms ease 0s, transform 250ms ease 250ms;
    transition: top 250ms ease 0s, transform 250ms ease 250ms, -webkit-transform 250ms ease 250ms; }
  .mod_megadropdown.is_expanded .mod_megadropdown_togglemenu_icon:before {
    top: 0.64286em;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .mod_megadropdown.is_expanded .mod_megadropdown_togglemenu_icon:after {
    top: 0.64286em;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  @media all and (max-width: 64.0525em) {
    .mod_megadropdown.is_off_screen .mod_megadropdown_navcontainer {
      -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0); } }
  @media all and (max-width: 64.0525em) {
    .mod_megadropdown.is_rolledup .mod_megadropdown_togglemenu {
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms, visibility 0s ease 0s;
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms, visibility 0s ease 0s; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown.is_rolledup .mod_megadropdown_togglemenu {
      opacity: 0.9999;
      visibility: visible;
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms, visibility 0s ease 0s;
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms, visibility 0s ease 0s; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown.is_rolledup .mod_megadropdown_level1_list {
      opacity: 0;
      -webkit-transform: translate3d(0, -3.57143em, 0);
              transform: translate3d(0, -3.57143em, 0);
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown.is_rolledup .mod_megadropdown_toplinks {
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown.is_expanded .mod_megadropdown_level1_list {
      opacity: 0.9999;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, -webkit-transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, -webkit-transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
      transition: transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, -webkit-transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } }
  @media all and (min-width: 64.0625em) {
    .is_rolledup .mod_megadropdown .mod_megadropdown_toplinks {
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; } }

@media all and (max-width: 64.0525em) {
  .mod_megadropdown_navcontainer {
    position: fixed;
    top: 3.5em;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: calc(50% + 0.57143em);
    padding-top: 1.85714em;
    border-right: 0.57143em solid rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 225ms ease 0.05s;
    transition: -webkit-transform 225ms ease 0.05s;
    transition: transform 225ms ease 0.05s;
    transition: transform 225ms ease 0.05s, -webkit-transform 225ms ease 0.05s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    will-change: display, transform;
    contain: none;
    display: none; } }
  @media all and (max-width: 64.0525em) and (max-width: 64.0525em) {
    .is_block > .mod_megadropdown_navcontainer {
      display: block; } }

@media all and (max-width: 64.0525em) {
    .is_expanded > .mod_megadropdown_navcontainer {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 225ms ease;
      transition: -webkit-transform 225ms ease;
      transition: transform 225ms ease;
      transition: transform 225ms ease, -webkit-transform 225ms ease; } }

@media all and (max-width: 64.0525em) and (-ms-high-contrast: active) {
  .mod_megadropdown_navcontainer {
    border-right: 0.06667em solid windowText; } }

@media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
  .mod_megadropdown_navcontainer {
    top: 4.64286em;
    width: calc(25% + 0.57143em);
    padding-top: 1.85714em; }
    .mod_megadropdown_navcontainer .mod_megadropdown_item {
      padding: 0.71429em 1.71429em; } }

@media all and (min-width: 64.0625em) {
  .mod_megadropdown_navcontainer {
    *zoom: 1; }
    .mod_megadropdown_navcontainer:before, .mod_megadropdown_navcontainer:after {
      content: '';
      display: table; }
    .mod_megadropdown_navcontainer:after {
      clear: both; }
    .is_hidden_on_roll_up .mod_megadropdown_navcontainer {
      display: none; } }

.mod_megadropdown_navcontainer-scrollable {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_navcontainer-scrollable {
      display: block;
      height: auto;
      overflow: visible; } }

.mod_megadropdown_toplinks {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_toplinks {
      position: absolute;
      display: block;
      left: 0;
      top: -3em;
      width: 100%;
      opacity: 0.9999;
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; } }
  .var_reduced .mod_megadropdown_toplinks {
    display: none; }

.mod_megadropdown_langnav {
  padding: 1.14286em 0;
  border-top: 1px solid #E5E5E5;
  z-index: 3; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_langnav {
      display: none; } }

.mod_megadropdown_togglemenu {
  position: absolute;
  top: 0;
  left: -3.42857em;
  display: inline-block;
  width: 3.42857em;
  height: 3.42857em;
  color: #444444;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  background: none;
  -webkit-tap-highlight-color: transparent;
  contain: none; }
  @media all and (min-width: 40.1875em) {
    .mod_megadropdown_togglemenu {
      top: 0.57143em;
      left: -2.71429em;
      width: 10.71429em; } }
  @media all and (max-width: 64.0525em) {
    .mod_megadropdown_togglemenu {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s ease 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s ease 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_togglemenu {
      opacity: 0;
      left: -1em;
      -webkit-transform: translate3d(0, -4em, 0);
              transform: translate3d(0, -4em, 0);
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s ease cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s ease cubic-bezier(0.785, 0.135, 0.15, 0.86);
      visibility: hidden; } }
  .mod_megadropdown_togglemenu:before {
    position: absolute;
    top: 50%;
    left: 1em;
    width: 1.42857em;
    height: 0.07143em;
    margin: -0.14286em 0 0 0;
    content: '';
    background: #444444;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: opacity 250ms ease 250ms;
    transition: opacity 250ms ease 250ms;
    will-change: opacity, background; }
  .mod_megadropdown_togglemenu:hover, .mod_megadropdown_togglemenu:focus {
    color: #C60018; }
    .mod_megadropdown_togglemenu:hover:before, .mod_megadropdown_togglemenu:focus:before {
      background: #C60018; }
    .mod_megadropdown_togglemenu:hover .mod_megadropdown_togglemenu_icon:before, .mod_megadropdown_togglemenu:hover .mod_megadropdown_togglemenu_icon:after, .mod_megadropdown_togglemenu:focus .mod_megadropdown_togglemenu_icon:before, .mod_megadropdown_togglemenu:focus .mod_megadropdown_togglemenu_icon:after {
      background: #C60018; }
  @media screen and (-ms-high-contrast: active) {
    .mod_megadropdown_togglemenu:before,
    .mod_megadropdown_togglemenu .mod_megadropdown_togglemenu_icon:before,
    .mod_megadropdown_togglemenu .mod_megadropdown_togglemenu_icon:after {
      background: windowText; } }

.mod_megadropdown_togglemenu_close {
  display: block; }

.mod_megadropdown_togglemenu_icon {
  position: absolute;
  top: 50%;
  left: 1em;
  width: 1.42857em;
  height: 1.35714em;
  margin: -0.71429em 0 0 0;
  display: inline-block;
  vertical-align: middle; }
  .mod_megadropdown_togglemenu_icon:before, .mod_megadropdown_togglemenu_icon:after {
    position: absolute;
    left: 0;
    content: '';
    width: 1.42857em;
    height: 0.07143em;
    background: #444444;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transition: top 250ms ease 250ms, -webkit-transform 250ms ease 0s;
    transition: top 250ms ease 250ms, -webkit-transform 250ms ease 0s;
    transition: transform 250ms ease 0s, top 250ms ease 250ms;
    transition: transform 250ms ease 0s, top 250ms ease 250ms, -webkit-transform 250ms ease 0s; }
  .mod_megadropdown_togglemenu_icon:before {
    top: 0; }
  .mod_megadropdown_togglemenu_icon:after {
    top: 1.14286em; }

.mod_megadropdown_togglemenu_text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0; }
  @media all and (max-width: 40.1775em) {
    .mod_megadropdown_togglemenu_text {
      opacity: 0; } }
  @media all and (min-width: 40.1875em) {
    .mod_megadropdown_togglemenu_text {
      position: static;
      width: auto;
      height: auto;
      overflow: visible;
      margin: 0;
      clip: auto;
      position: absolute;
      left: 3.21429em;
      top: 1.07143em;
      display: inline-block;
      height: 1.28571em;
      line-height: 1.2;
      -webkit-transition: opacity 250ms ease 0s, -webkit-transform 250ms ease 0s;
      transition: opacity 250ms ease 0s, -webkit-transform 250ms ease 0s;
      transition: transform 250ms ease 0s, opacity 250ms ease 0s;
      transition: transform 250ms ease 0s, opacity 250ms ease 0s, -webkit-transform 250ms ease 0s; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_togglemenu_text {
      top: 1em; }
      .is_expanded .mod_megadropdown_togglemenu_text {
        opacity: 0; } }

.mod_megadropdown_level1_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level1_list {
      margin-left: -1.42857em;
      *zoom: 1;
      opacity: 0.9999;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms, -webkit-transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms;
      transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms, -webkit-transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms;
      transition: transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms, opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms;
      transition: transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms, opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms, -webkit-transform 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 225ms; }
      .mod_megadropdown_level1_list:before, .mod_megadropdown_level1_list:after {
        content: '';
        display: table; }
      .mod_megadropdown_level1_list:after {
        clear: both; } }

.mod_megadropdown_level1_listitem {
  display: block;
  margin: 0;
  padding: 0;
  color: #444444; }
  @media all and (max-width: 64.0525em) {
    .mod_megadropdown_level1_listitem:after {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      width: 100%;
      height: 100vh;
      content: '';
      background: #FFFFFF; } }
  @media all and (min-width: 64.0625em) {
    .var_single_submenu .mod_megadropdown_level1_listitem {
      position: relative; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level1_listitem {
      float: left; } }

.mod_megadropdown_level1_listitem_title {
  display: block;
  position: relative;
  z-index: 4;
  padding: 0.625em 1.5em;
  color: #444444;
  text-decoration: none;
  font-size: 1.06667rem;
  -webkit-tap-highlight-color: transparent; }
  @media screen and (-ms-high-contrast: active) {
    .mod_megadropdown_level1_listitem_title.is_active, .mod_megadropdown_level1_listitem_title.is_active_path {
      color: windowText; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level1_listitem_title.is_active, .mod_megadropdown_level1_listitem_title.is_active_path {
      color: #1E1E1E; }
      .mod_megadropdown_level1_listitem_title.is_active:after, .mod_megadropdown_level1_listitem_title.is_active_path:after {
        left: 1.11111em;
        right: 1.11111em; } }
  @media all and (max-width: 64.0525em) {
    .mod_megadropdown_level1_listitem_title.is_active span, .mod_megadropdown_level1_listitem_title.is_active_path span {
      content: '';
      position: relative; }
      .mod_megadropdown_level1_listitem_title.is_active span:after, .mod_megadropdown_level1_listitem_title.is_active_path span:after {
        position: absolute;
        left: 0;
        bottom: -0.625em;
        width: 100%;
        height: 1px;
        margin-bottom: 0.3125em;
        display: block;
        content: '';
        background: currentColor; }
    .mod_megadropdown_level1_listitem_title.is_active span.visuallyhidden, .mod_megadropdown_level1_listitem_title.is_active_path span.visuallyhidden {
      position: absolute; } }
  .mod_megadropdown_level1_listitem_title:focus, .mod_megadropdown_level1_listitem_title:hover {
    color: #444444; }
  @media screen and (-ms-high-contrast: active) {
    .mod_megadropdown_level1_listitem_title:after {
      bottom: 0.66667em;
      background: windowText; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level1_listitem_title {
      position: relative;
      display: inline-block;
      padding: 1.33333em 1.11111em 1.66667em;
      font-size: 1.28572em;
      line-height: 1;
      -webkit-transition: color 250ms ease-out;
      transition: color 250ms ease-out; }
      .mod_megadropdown_level1_listitem_title:hover, .mod_megadropdown_level1_listitem_title:focus {
        -webkit-transition-delay: 300ms;
                transition-delay: 300ms;
        color: #C60018; }
      .mod_megadropdown_level1_listitem_title:after {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 50%;
        right: 50%;
        height: 1px;
        border: 0;
        opacity: 0.9999;
        content: '';
        background: currentColor;
        -webkit-transition: color 250ms ease-out, left 250ms ease-out, right 250ms ease-out;
        transition: color 250ms ease-out, left 250ms ease-out, right 250ms ease-out;
        will-change: left, right; }
      .mod_megadropdown_level1_listitem_title:hover:after, .mod_megadropdown_level1_listitem_title:focus:after {
        -webkit-transition-delay: 300ms;
                transition-delay: 300ms;
        left: 1.11111em;
        right: 1.11111em; } }

@media all and (min-width: 64.0625em) {
  .is_active_l2 .mod_megadropdown_level1_listitem_title {
    -webkit-transition: color 250ms ease-out;
    transition: color 250ms ease-out;
    color: #444444; } }

@media all and (min-width: 64.0625em) {
  .is_active_l2 .mod_megadropdown_level1_listitem_title:after {
    -webkit-transition: color 250ms ease-out, left 250ms ease-out, right 250ms ease-out;
    transition: color 250ms ease-out, left 250ms ease-out, right 250ms ease-out;
    left: 1.11111em;
    right: 1.11111em; } }

@media all and (min-width: 64.0625em) {
  .is_active_l2 .mod_megadropdown_level1_listitem_title:focus,
  .is_active_l2 .mod_megadropdown_level1_listitem_title:focus:after,
  .is_active_l2 .mod_megadropdown_level1_listitem_title:hover,
  .is_active_l2 .mod_megadropdown_level1_listitem_title:hover:after {
    color: #C60018; } }

.mod_megadropdown_level2_close {
  display: none; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_close {
      position: absolute;
      display: block;
      top: 0.42857em;
      right: 1em;
      width: 3.14286em;
      height: 3.14286em;
      background: none;
      cursor: pointer; } }
  .mod_megadropdown_level2_close:before {
    width: 1.71429em;
    height: 1.71429em;
    border: 0.07143em solid #A8A8A8;
    border-radius: 1.71429em;
    top: 0.64286em;
    left: 0.64286em;
    position: absolute;
    content: '';
    background: #f6f6f6; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_close .mod_svgsprite_icon.var_close {
      position: absolute;
      top: 0.92857em;
      left: 0.92857em;
      width: 1.14286em;
      height: 1.14286em;
      fill: #666666; } }
  @media screen and (-ms-high-contrast: active) {
    .mod_megadropdown_level2_close .mod_svgsprite_icon.var_close {
      fill: windowText; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_close:focus .mod_svgsprite_icon.var_close, .mod_megadropdown_level2_close:hover .mod_svgsprite_icon.var_close {
      fill: #C60018; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_close:focus:before, .mod_megadropdown_level2_close:hover:before {
      border-color: #C60018; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_close span {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(0 0 0 0);
              clip-path: inset(0 0 0 0);
      margin: -1px;
      padding: 0;
      border: 0; } }
  .mod_megadropdown_level2_close span.visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0; }

.mod_megadropdown_level2_back {
  display: block;
  width: 100%;
  height: 3.2em;
  padding: 0.92857em 1.71429em;
  border-bottom: 0.07143em solid #E5E5E5;
  font-size: 1em;
  background: #FFFFFF;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
  .mod_megadropdown_level2_back .var_backarrow {
    width: 2.14286em;
    height: 2.14286em;
    display: inline-block;
    margin: -0.28571em 0 -0.5em -0.78571em; }
  .mod_megadropdown_level2_back:not([disabled]), .mod_megadropdown_level2_back:hover:not([disabled]), .mod_megadropdown_level2_back:focus:not([disabled]) {
    background: #FFFFFF;
    color: #444444; }
    .mod_megadropdown_level2_back:not([disabled]) .var_backarrow, .mod_megadropdown_level2_back:hover:not([disabled]) .var_backarrow, .mod_megadropdown_level2_back:focus:not([disabled]) .var_backarrow {
      fill: #444444; }
  @media all and (min-width: 40.1875em) {
    .mod_megadropdown_level2_back {
      display: none; } }

.mod_megadropdown_level2_container {
  position: absolute;
  left: 100%;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0); }
  @media all and (max-width: 64.0525em) {
    .mod_megadropdown_level2_container {
      display: none;
      background: #FFFFFF;
      top: 0;
      height: 100%;
      will-change: transform; }
      .is_expanded .mod_megadropdown_level2_container {
        display: block;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden; } }
  @media all and (max-width: 40.1775em) {
    .mod_megadropdown_level2_container {
      width: calc(200% - 0.57143em); }
      .mod_megadropdown.is_expanded .mod_megadropdown_level2_container.is_active_l2 {
        width: 200%;
        left: calc(100% + 0.57143em);
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); } }
  @media all and (min-width: 40.1875em) {
    .mod_megadropdown_level2_container {
      width: 300%;
      left: 100%;
      border-left: 1px solid #E5E5E5;
      -webkit-transition: -webkit-transform 500ms ease;
      transition: -webkit-transform 500ms ease;
      transition: transform 500ms ease;
      transition: transform 500ms ease, -webkit-transform 500ms ease; }
      .mod_megadropdown.is_expanded .mod_megadropdown_level2_container.is_active_l2 {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_container {
      left: -4rem;
      width: calc(100% + 120px);
      border: 0;
      border-bottom: 0.57143em solid rgba(0, 0, 0, 0.15);
      opacity: 0;
      pointer-events: none;
      -webkit-transform: translate3d(0, 20px, 0);
              transform: translate3d(0, 20px, 0);
      -webkit-transition: opacity 250ms ease-in, -webkit-transform 250ms ease-in;
      transition: opacity 250ms ease-in, -webkit-transform 250ms ease-in;
      transition: opacity 250ms ease-in, transform 250ms ease-in;
      transition: opacity 250ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in; } }
  @media all and (max-width: 64.0525em) {
    .is_collapsed .mod_megadropdown_level2_container {
      -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0); } }
  @media all and (min-width: 64.0625em) {
    .var_single_submenu .mod_megadropdown_level2_container {
      left: -1.42857em;
      width: auto; } }
  @media all and (min-width: 160.0625em) {
    .var_single_submenu .mod_megadropdown_level2_container {
      left: -0.57143em; } }
  @media all and (min-width: 240.0625em) {
    .var_single_submenu .mod_megadropdown_level2_container {
      left: 0; } }
  @media all and (min-width: 64.0625em) {
    .var_single_submenu .mod_megadropdown_level1_listitem:first-child .mod_megadropdown_level2_container {
      left: -2.85714em; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_container.is_active_l2,
    .is_active_l2 > .mod_megadropdown_level2_container {
      opacity: 0.9999;
      display: block;
      pointer-events: auto;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-transition: opacity 250ms 300ms ease-out, -webkit-transform 250ms 300ms ease-out;
      transition: opacity 250ms 300ms ease-out, -webkit-transform 250ms 300ms ease-out;
      transition: opacity 250ms 300ms ease-out, transform 250ms 300ms ease-out;
      transition: opacity 250ms 300ms ease-out, transform 250ms 300ms ease-out, -webkit-transform 250ms 300ms ease-out;
      z-index: 3; } }

.mod_megadropdown_level2_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  width: 100%;
  height: 100%;
  background: #F6F6F6;
  -webkit-overflow-scrolling: touch; }
  @media all and (max-width: 64.0525em) {
    .mod_megadropdown_level2_list {
      overflow: hidden; }
      .is_expanded_l2 .mod_megadropdown_level2_list {
        overflow-y: auto; } }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_megadropdown_level2_list > ul {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_list {
      padding: 4.28571em 2.85714em;
      overflow-x: hidden;
      overflow-y: visible;
      width: 100%;
      height: auto; } }
  @media screen and (-ms-high-contrast: active) {
    .mod_megadropdown_level2_list {
      border: 0.06667em solid windowText; } }

.mod_megadropdown_level2_listitem {
  margin: 0;
  padding: 0 1.71429em; }
  @media all and (min-width: 64.0625em) {
    .var_single_submenu .mod_megadropdown_level2_listitem {
      width: auto;
      padding: 0;
      min-width: 14.28571em; } }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_megadropdown_level2_listitem {
      -webkit-column-break-inside: avoid;
         page-break-inside: avoid;
              break-inside: avoid-column; } }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_listitem {
      float: left;
      width: 20%;
      padding: 0 1.33333rem; } }

.mod_megadropdown_level2_listitem_title {
  margin-bottom: 1.6rem;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.33333rem;
  text-decoration: none; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_listitem_title {
      display: inline-block;
      margin-bottom: 0;
      min-height: 2.57143em;
      padding-bottom: 0.14286em;
      font-size: 1.5em;
      line-height: 1.2; } }

.mod_megadropdown_level2_listitem_header {
  margin-bottom: 3.33333rem;
  margin-top: 0;
  padding: 2.4rem 1.6rem 0.66667rem;
  border-bottom: 1px solid #E5E5E5;
  background: #FFFFFF;
  font-size: 1.86667rem;
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level2_listitem_header {
      display: none; } }

.mod_megadropdown_level2_listitem_header_link {
  text-decoration: none; }

.mod_megadropdown_level3_listitem {
  margin: 0;
  padding-left: 0; }
  .mod_megadropdown_level3_listitem:last-child .mod_megadropdown_level3_listitem_title {
    border-bottom: 1px solid #E5E5E5; }

.mod_megadropdown_level3_listitem_title {
  display: block;
  position: relative;
  padding: 1.07143em 1.71429em 1.07143em 0;
  border-top: 1px solid #E5E5E5;
  text-decoration: none;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjYgNy41bC0uOC44IDMuNyAzLjdoLTEydjFoMTJsLTMuNyAzLjcuOC43IDUtNSIvPjwvc3ZnPg==);
  background-size: 1.6em 1.6em;
  background-position: right center;
  background-repeat: no-repeat; }
  .mod_megadropdown_level3_listitem_title:hover, .mod_megadropdown_level3_listitem_title:focus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0M2MDAxOCIgZD0iTTEzLjYgNy41bC0uOC44IDMuNyAzLjdoLTEydjFoMTJsLTMuNyAzLjcuOC43IDUtNSIvPjwvc3ZnPgo=); }
  .mod_megadropdown_level3_listitem_title:last-child .mod_megadropdown_level3_listitem_title {
    border-bottom: 1px solid #E5E5E5; }

.mod_megadropdown_level3_list {
  padding: 1.5em 0 3em; }
  @media all and (min-width: 64.0625em) {
    .mod_megadropdown_level3_list {
      padding: 1.14286em 0 0; } }
  .var_single_submenu .mod_megadropdown_level3_list {
    padding-top: 0; }
  .mod_megadropdown_level2_listitem:last-child .mod_megadropdown_level3_list {
    margin-bottom: 2.5em; }
    @media all and (min-width: 40.1875em) {
      .mod_megadropdown_level2_listitem:last-child .mod_megadropdown_level3_list {
        margin-bottom: 0; } }

.no-js .mod_megadropdown_level1_listitem:hover .mod_megadropdown_level2_container, .no-js .mod_megadropdown_level1_listitem:focus .mod_megadropdown_level2_container {
  display: block;
  opacity: 0.9999;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 250ms ease, -webkit-transform 250ms ease;
  transition: opacity 250ms ease, -webkit-transform 250ms ease;
  transition: opacity 250ms ease, transform 250ms ease;
  transition: opacity 250ms ease, transform 250ms ease, -webkit-transform 250ms ease; }

@media all and (max-width: 64.0525em) {
  .mod_megadropdown_toggle_area {
    position: fixed;
    top: 4.64286em;
    right: 0;
    bottom: 0;
    left: -3.42857em;
    z-index: 0;
    display: none; } }

@media all and (max-width: 40.1775em) {
  .mod_megadropdown_toggle_area {
    top: 3.5em; } }

.mod_megadropdown.is_expanded .mod_megadropdown_toggle_area {
  display: block;
  -ms-touch-action: none;
      touch-action: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_langnav_mobile {
  position: relative;
  font-size: 1.14286em; }
  .mod_langnav_mobile .mod_svgsprite_icon.var_lang {
    position: absolute;
    left: 1em;
    top: 50%;
    height: 1.5em;
    width: 1.5em;
    margin: -0.75em 0 0 0.3125em;
    fill: #767676;
    z-index: 1; }
  .mod_langnav_mobile .mod_select:not(.var_no_bottom_margin) {
    margin: 0; }
  .mod_langnav_mobile .mod_select_control {
    min-width: 8.125em;
    padding: 0.5em 1.5em 0.5em 1.875em;
    margin-left: 1.5em;
    border: 0;
    color: #767676;
    font-size: inherit; }
  .mod_langnav_mobile .mod_select_icon {
    background: none; }

@media all and (min-width: 64.0625em) {
  display: none; }

.page_centered .mod_langnav_mobile .mod_fieldset_controls {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_metanav {
  float: left;
  font-size: 1em; }
  @media all and (min-width: 40.1875em) {
    .mod_metanav {
      float: right;
      margin: 0.57143em 5.71429em 0 0; } }
  @media all and (min-width: 40.1875em) and (max-width: 80.0525em) {
    .mod_metanav {
      margin-right: 2.85714em; } }
  @media all and (min-width: 64.0625em) {
    .mod_metanav {
      margin-top: 0.64286em;
      margin-bottom: -0.5em; } }
  @media print {
    .mod_metanav {
      display: none !important; } }

.mod_metanav_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }
  .mod_metanav_listitem {
    float: left;
    margin: 0;
    padding: 0; }
    @media all and (min-width: 40.1875em) {
      .mod_metanav_listitem {
        margin-left: 1.42857em; } }
    @media all and (max-width: 64.0525em) {
      .mod_metanav_listitem[data-metanav="lang"] {
        display: none; } }

.mod_metanav_linkitem {
  float: left;
  position: relative;
  height: 3.42857em;
  line-height: 3.42857em;
  width: 2.14286em;
  display: block;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out;
  color: #767676;
  text-decoration: none;
  opacity: 0.9999; }
  @media all and (min-width: 22.5em) {
    .mod_metanav_linkitem {
      height: 3.42857em;
      line-height: 3.42857em;
      width: 3.42857em; } }
  @media all and (min-width: 40.1875em) {
    .mod_metanav_linkitem {
      width: auto;
      padding-left: 2.57143em; } }
  @media all and (min-width: 64.0625em) {
    .mod_metanav_linkitem {
      -webkit-transition: opacity .15s ease-out, width .15s ease-out;
      transition: opacity .15s ease-out, width .15s ease-out; } }
  .mod_metanav_linkitem:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    border-radius: 60%;
    background: linear-gradient(-45deg, #FFFFFF 0%, #F6F6F6 100%);
    -webkit-transition: opacity 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.9999;
    z-index: 0;
    height: 1.6em;
    width: 1.6em;
    margin: -0.8em 0 0 -0.8em; }
    .svgSpritesLoaded .mod_metanav_linkitem:before {
      opacity: 0; }
    .svgSpritesLoaded .mod_metanav_linkitem:before {
      opacity: 0; }
    @media all and (min-width: 40.1875em) {
      .mod_metanav_linkitem:before {
        display: none; } }
  .is_logged_in .mod_metanav_linkitem {
    display: none; }
  .mod_metanav_linkitem_label {
    line-height: 1.42857em;
    display: inline-block; }
    @media all and (max-width: 720px) {
      .mod_metanav_linkitem_label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        margin: -1px;
        padding: 0;
        border: 0; } }
  .mod_metanav_linkitem .mod_svgsprite_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1.71429em;
    width: 1.71429em;
    margin: -0.85714em 0 0 -0.85714em;
    fill: currentColor; }
    @media all and (min-width: 40.1875em) {
      .mod_metanav_linkitem .mod_svgsprite_icon {
        left: 1.14286em; } }
    .mod_metanav_linkitem .mod_svgsprite_icon.var_search {
      margin-top: -0.78571em; }
    .mod_metanav_linkitem .mod_svgsprite_icon.var_login {
      height: 2.14286em;
      width: 2.14286em;
      margin: -1.07143em 0 0 -1.07143em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_quicklinksnav {
  position: relative;
  z-index: 3;
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 1.14286em; }
  @media all and (min-width: 64.0625em) {
    .mod_quicklinksnav {
      position: absolute;
      top: -0.28571em;
      left: 0;
      width: auto;
      font-size: inherit; } }

.mod_quicklinksnav_list {
  padding: 1.5em 0; }
  @media all and (min-width: 64.0625em) {
    .mod_quicklinksnav_list {
      padding-top: 0;
      padding-bottom: 0;
      overflow: auto; } }

.mod_quicklinksnav_list_item {
  margin: 0;
  padding: 0.5em 1.5em; }
  @media all and (min-width: 64.0625em) {
    .mod_quicklinksnav_list_item {
      display: block;
      float: left;
      padding: 0.64286em 0.71429em 0.71429em 0.71429em; }
      .mod_quicklinksnav_list_item:first-of-type {
        padding-left: 0; } }

.mod_quicklinksnav_list_item_link {
  display: block;
  color: #767676;
  text-decoration: none; }
  .mod_quicklinksnav_list_item_link:hover, .mod_quicklinksnav_list_item_link:focus {
    color: #C60018; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_my_profile {
  float: left;
  position: relative;
  width: 2em;
  display: block;
  height: 2.28571em;
  margin-left: 0.71429em; }
  @media all and (min-width: 20.0625em) {
    .mod_my_profile {
      height: 2em;
      margin-left: 0.71429em;
      margin-bottom: -28 140px/15px0em; } }
  @media all and (min-width: 22.5em) {
    .mod_my_profile {
      width: 2.71429em; } }
  @media all and (min-width: 40.1875em) {
    .mod_my_profile {
      width: 5.5em;
      margin-left: -0.92857em; } }
  .mod_my_profile.is_expanded .mod_my_profile_list,
  .no-js .mod_my_profile:hover .mod_my_profile_list {
    opacity: 0.9999;
    pointer-events: auto;
    max-height: 35.71429em;
    border-color: #666666;
    -webkit-box-shadow: 0 0.57143em 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.57143em 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s;
    transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s;
    transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s; }
    @media all and (max-width: 40.1775em) {
      .mod_my_profile.is_expanded .mod_my_profile_list,
      .no-js .mod_my_profile:hover .mod_my_profile_list {
        position: fixed;
        left: 12px;
        right: 12px;
        -webkit-transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s;
        transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s;
        transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s; } }
    @media all and (min-width: 40.1875em) {
      .mod_my_profile.is_expanded .mod_my_profile_list,
      .no-js .mod_my_profile:hover .mod_my_profile_list {
        width: 20.71429em; } }
  .mod_my_profile.is_expanded .mod_svgsprite_icon.var_backarrow,
  .no-js .mod_my_profile:hover .mod_svgsprite_icon.var_backarrow {
    -webkit-transform: translate(0, -50%) rotate(-270deg);
            transform: translate(0, -50%) rotate(-270deg);
    opacity: 0.9999; }
  .mod_my_profile.is_expanded .mod_my_profile_button,
  .no-js .mod_my_profile:hover .mod_my_profile_button {
    top: 0.92857em;
    -webkit-transition: width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 5ms ease-in;
    transition: width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 5ms ease-in; }
    @media all and (min-width: 20.0625em) {
      .mod_my_profile.is_expanded .mod_my_profile_button,
      .no-js .mod_my_profile:hover .mod_my_profile_button {
        top: 1em; } }
    @media all and (min-width: 40.1875em) {
      .mod_my_profile.is_expanded .mod_my_profile_button,
      .no-js .mod_my_profile:hover .mod_my_profile_button {
        top: 0.07143em;
        width: 20.42857em;
        -webkit-transition: width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 0.05s ease-out;
        transition: width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 0.05s ease-out; } }
  @media all and (min-width: 40.1875em) {
    .mod_my_profile.is_expanded .mod_my_profile_company_name,
    .mod_my_profile.is_expanded .mod_my_profile_name,
    .no-js .mod_my_profile:hover .mod_my_profile_company_name,
    .no-js .mod_my_profile:hover .mod_my_profile_name {
      opacity: 0.9999; } }

.mod_my_profile_button {
  position: absolute;
  z-index: 1;
  width: 100%;
  background: none;
  text-align: left;
  color: #666666;
  border: none;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding: 0.64286em 0; }
  .is_logged_in .mod_my_profile_button {
    opacity: 0.9999; }
  @media all and (max-width: 40.1775em) {
    .mod_my_profile_button {
      top: 0.21429em;
      width: 2em; }
      .is_initialized .mod_my_profile_button {
        -webkit-transition: width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.31s;
        transition: width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.31s; } }
  @media all and (min-width: 40.1875em) {
    .mod_my_profile_button {
      top: 0.07143em;
      right: 0.14286em;
      height: 3.35714em;
      padding-left: 1.14286em;
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s; } }
  .mod_my_profile_button.var_no_transition {
    -webkit-transition-duration: 0s;
            transition-duration: 0s; }
  .mod_my_profile_button .mod_svgsprite_icon.var_avatar {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2em;
    height: 2em;
    margin: 0 0 0 -1.07143em;
    fill: currentColor; }
  .mod_my_profile_button .mod_svgsprite_icon.var_default_company_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.14286em;
    height: 1.14286em;
    margin: -0.57143em 0 0 -0.57143em;
    fill: currentColor; }
  .mod_my_profile_button .mod_svgsprite_icon.var_backarrow {
    position: absolute;
    right: 0.42857em;
    top: 1.64286em;
    width: 1.71429em;
    height: 1.71429em;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
            transform: translate(0, -50%) rotate(-90deg);
    -webkit-transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    fill: currentColor;
    z-index: 2;
    opacity: 0; }
    @media all and (min-width: 20.0625em) {
      .mod_my_profile_button .mod_svgsprite_icon.var_backarrow {
        right: 0.42857em;
        top: 1.64286em;
        width: 2em;
        height: 2em; } }
    @media all and (min-width: 40.1875em) {
      .mod_my_profile_button .mod_svgsprite_icon.var_backarrow {
        opacity: 0.9999; } }
  .mod_my_profile_button:focus .mod_svgsprite_icon.var_backarrow,
  .mod_my_profile_button:hover .mod_svgsprite_icon.var_backarrow {
    fill: #C60018; }
  .mod_my_profile_button .mod_image_figure {
    position: relative;
    -webkit-transition-duration: 225ms;
            transition-duration: 225ms; }

.mod_my_profile_company_name,
.mod_my_profile_name {
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0.57143em;
  max-width: calc(100% - 70px); }
  @media all and (min-width: 40.1875em) {
    .mod_my_profile_company_name,
    .mod_my_profile_name {
      opacity: 0;
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } }

.mod_my_profile_name {
  height: 2em;
  line-height: 1.85714em;
  margin-top: 0.07143em; }

.mod_my_profile_company_name + .mod_my_profile_name {
  font-size: 0.85714em;
  margin: 0 0 -0.41667em 0.66667em; }

.mod_my_profile_company_name,
.mod_my_profile_company_name + .mod_my_profile_name {
  line-height: 1.3; }

.mod_my_profile_company_name {
  margin: -0.17857em 0 0 0.57143em; }
  @media all and (min-width: 20.0625em) {
    .mod_my_profile_company_name {
      margin: -0.25em 0 0 0.57143em; } }

.mod_my_profile_avatar {
  float: left;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 2em;
  height: 2em;
  background: #E5E5E5;
  border-radius: 100%;
  font-size: inherit;
  will-change: opacity, transform;
  contain: none;
  opacity: 0.9999; }
  .mod_my_profile_avatar.is_animating {
    -webkit-animation: animateAvatar 0.55s 1 ease-in;
            animation: animateAvatar 0.55s 1 ease-in; }
  .mod_my_profile_avatar.var_image {
    -webkit-box-shadow: inset 0 0 0 0.07143em #b7b7b7;
            box-shadow: inset 0 0 0 0.07143em #b7b7b7; }

.mod_my_profile_avatar_initials {
  display: inline-block;
  width: 2.30769em;
  height: 2.30769em;
  line-height: 2.23077em;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.92857em;
  color: #5A5A5A;
  text-align: center;
  letter-spacing: 0.01923em; }

.mod_my_profile_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  position: absolute;
  left: auto;
  right: 0;
  top: 0.85714em;
  max-height: 3.14286em;
  margin: 0;
  padding: 3.28571em 0 0 0;
  background: #FFFFFF;
  border-radius: 0.14286em;
  border: 0.14286em solid transparent;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 0s linear 0.3s, -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 0s linear 0.3s, -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 0s linear 0.3s;
  transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 0s linear 0.3s, -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  overflow: hidden;
  contain: none;
  opacity: 0;
  pointer-events: none; }
  @media all and (max-width: 40.1775em) {
    .mod_my_profile_list {
      position: fixed;
      -webkit-transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
      transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
      transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
      transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s; } }
  @media all and (min-width: 40.1875em) {
    .mod_my_profile_list {
      top: -0.07143em;
      width: 0; } }

.mod_my_profile_list_item {
  float: left;
  width: 100%;
  margin-top: -0.85714em;
  padding: 0.71429em 0; }
  .mod_my_profile_list_item:first-child, .mod_my_profile_list_item:last-child {
    border-top: 0.07143em solid #E5E5E5; }
  .mod_my_profile_list_item:first-child {
    margin-top: 0;
    padding-top: 1.14286em; }
  .mod_my_profile_list_item:last-child {
    margin-top: 0.28571em;
    padding: 0.92857em 0 1.14286em; }

.var_has_role_change .mod_my_profile_list_item:last-child,
.page_infoportal .mod_my_profile_list_item:last-child {
  border-top: 0;
  margin-top: -0.85714em;
  padding: 0.71429em 0 1.14286em; }

.var_has_role_change .mod_my_profile_list li:nth-last-child(2),
.page_infoportal .mod_my_profile_list li:nth-last-child(2) {
  border-top: 0.07143em solid #E5E5E5;
  margin-top: 0.28571em;
  padding-top: 0.92857em; }

.mod_my_profile_item_icon {
  display: inline-block;
  margin: 0 0.42857em -0.42857em 0.21429em; }
  @media all and (min-width: 20.0625em) {
    .mod_my_profile_item_icon {
      margin: 0 0.42857em -0.5em 0.21429em; } }

.mod_my_profile_item_icon .mod_svgsprite_icon {
  width: 1.71429em;
  height: 1.71429em;
  fill: currentColor; }

.mod_my_profile_item {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 1.07143em;
  color: #666666;
  text-decoration: none;
  cursor: pointer; }
  .mod_my_profile_item:focus, .mod_my_profile_item:hover {
    color: #C60018; }

@-webkit-keyframes animateAvatar {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.9999; }
  40% {
    opacity: 0; }
  75% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.9999; } }

@keyframes animateAvatar {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.9999; }
  40% {
    opacity: 0; }
  75% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.9999; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_langnav_desktop {
  position: relative;
  z-index: 2;
  height: 2em;
  margin-left: -0.71429em; }
  .mod_langnav_desktop.is_expanded .mod_langnav_desktop_list,
  .no-js .mod_langnav_desktop:hover .mod_langnav_desktop_list {
    left: 0;
    opacity: 0.9999;
    pointer-events: auto;
    max-height: 35.71429em;
    border-color: #666666;
    -webkit-box-shadow: 0 0.57143em 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.57143em 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s;
    transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s;
    transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s; }
  .mod_langnav_desktop.is_expanded .mod_svgsprite_icon.var_backarrow,
  .no-js .mod_langnav_desktop:hover .mod_svgsprite_icon.var_backarrow {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg);
    opacity: 0.9999; }
  .mod_langnav_desktop.is_expanded .mod_langnav_desktop_button,
  .no-js .mod_langnav_desktop:hover .mod_langnav_desktop_button {
    -webkit-transition: width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 0.05s ease-out;
    transition: width 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 0.05s ease-out; }
  .mod_langnav_desktop.is_expanded .mod_langnav_desktop_name,
  .no-js .mod_langnav_desktop:hover .mod_langnav_desktop_name {
    opacity: 0.9999; }

.mod_langnav_desktop_button {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 3.42857em;
  padding: 0;
  background: none;
  color: #767676;
  overflow: hidden; }
  .mod_langnav_desktop_button:focus, .mod_langnav_desktop_button:hover {
    color: #C60018; }

.mod_langnav_desktop_linkitem {
  float: left;
  position: relative;
  display: inline-block;
  padding-left: 3.14286em;
  padding-right: 2.78571em; }

.mod_svgsprite_icon.var_lang {
  position: absolute;
  top: 50%;
  left: 1.92857em;
  height: 1.71429em;
  width: 1.71429em;
  margin: -0.85714em 0 0 -0.85714em;
  fill: currentColor;
  z-index: 2; }

.mod_langnav_desktop .mod_svgsprite_icon.var_backarrow {
  position: absolute;
  top: 0.71429em;
  right: 0.57143em;
  width: 2em;
  height: 2em;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  fill: currentColor;
  z-index: 2; }

.mod_langnav_desktop_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  position: absolute;
  left: 100%;
  right: 0;
  top: -0.07143em;
  max-height: 3.14286em;
  padding: 3.28571em 0 0 0;
  background: #FFFFFF;
  border-radius: 0.14286em;
  border: 0.14286em solid transparent;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 0s linear 0.3s, -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 0s linear 0.3s, -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 0s linear 0.3s;
  transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), max-height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s, opacity 0s linear 0.3s, -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  overflow: hidden;
  contain: none;
  opacity: 0;
  pointer-events: none; }

.mod_langnav_desktop_list_item {
  float: left;
  width: 100%;
  margin: 0.78571em 0 -1em 0; }
  .mod_langnav_desktop_list_item:first-child {
    margin-top: 0; }
    .mod_langnav_desktop_list_item:first-child .mod_langnav_desktop_item {
      border-top: 0.07143em solid #E5E5E5;
      padding-top: 1.14286em; }
  .mod_langnav_desktop_list_item:last-child {
    margin-bottom: 0; }
    .mod_langnav_desktop_list_item:last-child .mod_langnav_desktop_item {
      padding-bottom: 1.14286em; }
  .mod_langnav_desktop_list_item:focus .mod_langnav_desktop_item, .mod_langnav_desktop_list_item:hover .mod_langnav_desktop_item {
    color: #C60018; }
  .mod_langnav_desktop_list_item.is_active .mod_langnav_desktop_item {
    color: #666666; }

.mod_langnav_desktop_item {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.42857em 1.07143em;
  margin: 0;
  color: #666666;
  text-decoration: none; }
  .mod_langnav_desktop_item.var_inactive {
    opacity: .5;
    margin-top: 0;
    font-size: inherit; }
    .mod_langnav_desktop_item.var_inactive:focus, .mod_langnav_desktop_item.var_inactive:hover {
      color: #666666; }
  .mod_langnav_desktop_item .mod_svgsprite_icon.var_check {
    position: absolute;
    right: 0.92857em;
    fill: currentColor; }

.is_logged_in ~ .mod_metanav_listitem .mod_langnav_desktop {
  margin-left: -2.35714em; }

.mod_langnav_desktop_linkitem_label {
  position: relative;
  z-index: 1; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_footer {
  background: #E5E5E5;
  color: #666666; }
  @media print {
    .mod_footer {
      display: none !important; } }
  .mod_footer.var_reduced {
    border-top: 0.06667em solid #E5E5E5; }
  .mod_footer_wrapper {
    *zoom: 1;
    padding: 0; }
    .mod_footer_wrapper:before, .mod_footer_wrapper:after {
      content: '';
      display: table; }
    .mod_footer_wrapper:after {
      clear: both; }
    @media all and (min-width: 64.0625em) {
      .mod_footer_wrapper {
        max-width: 106.26667rem;
        padding-left: 0;
        padding-right: 0;
        margin-left: 5.5%;
        margin-right: 5.5%; } }
    @media all and (min-width: 80.0625em) {
      .mod_footer_wrapper {
        margin-left: 8.5%;
        margin-right: 8.5%; } }
    @media all and (min-width: 120em) {
      .mod_footer_wrapper {
        margin-left: auto;
        margin-right: auto; } }
    @media all and (min-width: 160.0625em) {
      .mod_footer_wrapper {
        max-width: 177.06667rem;
        margin-left: 19%;
        margin-right: 19%; } }
    @media all and (min-width: 240.0625em) {
      .mod_footer_wrapper {
        margin-left: auto;
        margin-right: auto; } }
  .mod_footer .var_cta_arrow {
    width: 1.71429em;
    height: 1.71429em; }
    .mod_footer .var_cta_arrow:last-of-type {
      margin-left: 0.5em; }
  .mod_footer_column {
    contain: content;
    font-size: 0.93333em;
    /* Overwrite to fix sizing issue caused by wrong fontsize */ }
    .mod_footer_column a,
    .mod_footer_column p {
      font-size: inherit;
      line-height: 1.7; }
    .mod_footer_column a:not(.text__actionlink) {
      color: #666666; }
      .mod_footer_column a:not(.text__actionlink):hover, .mod_footer_column a:not(.text__actionlink):focus {
        color: #C60018; }
    .mod_footer_column p:first-child {
      margin-top: -0.5em; }
    .mod_footer_column_title {
      color: #5A5A5A;
      font-weight: normal;
      font-size: 1.2rem;
      line-height: 1.2;
      font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      @media all and (min-width: 64.0625em) {
        .mod_footer_column_title {
          font-size: 1.14286em; } }
    .mod_footer_column_heading {
      position: relative; }
    @media all and (max-width: 64.0525em) {
      .mod_footer_column {
        border-bottom: 0.13333em solid #FFFFFF;
        background-color: #E5E5E5;
        -webkit-transition: background 300ms;
        transition: background 300ms;
        border-bottom: 1px solid #D2D2D2; }
        .mod_footer_column_content {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          overflow: hidden;
          height: 0;
          padding: 0 1.6em;
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          will-change: height; } }
    @media all and (max-width: 64.0525em) and (min-width: 40.1875em) {
      .mod_footer_column_content {
        padding: 0 3.2em; } }
    @media all and (max-width: 64.0525em) and (min-width: 64.0625em) {
      .mod_footer_column_content {
        padding: 0 2.13333em; } }
    @media all and (max-width: 64.0525em) {
          .mod_footer_column_content_wrapper {
            padding: 2.13333em 0;
            border-top: 1px solid rgba(229, 229, 229, 0);
            -webkit-transition: border-color 300ms ease-out;
            transition: border-color 300ms ease-out; } }
      @media all and (max-width: 64.0525em) and (min-width: 40.1875em) {
        .mod_footer_column_content_wrapper {
          padding: 3.2em 0; } }
    @media all and (max-width: 64.0525em) {
            .is_open .mod_footer_column_content_wrapper {
              border-top: 1px solid #E5E5E5; }
            .mod_footer_column_content_wrapper > :last-child {
              margin-bottom: 0; }
            .mod_footer_column_content_wrapper:after {
              content: '';
              display: table; }
        .mod_footer_column_link {
          position: relative;
          display: block;
          width: 100%;
          max-width: 100%;
          text-align: left;
          border: none;
          -ms-touch-action: manipulation;
          touch-action: manipulation;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
          .mod_footer_column_link:not([disabled]), .mod_footer_column_link:not([disabled]):hover, .mod_footer_column_link:not([disabled]):focus {
            color: #000000; }
          .is_open .mod_footer_column_link_open {
            display: none; }
          .is_closed .mod_footer_column_link_open {
            display: inline-block; }
          .is_open .mod_footer_column_link_close {
            display: inline-block; }
          .is_closed .mod_footer_column_link_close {
            display: none; } }
  @media all and (max-width: 64.0525em) and (min-width: 64.0625em) {
    .mod_footer_column:before {
      border: 1px solid rgba(229, 229, 229, 0); } }
    @media all and (max-width: 64.0525em) {
        .mod_footer_column.is_open,
        .no-js .mod_footer_column {
          position: relative; }
          .mod_footer_column.is_open .mod_footer_column_content,
          .no-js .mod_footer_column .mod_footer_column_content {
            height: auto; }
          .mod_footer_column.is_open .mod_footer_column_link,
          .no-js .mod_footer_column .mod_footer_column_link {
            background: transparent; }
          .mod_footer_column.is_open .mod_accordion_item.is_closed .mod_accordion_item_link,
          .no-js .mod_footer_column .mod_accordion_item.is_closed .mod_accordion_item_link {
            background: #F6F6F6; }
          .mod_footer_column.is_open:before,
          .no-js .mod_footer_column:before {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: block;
            content: '';
            border-bottom: 1px solid #E5E5E5;
            border-top: 1px solid #E5E5E5; } }
      @media all and (max-width: 64.0525em) and (min-width: 64.0625em) {
        .mod_footer_column.is_open:before,
        .no-js .mod_footer_column:before {
          border: 1px solid #E5E5E5; } }
    @media all and (max-width: 64.0525em) {
            .var_invert .mod_footer_column.is_open:before, .var_invert
            .no-js .mod_footer_column:before {
              content: none; }
        .mod_footer_column.is_open .mod_footer_column_content {
          height: auto; }
        .mod_footer_column.is_open button.mod_footer_column_link:hover, .mod_footer_column.is_open button.mod_footer_column_link:focus {
          background-color: transparent; }
        .mod_footer_column.is_visible .mod_footer_column_content {
          overflow: visible; }
        .no-js .mod_footer_column.is_closed .mod_footer_column_content {
          display: block; }
        .no-js .mod_footer_column .mod_footer_column_link {
          cursor: default; }
          .no-js .mod_footer_column .mod_footer_column_link_open, .no-js .mod_footer_column .mod_footer_column_link_close {
            display: none; }
        .mod_footer_column.is_closed .mod_footer_column_content:not(.display_for_init) {
          display: none; }
        .mod_footer_column:last-of-type {
          border-bottom: 0; }
        .mod_footer_column_title {
          margin: 0;
          text-decoration: none;
          word-wrap: break-word;
          -webkit-hyphens: auto;
              -ms-hyphens: auto;
                  hyphens: auto;
          display: block;
          white-space: normal; }
        .mod_footer_column_link {
          display: block;
          min-height: 5.33333em;
          height: auto;
          padding-top: 1.66667em;
          padding-bottom: 1.8em;
          padding-left: 1.6em;
          padding-right: 4.93333em;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          text-decoration: none;
          background-color: #F6F6F6;
          -webkit-transition: background 300ms ease-out;
          transition: background 300ms ease-out;
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden; } }
    @media all and (max-width: 64.0525em) and (min-width: 40.1875em) {
      .mod_footer_column_link {
        min-height: 6.8em;
        padding-top: 2.4em;
        padding-bottom: 2.53333em;
        padding-left: 3.2em;
        padding-right: 6.53333em; } }
    @media all and (max-width: 64.0525em) and (min-width: 64.0625em) {
      .mod_footer_column_link {
        padding-left: 2.13333em;
        padding-right: 5.46667em; } }
    @media all and (max-width: 64.0525em) {
          .mod_footer_column_link_open, .mod_footer_column_link_close {
            position: absolute;
            top: 50%;
            right: 1.6em;
            width: 1.6em;
            height: 1.6em;
            margin-top: -0.66667em;
            border: 1px solid #A8A8A8;
            border-radius: 60%;
            -webkit-transition: border-color 300ms ease-out;
            transition: border-color 300ms ease-out;
            -webkit-transform: rotate(360deg); } }
      @media all and (max-width: 64.0525em) and (min-width: 40.1875em) {
        .mod_footer_column_link_open, .mod_footer_column_link_close {
          right: 3.2em;
          width: 2.13333em;
          height: 2.13333em;
          margin-top: -1.06667em; } }
      @media all and (max-width: 64.0525em) and (min-width: 64.0625em) {
        .mod_footer_column_link_open, .mod_footer_column_link_close {
          right: 2.13333em; } }
    @media all and (max-width: 64.0525em) {
            .mod_footer_column_link_open .mod_svgsprite_icon, .mod_footer_column_link_close .mod_svgsprite_icon {
              width: 1.06667em;
              height: 1.06667em;
              margin: 0.2em 0 0 0.2em;
              fill: #666666;
              -webkit-transition: fill 300ms ease-out;
              transition: fill 300ms ease-out; } }
        @media all and (max-width: 64.0525em) and (min-width: 40.1875em) {
          .mod_footer_column_link_open .mod_svgsprite_icon, .mod_footer_column_link_close .mod_svgsprite_icon {
            width: 1.6em;
            height: 1.6em; } }
    @media all and (max-width: 64.0525em) {
            .mod_footer_column_link_open_text, .mod_footer_column_link_close_text {
              position: absolute;
              width: 1px;
              height: 1px;
              overflow: hidden;
              clip: rect(0 0 0 0);
              -webkit-clip-path: inset(0 0 0 0);
                      clip-path: inset(0 0 0 0);
              margin: -1px;
              padding: 0;
              border: 0; }
          .is_open .mod_footer_column_link_open {
            display: none; }
          .mod_footer_column_link_close {
            display: none; }
            .is_open .mod_footer_column_link_close {
              display: block; }
        .var_invert .mod_footer_column {
          background-color: #FFFFFF;
          border-bottom: 0.2em solid #F6F6F6; }
          .var_invert .mod_footer_column_link {
            background: #FFFFFF; }
        html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:hover,
        html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:focus {
          background-color: #E5E5E5; }
          html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:hover .mod_footer_column_link_open,
          html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:hover .mod_footer_column_link_close,
          html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:focus .mod_footer_column_link_open,
          html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:focus .mod_footer_column_link_close {
            border-color: #C60018; }
            html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:hover .mod_footer_column_link_open .mod_svgsprite_icon,
            html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:hover .mod_footer_column_link_close .mod_svgsprite_icon,
            html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:focus .mod_footer_column_link_open .mod_svgsprite_icon,
            html[data-focus-source="key"] .mod_footer_column button.mod_footer_column_link:focus .mod_footer_column_link_close .mod_svgsprite_icon {
              fill: #C60018; }
        button.mod_footer_column_link:hover .mod_footer_column.no-touchevents {
          background-color: #E5E5E5; }
          button.mod_footer_column_link:hover .mod_footer_column.no-touchevents .mod_footer_column_link_open,
          button.mod_footer_column_link:hover .mod_footer_column.no-touchevents .mod_footer_column_link_close {
            border-color: #C60018; }
            button.mod_footer_column_link:hover .mod_footer_column.no-touchevents .mod_footer_column_link_open .mod_svgsprite_icon,
            button.mod_footer_column_link:hover .mod_footer_column.no-touchevents .mod_footer_column_link_close .mod_svgsprite_icon {
              fill: #C60018; }
        .mod_footer_column:last-child {
          border-color: #FFFFFF; }
        .mod_footer_column.is_open {
          position: static;
          background-color: #E5E5E5; }
          .mod_footer_column.is_open:before {
            display: none; }
          .no-touchevents .mod_footer_column.is_open .mod_footer_column_link:focus, .no-touchevents .mod_footer_column.is_open .mod_footer_column_link:visited, .no-touchevents .mod_footer_column.is_open .mod_footer_column_link:hover {
            background-color: #E5E5E5; }
        .mod_footer_column .mod_footer_column_link {
          background-color: #E5E5E5;
          color: #666666; }
          .mod_footer_column .mod_footer_column_link:focus, .mod_footer_column .mod_footer_column_link:visited, .mod_footer_column .mod_footer_column_link:hover {
            color: #666666; }
          .no-touchevents .mod_footer_column .mod_footer_column_link:focus, .no-touchevents .mod_footer_column .mod_footer_column_link:visited, .no-touchevents .mod_footer_column .mod_footer_column_link:hover {
            background-color: #F6F6F6; }
        .mod_footer_column_heading > .mod_footer_column_title {
          display: none; }
        .mod_footer_column_content_wrapper {
          padding: 1.14286em 0 2.57143em 0; } }
    @media all and (min-width: 64.0625em) {
      .mod_footer_column {
        float: left;
        width: 25%;
        padding: 5.71429em 1.71429em; }
        .mod_footer_column:first-child {
          padding-left: 0.57143em; }
        .mod_footer_column:last-child {
          padding-right: 0.57143em; }
        .mod_footer_column_heading {
          margin-top: -0.28571em;
          padding: 0 0 2.07143em;
          border-bottom: 1px solid #CDCDCD; }
        .mod_footer_column_title {
          margin: 0 -1.64286em 0 0;
          word-wrap: break-word;
          -webkit-hyphens: auto;
              -ms-hyphens: auto;
                  hyphens: auto;
          white-space: normal; }
        .mod_footer_column_content {
          height: auto !important;
          margin: 1.71429em 0 0;
          padding: 0; }
        .mod_footer_column_link {
          display: none; }
        .mod_footer_column .mod_select.var_footer {
          padding-right: 0; } }
    .mod_footer_column_link_open .mod_svgsprite_icon, .mod_footer_column_link_close .mod_svgsprite_icon {
      fill: #5A5A5A; }
    @media all and (max-width: 40.1775em) {
      .mod_footer_column_link_open, .mod_footer_column_link_close {
        right: 1.71429em;
        width: 1.71964em;
        height: 1.71964em;
        margin-top: -0.85714em; }
        .mod_footer_column_link_open .mod_svgsprite_icon, .mod_footer_column_link_close .mod_svgsprite_icon {
          width: 1.14286em;
          height: 1.14286em;
          margin: 0.21429em 0 0 0.21429em; } }
    @media all and (min-width: 69.5em) {
      html[lang^="de"] .mod_footer_column_heading,
      html[lang^="en"] .mod_footer_column_heading {
        min-height: 0; } }
    @media all and (min-width: 83.375em) {
      html[lang^="it"] .mod_footer_column_heading {
        min-height: 0; } }
    @media all and (min-width: 85.125em) {
      html[lang^="fr"] .mod_footer_column_heading {
        min-height: 0; } }
  .mod_footer_linklist {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: inherit; }
    .mod_footer_linklist li {
      margin-top: 0.42857em; }
      .mod_footer_linklist li:first-child {
        margin-top: -0.5em; }
    .mod_footer_linklist_link {
      color: #666666;
      display: inline-block; }
      .mod_footer_linklist_link:hover, .mod_footer_linklist_link:focus {
        color: #C60018; }
  .mod_footer_contact_form {
    margin-bottom: 1.71429em; }
    .mod_footer_contact_form .mod_select {
      max-width: none; }
      .mod_footer_contact_form .mod_select_wrapper {
        width: 100%; }
      .mod_footer_contact_form .mod_select_control {
        width: 100%;
        min-height: 0;
        padding: 0.71429em 2.71429em 0.71429em 0.85714em;
        background: #666666;
        color: #FFFFFF;
        border: none;
        line-height: 1.5; }
      .mod_footer_contact_form .mod_select_icon {
        background: #666666;
        top: 0;
        bottom: 0.3px;
        right: 0;
        height: auto;
        width: 2.85714em;
        border-radius: 0 0.14286em 0.14286em 0; }
      .mod_footer_contact_form .mod_select .mod_svgsprite_icon.var_small_down {
        width: 2.14286em;
        height: 2.14286em;
        right: 0.28571em;
        margin-top: -1.07143em;
        fill: #FFFFFF; }
    .mod_footer_contact_form.is_disabled .mod_select_icon {
      background: #b3b3b3; }
  .mod_footer_contact_detail.has_content {
    border-bottom: 1px solid #CDCDCD;
    margin-bottom: 1.71429em;
    padding-bottom: 1.71429em; }
  .mod_footer_contact_detail:empty {
    border-bottom: 0; }
  .mod_footer_contact_link_list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: inherit;
    margin-bottom: 1.71429em; }
    .mod_footer_contact_link_list_item {
      margin-top: 0.42857em; }
  .mod_footer_contact_address {
    margin-bottom: 1.71429em; }
  .mod_footer_newsletter_form {
    position: relative;
    display: block;
    overflow: hidden; }
  .mod_footer_newsletter input.mod_footer_newsletter_input {
    width: 100%;
    margin-top: 0.85714em;
    padding: 0.71429em 3.14286em 0.71429em 0.92857em;
    font-size: 0.93333rem; }
    .mod_footer_newsletter input.mod_footer_newsletter_input:focus + button {
      opacity: 0.9999;
      -webkit-transform: translate(0);
              transform: translate(0); }
  @media all and (min-width: 40.1875em) {
    .mod_footer_newsletter_input {
      max-width: 100%;
      width: 27.66667rem; } }
  @media all and (min-width: 64.0625em) {
    .mod_footer_newsletter_input {
      width: 20.57143em;
      font-size: inherit; } }
  .mod_footer_newsletter_button {
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 0;
    width: 3em;
    height: 3em;
    min-width: 0;
    margin-top: -1.07143em;
    padding: 0.57143em;
    opacity: 0;
    -webkit-transform: translate(3em);
            transform: translate(3em);
    background: transparent;
    color: #666666;
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .mod_footer_newsletter_button .var_cta_arrow {
      fill: #767676;
      margin-top: -0.07143em; }
    .mod_footer_newsletter_button:not([disabled]):active, .mod_footer_newsletter_button:not([disabled]):hover, .mod_footer_newsletter_button:not([disabled]):focus {
      opacity: 0.9999;
      -webkit-transform: translate(0);
              transform: translate(0);
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
      .mod_footer_newsletter_button:not([disabled]):active .var_cta_arrow, .mod_footer_newsletter_button:not([disabled]):hover .var_cta_arrow, .mod_footer_newsletter_button:not([disabled]):focus .var_cta_arrow {
        fill: #C60018; }
  .mod_footer_bottomcontainer {
    clear: both;
    background: #FFFFFF; }
    @media all and (min-width: 48.0625em) {
      .mod_footer_bottomcontainer {
        text-align: center; } }
    .mod_footer_bottomcontainer_list {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: inherit; }
      @media all and (min-width: 48.0625em) {
        .mod_footer_bottomcontainer_list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
          font-size: inherit;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .mod_footer_bottomcontainer_listitem {
        padding-bottom: 0.8em; }
        @media all and (min-width: 48.0625em) {
          .mod_footer_bottomcontainer_listitem {
            float: left;
            margin-top: 0;
            padding: 0 1.33333em; }
            .mod_footer_bottomcontainer_listitem:first-child {
              padding-left: 0; }
            .mod_footer_bottomcontainer_listitem:last-child {
              padding-right: 0; } }
    .mod_footer_bottomcontainer_link, .mod_footer_bottomcontainer_link.mod_onetrust_open_preferences {
      font-size: 0.8em;
      color: #767676;
      text-decoration: none;
      display: block;
      word-wrap: break-word; }
      .mod_footer_bottomcontainer_link:active, .mod_footer_bottomcontainer_link:hover, .mod_footer_bottomcontainer_link:focus, .mod_footer_bottomcontainer_link.mod_onetrust_open_preferences:active, .mod_footer_bottomcontainer_link.mod_onetrust_open_preferences:hover, .mod_footer_bottomcontainer_link.mod_onetrust_open_preferences:focus {
        color: #C60018; }
    .mod_footer_bottomcontainer_logo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 9.73333em;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      height: 100%;
      padding-bottom: 2.13333em;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
      @media all and (min-width: 48.0625em) {
        .mod_footer_bottomcontainer_logo {
          padding: 0;
          margin: 0 0 0 4.2em;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -ms-flex-preferred-size: 2.66667em;
              flex-basis: 2.66667em; } }
      .mod_footer_bottomcontainer_logo svg {
        height: 2.66667em;
        width: 2.66667em;
        vertical-align: middle; }
      .mod_footer_bottomcontainer_logo.var_is_microsite {
        padding-bottom: 1.2em;
        margin-top: -0.8em; }
        @media all and (min-width: 48.0625em) {
          .mod_footer_bottomcontainer_logo.var_is_microsite {
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
            padding-bottom: 0.8em;
            margin-top: -1.73333em; } }
        @media all and (min-width: 64.0625em) {
          .mod_footer_bottomcontainer_logo.var_is_microsite {
            -ms-flex-preferred-size: 12.46667em;
                flex-basis: 12.46667em;
            padding: 0;
            margin-top: 0; } }
        .mod_footer_bottomcontainer_logo.var_is_microsite svg {
          width: 100%;
          max-width: 9.73333em;
          max-height: 2.66667em; }
          @media all and (min-width: 48.0625em) {
            .mod_footer_bottomcontainer_logo.var_is_microsite svg {
              max-width: 12.46667em; } }
    .mod_footer_bottomcontainer_logo_content {
      width: 100%; }
    .mod_footer_bottomcontainer_clock_langnav {
      *zoom: 1;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding-top: 0.8em; }
      .mod_footer_bottomcontainer_clock_langnav:before, .mod_footer_bottomcontainer_clock_langnav:after {
        content: '';
        display: table; }
      .mod_footer_bottomcontainer_clock_langnav:after {
        clear: both; }
      @media all and (min-width: 40.1875em) {
        .mod_footer_bottomcontainer_clock_langnav {
          padding-top: 0.46667em; } }
      @media all and (min-width: 48.0625em) {
        .mod_footer_bottomcontainer_clock_langnav {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          -webkit-box-flex: 0;
              -ms-flex: 0 1 auto;
                  flex: 0 1 auto;
          padding: 0 2.13333em 0 0; } }
  .mod_footer_bottomcontainer_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: center;
        align-content: center;
    padding-left: 1.6rem;
    padding-right: 1.6rem; }
    @media all and (min-width: 48.0625em) {
      .mod_footer_bottomcontainer_inner {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        min-height: 5.86667rem;
        padding-left: 3.2rem;
        padding-right: 3.2rem; } }
    @media all and (min-width: 64.0625em) {
      .mod_footer_bottomcontainer_inner {
        max-width: 106.26667rem;
        min-height: 6.4em;
        margin-left: 5.5%;
        margin-right: 5.5%;
        padding-left: 0;
        padding-right: 0;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    @media all and (min-width: 80.0625em) {
      .mod_footer_bottomcontainer_inner {
        margin-left: 8.5%;
        margin-right: 8.5%; } }
    @media all and (min-width: 120em) {
      .mod_footer_bottomcontainer_inner {
        margin-left: auto;
        margin-right: auto; } }
    @media all and (min-width: 160.0625em) {
      .mod_footer_bottomcontainer_inner {
        max-width: 177.06667rem;
        margin-left: 19%;
        margin-right: 19%; } }
    @media all and (min-width: 240.0625em) {
      .mod_footer_bottomcontainer_inner {
        margin-left: auto;
        margin-right: auto; } }
  @media all and (min-width: 64.0625em) {
    .mod_footer_columncontainer {
      margin: 0 -0.53333rem; } }

.mod_footer_bottomcontainer_disclaimer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 2.13333em 0; }
  @media all and (min-width: 48.0625em) {
    .mod_footer_bottomcontainer_disclaimer {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0.06667em 0 0 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_footer_bottomcontainer_disclaimer {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0; } }

.mod_chat_teaser_button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 0.07em #A8A8A8 inset;
          box-shadow: 0 0 0 0.07em #A8A8A8 inset;
  color: #666666;
  -webkit-transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  font-size: 1em;
  height: 2.85714em;
  margin-top: 1.35714em;
  padding: 0.64286em 2.85714em 0.75em 2.85714em;
  border-radius: 0.14286em; }
  @media all and (min-width: 40.1875em) {
    .mod_chat_teaser_button {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_chat_teaser_button {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .mod_chat_teaser_button {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .mod_chat_teaser_button {
      font-size: 1.5rem; } }
  .mod_chat_teaser_button:not([disabled]):hover, .mod_chat_teaser_button:not([disabled]):focus {
    cursor: pointer; }
  .mod_chat_teaser_button:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .mod_chat_teaser_button {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .mod_chat_teaser_button {
      border: 0.06667em solid ButtonText; } }
  @media screen and (-ms-high-contrast: active) {
    .mod_chat_teaser_button {
      border: 0.06667em solid currentColor; } }
  .mod_chat_teaser_button:not([disabled]):hover, .mod_chat_teaser_button:not([disabled]):focus {
    -webkit-box-shadow: 0 0 0 0.07em currentColor inset;
            box-shadow: 0 0 0 0.07em currentColor inset;
    color: #444444;
    background-color: transparent;
    border-color: currentColor; }
    .mod_chat_teaser_button:not([disabled]):hover .mod_svgsprite_icon, .mod_chat_teaser_button:not([disabled]):focus .mod_svgsprite_icon {
      fill: currentColor; }
  @media all and (min-width: 64.0625em) {
    .mod_chat_teaser_button {
      font-size: 1em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.js [data-clock=container] {
  cursor: pointer; }

.js .clock_module_is_expanded [data-clock=container] {
  cursor: default; }

.mod_clock {
  position: relative;
  z-index: 0;
  display: inline-block;
  height: 5.73333em;
  contain: none;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform; }
  @media all and (min-width: 40.1875em) {
    .mod_clock {
      float: left;
      height: 6.4em;
      padding-top: 1.53333em;
      padding-bottom: 1.53333em;
      padding-left: 0; } }

.mod_clock_container .mod_svgsprite_icon {
  width: 100%;
  height: 100%; }

.mod_clock_container_open_button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: none;
  z-index: 1; }

.mod_clock.is_open .mod_clock_container_open_button {
  cursor: default; }

.mod_clock:not(.is_open) .mod_clock_container_open_button:after {
  position: absolute;
  display: block;
  content: '';
  top: -0.13333em;
  right: -0.13333em;
  bottom: -0.13333em;
  left: -0.13333em;
  border: 0.13333em solid black;
  border-radius: 60%;
  -webkit-transition: opacity 225ms ease;
  transition: opacity 225ms ease;
  opacity: 0; }

.mod_clock:not(.is_open) .mod_clock_container_open_button:focus:after,
.mod_clock:not(.is_open) .mod_clock_container_open_button:hover:after {
  opacity: 0.9999; }

.clock_module_is_expanded .mod_clock {
  position: fixed;
  left: 0;
  right: 0;
  top: 100vh;
  height: 100vh;
  background: #FFFFFF;
  z-index: 20;
  padding: 1.6em 2.4em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media all and (min-width: 26.3125em) and (orientation: landscape) {
    .clock_module_is_expanded .mod_clock {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-line-pack: distribute;
          align-content: space-around; } }
  @media all and (min-width: 40.1875em) {
    .clock_module_is_expanded .mod_clock {
      padding: 0 3.2em; } }

.mod_clock.is_open {
  -webkit-transform: translate3d(0, -100vh, 0);
          transform: translate3d(0, -100vh, 0); }

.var_no_clock_module_transition .mod_clock {
  -webkit-transition-duration: 0s;
          transition-duration: 0s; }

.mod_clock_wrapper {
  position: relative;
  width: 3.33333em;
  height: 3.33333em;
  opacity: 0;
  -webkit-transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: opacity 225ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  will-change: opacity, width, height;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .is_initialized .mod_clock_wrapper {
    opacity: 0.9999; }

.clock_module_is_expanded .mod_clock_wrapper {
  width: 12.26667em;
  height: 12.26667em;
  max-height: 100%;
  max-width: 100%;
  padding-top: 0; }
  @media all and (min-width: 20.0625em) {
    .clock_module_is_expanded .mod_clock_wrapper {
      width: 18.93333em;
      height: 18.93333em; } }
  @media all and (min-width: 20.0625em) and (orientation: landscape) {
    .clock_module_is_expanded .mod_clock_wrapper {
      margin-right: 2.4em; } }
  @media all and (min-width: 26.3125em) and (max-width: 40.1775em) {
    .clock_module_is_expanded .mod_clock_wrapper {
      width: 14.93333em;
      height: 14.93333em; } }
  @media all and (min-width: 40.1875em) {
    .clock_module_is_expanded .mod_clock_wrapper {
      width: 60%;
      height: 60%;
      max-width: 36.26667em;
      max-height: 36.26667em; } }
  @media all and (min-width: 40.1875em) and (orientation: landscape) {
    .clock_module_is_expanded .mod_clock_wrapper {
      margin-right: 0; } }
  @media all and (min-width: 40.1875em) {
    .clock_module_is_expanded .mod_clock_wrapper {
      width: 70%;
      height: 70%;
      max-width: 38.93333em;
      max-height: 38.93333em; } }

.mod_clock_teaser {
  display: none;
  width: 100%;
  color: #000000;
  padding-top: 3.2em; }
  @media all and (min-width: 26.3125em) and (orientation: landscape) {
    .mod_clock_teaser {
      width: auto;
      padding-top: 0; } }
  @media all and (min-width: 40.1875em) and (orientation: landscape) {
    .mod_clock_teaser {
      padding-left: 1.33333em; } }
  @media all and (min-width: 80.0625em) {
    .mod_clock_teaser {
      padding-left: 5.33333em;
      margin-right: -22.4em; } }
  .clock_module_is_expanded .mod_clock_teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.mod_clock_teaser .mod_svgsprite_icon.var_close {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.06667em;
  height: 1.06667em;
  margin: 0;
  fill: #666666;
  -webkit-transform: rotate(90deg) translate(-50%, 50%);
          transform: rotate(90deg) translate(-50%, 50%);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.mod_clock_teaser_text {
  text-decoration: none;
  text-align: left; }
  @media all and (min-width: 40.1875em) {
    .mod_clock_teaser_text {
      width: 70%;
      max-width: 38.93333em; } }
  @media all and (min-width: 160.0625em) {
    .mod_clock_teaser_text {
      font-size: 1.25em; } }
  @media all and (min-width: 240.0625em) {
    .mod_clock_teaser_text {
      font-size: 1.5em; } }

.mod_clock_teaser_cta {
  position: relative;
  padding-left: 2.66667em;
  padding-right: 4.66667em;
  -webkit-transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  font-size: 1rem;
  position: relative;
  display: block;
  margin: 1em 0 2em;
  padding-left: 0;
  font-weight: normal;
  font-size: 1rem;
  background-color: transparent;
  color: #000000;
  line-height: 1.5;
  text-decoration: none;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  margin-bottom: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_clock_teaser_cta {
      font-size: 1rem; } }
  @media all and (min-width: 64.0625em) {
    .mod_clock_teaser_cta {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .mod_clock_teaser_cta {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .mod_clock_teaser_cta {
      font-size: 1.5rem; } }
  .mod_clock_teaser_cta .mod_svgsprite_icon {
    position: absolute;
    width: 1.6em;
    height: 1.6em;
    top: 50%;
    margin-top: -0.83333em;
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    fill: #FFFFFF;
    pointer-events: none; }
  .mod_clock_teaser_cta .mod_svgsprite_icon:first-of-type {
    margin-left: -2em;
    opacity: 0;
    -webkit-transform: translateX(-1.73333em);
            transform: translateX(-1.73333em); }
  .mod_clock_teaser_cta .mod_svgsprite_icon:last-of-type {
    margin-left: 0.4em;
    opacity: 0.9999;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover.var_center {
      padding-right: 0; }
  .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus.var_center {
      padding-right: 0; }
  .mod_clock_teaser_cta.var_center {
    text-align: center;
    padding-right: 0; }
  .mod_clock_teaser_cta .mod_svgsprite_icon {
    top: -0.06667em;
    margin-top: 0; }
  .mod_clock_teaser_cta .mod_svgsprite_icon:last-of-type {
    top: auto;
    bottom: -0.06667em; }
  .mod_clock_teaser_cta .mod_svgsprite_icon {
    fill: #EB0000; }
  .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding-left: 2em; }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):hover.var_center {
      padding-right: 0; }
  .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding-left: 2em; }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .mod_clock_teaser_cta:not(:disabled):focus.var_center {
      padding-right: 0; }
  .mod_clock_teaser_cta.var_form {
    color: #666666; }
    .mod_clock_teaser_cta.var_form .mod_svgsprite_icon {
      fill: #666666; }
    .mod_clock_teaser_cta.var_form:hover, .mod_clock_teaser_cta.var_form:focus {
      color: #C60018; }
      .mod_clock_teaser_cta.var_form:hover .mod_svgsprite_icon, .mod_clock_teaser_cta.var_form:focus .mod_svgsprite_icon {
        fill: #C60018; }

.mod_clock_teaser_url:hover, .mod_clock_teaser_url:focus {
  padding-left: 4.66667em;
  padding-right: 2.66667em;
  -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding-left: 2em; }
  .mod_clock_teaser_url:hover .mod_svgsprite_icon, .mod_clock_teaser_url:focus .mod_svgsprite_icon {
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .mod_clock_teaser_url:hover .mod_svgsprite_icon:first-of-type, .mod_clock_teaser_url:focus .mod_svgsprite_icon:first-of-type {
    opacity: 0.9999;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .mod_clock_teaser_url:hover .mod_svgsprite_icon:last-of-type, .mod_clock_teaser_url:focus .mod_svgsprite_icon:last-of-type {
    opacity: 0;
    -webkit-transform: translateX(1.73333em);
            transform: translateX(1.73333em); }
  .mod_clock_teaser_url:hover.var_center, .mod_clock_teaser_url:focus.var_center {
    padding-right: 0; }

.mod_clock_teaser_title {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em; }
  @media all and (min-width: 40.1875em) {
    .mod_clock_teaser_title {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_clock_teaser_title {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.mod_clock_teaser_lead {
  margin-top: 0; }

.mod_clock_teaser_close {
  position: absolute;
  right: 0.13333em;
  top: 0.13333em;
  display: block;
  width: 2.93333em;
  height: 2.93333em;
  padding: 0;
  background: none;
  min-width: 0;
  opacity: 0;
  -webkit-transition: opacity .3s ease 0s;
  transition: opacity .3s ease 0s; }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_clock_teaser_close {
      right: 0.53333em;
      top: 0.53333em; } }
  .mod_clock_teaser_close:before {
    -webkit-transition: border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    position: absolute;
    content: '';
    width: 1.6em;
    height: 1.6em;
    top: 0.66667em;
    left: 0.66667em;
    border: 1px solid #A8A8A8;
    border-radius: 60%; }
  .mod_clock_teaser_close:hover:before, .mod_clock_teaser_close:focus:before {
    border-color: #C60018; }
  .mod_clock_teaser_close:hover, .mod_clock_teaser_close:focus {
    background: none; }
    .mod_clock_teaser_close:hover .mod_svgsprite_icon.var_close, .mod_clock_teaser_close:focus .mod_svgsprite_icon.var_close {
      fill: #C60018; }
  .clock_module_is_expanded .mod_clock_teaser_close {
    opacity: 0.9999; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

.mod_clock_hours, .mod_clock_minutes, .mod_clock_seconds, .mod_clock_face {
  position: absolute;
  top: 0;
  left: 0; }

.mod_clock_face,
.mod_clock_hours,
.mod_clock_minutes,
.mod_clock_seconds {
  width: 100%;
  height: 100%;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .mod_clock_face_inner,
  .mod_clock_hours_inner,
  .mod_clock_minutes_inner,
  .mod_clock_seconds_inner {
    width: 100%;
    height: 100%;
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    contain: none; }

.mod_clock_face .mod_svgsprite_icon {
  -webkit-transform: rotateZ(0.01deg) scale(1, 1);
          transform: rotateZ(0.01deg) scale(1, 1); }

.mod_clock_hours_inner {
  -webkit-animation: rotate 43200s infinite linear;
          animation: rotate 43200s infinite linear; }

.mod_clock_minutes_inner {
  -webkit-transition: -webkit-transform .5s ease-out;
  transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
  transition: transform .5s ease-out, -webkit-transform .5s ease-out;
  will-change: transform; }
  .is_initialized .mod_clock_minutes_inner {
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44) 0s; }

.mod_clock_seconds_inner {
  -webkit-transition: -webkit-transform .5s ease-out;
  transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
  transition: transform .5s ease-out, -webkit-transform .5s ease-out;
  will-change: transform; }
  .mod_clock_seconds_inner .mod_svgsprite_icon, .mod_clock_seconds_inner .mod_svgsprite_icon:focus, .mod_clock_seconds_inner .mod_svgsprite_icon:hover {
    fill: #e81703; }
  .is_initialized .mod_clock_seconds_inner {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  .mod_clock_seconds_inner.sustainable .mod_svgsprite_icon, .mod_clock_seconds_inner.sustainable .mod_svgsprite_icon:focus, .mod_clock_seconds_inner.sustainable .mod_svgsprite_icon:hover {
    fill: #00955c;
    --fill-color: $colorClockHandSustainable; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_footer_sociallist {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  margin-top: 2.85714em; }
  .mod_footer_sociallist:before, .mod_footer_sociallist:after {
    content: '';
    display: table; }
  .mod_footer_sociallist:after {
    clear: both; }
  @media all and (min-width: 64.0625em) {
    .mod_footer_sociallist {
      margin-top: 1.71429em; } }
  .mod_footer_sociallist.var_socialstream {
    display: table;
    margin: auto;
    margin-bottom: 1.86667em; }
    @media all and (min-width: 40.1875em) {
      .mod_footer_sociallist.var_socialstream {
        margin-bottom: 2.73333em; } }
    .mod_footer_sociallist.var_socialstream .mod_footer_sociallist_textlink {
      width: auto;
      margin-left: 1.06667em;
      margin-right: 1.06667em;
      clear: left; }
      .mod_footer_sociallist.var_socialstream .mod_footer_sociallist_textlink:last-child {
        clear: none; }
      @media all and (min-width: 40.1875em) {
        .mod_footer_sociallist.var_socialstream .mod_footer_sociallist_textlink {
          margin-top: 0.6em;
          margin-left: 2.13333em;
          margin-right: 0;
          clear: none; } }
    .mod_footer_sociallist.var_socialstream .mod_footer_sociallist_iconlink {
      margin-bottom: 1.4em;
      margin-left: 0.28571em;
      margin-right: 0.28571em; }
  .mod_footer_sociallist_textlink {
    float: left;
    width: 100%;
    margin-top: 0.14286em;
    margin-bottom: 0.28571em; }
    .mod_footer_sociallist_textlink_link {
      color: #767676;
      display: inline-block; }
      .mod_footer_sociallist_textlink_link:hover, .mod_footer_sociallist_textlink_link:focus {
        color: #C60018; }
  .mod_footer_sociallist_iconlink {
    float: left;
    margin-bottom: 1.14286em;
    margin-top: 0;
    margin-right: 0.57143em; }
    .mod_footer_sociallist_iconlink_link {
      position: relative;
      display: block;
      height: 2.85714em;
      width: 2.85714em;
      -webkit-transition: background 0.3s ease-in;
      transition: background 0.3s ease-in;
      background: #666666;
      color: #FFFFFF !important;
      border-radius: 60%; }
      .mod_footer_sociallist_iconlink_link .mod_svgsprite_icon {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: inherit;
        width: 1.85714em;
        height: 1.85714em;
        margin: -0.92857em 0 0 -0.92857em;
        fill: #FFFFFF; }
      .mod_footer_sociallist_iconlink_link:active, .mod_footer_sociallist_iconlink_link:hover, .mod_footer_sociallist_iconlink_link:focus {
        background: #C60018; }
        .mod_footer_sociallist_iconlink_link:active .mod_svgsprite_icon, .mod_footer_sociallist_iconlink_link:hover .mod_svgsprite_icon, .mod_footer_sociallist_iconlink_link:focus .mod_svgsprite_icon {
          fill: #FFFFFF; }
    .mod_footer_sociallist_iconlink_text {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(0 0 0 0);
              clip-path: inset(0 0 0 0);
      margin: -1px;
      padding: 0;
      border: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_reveal.is_revealed .mod_reveal_content {
  display: inherit; }

.mod_reveal.is_revealed .mod_reveal_trigger_label.var_reveal {
  display: none; }

.mod_reveal.is_revealed .mod_reveal_trigger_label.var_conceal {
  display: inherit; }

.mod_reveal_content {
  display: none; }

.mod_reveal_trigger_label.var_conceal {
  display: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_autocomplete {
  position: absolute;
  top: 3.06667em;
  left: 0;
  right: 0;
  z-index: 3;
  padding: 0.8em 0 0.6em 0;
  overflow: hidden;
  display: none;
  background: #FFFFFF;
  border: 0.13667em solid #666666;
  border-top: 0;
  -webkit-box-shadow: 0 0.53333em 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.53333em 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #666666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .parsley-error ~ .mod_autocomplete {
    border-color: #EB0000; }
  .mod_autocomplete:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    height: 0.06667em;
    background: #DCDCDC; }
  .mod_autocomplete ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: inherit; }
  .mod_autocomplete li {
    margin-top: 0; }

.mod_autocomplete__highlight {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.mod_autocomplete_input_list {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.mod_autocomplete_suggestions_label {
  display: block;
  padding: 0.38462em 1.15385em 0.15385em 1.15385em;
  font-size: 0.86667em;
  color: #767676; }

.mod_autocomplete_suggestion {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  padding: 0.26667em 1em;
  text-decoration: none;
  cursor: pointer; }
  .mod_autocomplete_suggestion .mod_stars_list {
    margin-left: 0.26667em; }
    .mod_autocomplete_suggestion .mod_stars_list:after {
      content: ", ";
      white-space: pre;
      display: inline-block;
      margin-left: -0.06667em; }
  .mod_autocomplete_suggestion .mod_stars_list_item {
    margin: 0 0 0.13333em -0.2em;
    vertical-align: middle; }
    .mod_autocomplete_suggestion .mod_stars_list_item:first-child {
      margin: 0 0 0.13333em 0; }
    .mod_autocomplete_suggestion .mod_stars_list_item .mod_svgsprite_icon {
      height: 0.86667em;
      width: 0.86667em; }
  @media screen and (-ms-high-contrast: active) {
    .mod_autocomplete_suggestion .mod_svgsprite_icon {
      fill: currentColor; } }
  .mod_autocomplete_suggestion .var_half_star {
    margin-right: -0.2em; }
  @media all and (min-width: 40.1875em) {
    .mod_autocomplete_suggestion {
      display: block; } }
  .mod_autocomplete_suggestion.var_external_result {
    padding-right: 2.53333em; }
  @media screen and (-ms-high-contrast: active) {
    .mod_autocomplete_suggestion:hover, .mod_autocomplete_suggestion.is_hovered, .mod_autocomplete_suggestion.is_selected {
      color: grayText; } }
  .mod_autocomplete_suggestion:hover,
  .mod_autocomplete_suggestion:hover .mod_autocomplete__highlight, .mod_autocomplete_suggestion.is_hovered,
  .mod_autocomplete_suggestion.is_hovered .mod_autocomplete__highlight, .mod_autocomplete_suggestion.is_selected,
  .mod_autocomplete_suggestion.is_selected .mod_autocomplete__highlight {
    color: #EB0000; }
  .mod_autocomplete_suggestion:hover .mod_svgsprite_icon, .mod_autocomplete_suggestion.is_hovered .mod_svgsprite_icon, .mod_autocomplete_suggestion.is_selected .mod_svgsprite_icon {
    fill: #EB0000; }
    @media screen and (-ms-high-contrast: active) {
      .mod_autocomplete_suggestion:hover .mod_svgsprite_icon, .mod_autocomplete_suggestion.is_hovered .mod_svgsprite_icon, .mod_autocomplete_suggestion.is_selected .mod_svgsprite_icon {
        fill: currentColor; } }

.mod_autocomplete_suggestion_presentation {
  overflow: hidden;
  text-overflow: ellipsis; }
  .mod_autocomplete_suggestion_presentation .mod_autocomplete_suggestion_text {
    overflow: hidden;
    text-overflow: ellipsis; }
  .mod_autocomplete_suggestion_presentation .mod_autocomplete_suggestion_icon {
    margin-right: 0.53333em; }
  .mod_autocomplete_suggestion_presentation .var_external_icon {
    position: absolute;
    right: 0.8em;
    fill: currentColor; }

.mod_autocomplete--teasers {
  z-index: 5; }
  .mod_autocomplete--teasers .mod_autocomplete_suggestion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1em;
    color: #000000;
    line-height: 1.2;
    padding: 0.26667em 1em; }
    .mod_autocomplete--teasers .mod_autocomplete_suggestion.var_static {
      color: #666666; }
    .mod_autocomplete--teasers .mod_autocomplete_suggestion .mod_autocomplete_suggestion_description {
      margin-top: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0.86667em;
      color: #666666; }
    .mod_autocomplete--teasers .mod_autocomplete_suggestion.update .mod_autocomplete_suggestion_icon {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 1.6em;
              flex: 0 0 1.6em;
      display: inline-block;
      width: 1.6em;
      height: 1.6em;
      margin-right: 0.53333em;
      border-radius: 0.13333em;
      background: #D2D2D2;
      fill: #FFFFFF !important; }
      @media screen and (-ms-high-contrast: black-on-white) {
        .mod_autocomplete--teasers .mod_autocomplete_suggestion.update .mod_autocomplete_suggestion_icon {
          fill: #000000 !important; } }
    .mod_autocomplete--teasers .mod_autocomplete_suggestion.update.notread .mod_autocomplete_suggestion_icon {
      background: #EB0000; }
    .mod_autocomplete--teasers .mod_autocomplete_suggestion.flash .mod_autocomplete_suggestion_icon {
      background: #D2D2D2;
      border-radius: 60%;
      overflow: hidden; }
    .mod_autocomplete--teasers .mod_autocomplete_suggestion:hover .mod_autocomplete_suggestion_label {
      color: #EB0000; }
  .mod_autocomplete--teasers .mod_autocomplete_search_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1em;
    color: #000000;
    padding: 0.26667em 1em;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: transparent; }
    .mod_autocomplete--teasers .mod_autocomplete_search_link:hover span {
      color: #EB0000; }

.mod_autocomplete_clear_button {
  position: absolute;
  z-index: 1;
  top: 0.13333em;
  right: 0.46667em;
  width: 2.53333em;
  height: 2.93333em;
  padding: 0;
  background: #FFFFFF; }
  .mod_search_form .mod_autocomplete_clear_button {
    right: 3.86667em; }

.var_has_geolocation_button ~ .mod_autocomplete_clear_button {
  right: 3.2em; }

.mod_autocomplete_clear_button .mod_svgsprite_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.8em 0 0 -0.93333em;
  fill: #666666; }
  @media screen and (-ms-high-contrast: active) {
    .mod_autocomplete_clear_button .mod_svgsprite_icon {
      fill: windowText; } }

.mod_autocomplete_clear_button:focus .mod_svgsprite_icon,
html.focus-source-key .mod_autocomplete_clear_button:hover .mod_svgsprite_icon,
html.focus-source-pointer .mod_autocomplete_clear_button:hover .mod_svgsprite_icon {
  fill: #C60018; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
div[class*="layout_columns_main"] > .mod_moduleloader:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_moduleloader:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_moduleloader:not(:first-child) {
      margin-top: -3.2em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_contract_selection {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_contract_selection {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_contract_selection {
      margin-bottom: 6.4em; } }

.mod_contract_selection .mod_pagetitle {
  text-align: center; }

.mod_contract_selection .mod_copy {
  margin-bottom: 2.66667em;
  text-align: center; }

.mod_contract_selection .mod_webshop_checkbox_radio_panel_item_content.var_subtitle {
  margin: -0.28571em 0 0 0;
  padding: 0; }

@media all and (max-width: 40.1775em) {
  .mod_contract_selection .mod_webshop_checkbox_radio_panel_item_inner_wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media all and (max-width: 26.3025em) {
  .mod_contract_selection .mod_webshop_checkbox_radio_panel_item_container {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0; } }

.mod_contract_selection .mod_radio_checkbox_label > .mod_tooltip {
  margin-left: 0.13333em;
  z-index: 1; }

.mod_webshop_checkbox_radio_panel_item_content.var_notification {
  display: inline-block;
  font-size: 0.86667em;
  line-height: 1.4;
  margin-bottom: 0.23077em; }

.mod_contract_selection .mod_notification + .mod_form {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    .mod_contract_selection .mod_notification + .mod_form {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_contract_selection .mod_notification + .mod_form {
      margin-top: -3.2em; } }

.mod_contract_selection .mod_fieldset.var_submit {
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 225ms ease-in;
  transition: opacity 225ms ease-in; }

.mod_contract_selection .mod_fieldset.var_submit.is_visible {
  opacity: 1; }

@media all and (min-width: 40.1875em) {
  .mod_contract_selection .mod_fieldset.var_submit .mod_fieldset_controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

@media all and (min-width: 40.1875em) {
  .mod_contract_selection .mod_fieldset.var_submit .mod_radio_checkbox {
    margin-top: -0.13333em;
    margin-bottom: 0;
    padding-right: 0.8em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_crosslinkteaser {
  position: relative;
  padding: 3.73333em 0 4.8em;
  overflow: hidden;
  background: #F6F6F6; }
  @media all and (min-width: 40.1875em) {
    .mod_crosslinkteaser {
      padding: 4.8em 0 5.86667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_crosslinkteaser {
      padding: 6.4em 0; } }

.mod_crosslinkteaser .mod_teaserelement_url {
  background: #FFFFFF; }

.mod_crosslinkteaser .mod_slider {
  padding-bottom: 0; }

.mod_crosslinkteaser .mod_slider_container {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
  margin-left: 0.8em;
  margin-right: 0.8em;
  margin-bottom: 0; }
  @media all and (min-width: 64.0625em) {
    .mod_crosslinkteaser .mod_slider_container {
      margin-left: 5.5%;
      margin-right: 5.5%; } }
  @media all and (min-width: 80.0625em) {
    .mod_crosslinkteaser .mod_slider_container {
      margin-left: 8.5%;
      margin-right: 8.5%; } }
  @media all and (min-width: 120em) {
    .mod_crosslinkteaser .mod_slider_container {
      max-width: 106.26667rem;
      margin-left: auto;
      margin-right: auto; } }
  @media all and (min-width: 160.0625em) {
    .mod_crosslinkteaser .mod_slider_container {
      max-width: none;
      margin-left: 19%;
      margin-right: 19%; } }
  @media all and (min-width: 240.0625em) {
    .mod_crosslinkteaser .mod_slider_container {
      max-width: 177.06667rem;
      margin-left: auto;
      margin-right: auto; } }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_crosslinkteaser .mod_slider_container {
      margin-left: 1.6em;
      margin-right: 1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_crosslinkteaser .mod_slider_container {
      margin-bottom: 0; } }

.mod_crosslinkteaser .mod_slider_navigation {
  bottom: 0.8em; }
  @media all and (min-width: 40.1875em) {
    .mod_crosslinkteaser .mod_slider_navigation {
      bottom: 1.46667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_crosslinkteaser .mod_slider_navigation {
      display: none; } }

.mod_crosslinkteaser .mod_slider_navigation_item_button:after {
  border: 0.13333em solid #F6F6F6; }

.mod_crosslinkteaser_title {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.10714em;
  margin-left: auto;
  text-align: center; }
  @media all and (min-width: 40.1875em) {
    .mod_crosslinkteaser_title {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_crosslinkteaser_title {
      font-size: 2.66667em; } }
  @media all and (min-width: 40.1875em) {
    .mod_crosslinkteaser_title {
      margin-top: -0.26667em;
      margin-bottom: 1.4em; } }
  @media all and (min-width: 64.0625em) {
    .mod_crosslinkteaser_title {
      margin-top: -0.275em;
      margin-bottom: 1.2em; } }
  div[class="layout_columns_main"] .mod_crosslinkteaser_title,
  .mod_accordion .mod_crosslinkteaser_title {
    max-width: none; }
  @media all and (max-width: 40.1775em) {
    .mod_crosslinkteaser_title {
      padding-left: 0.42857em;
      padding-right: 0.42857em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_teaserelement {
  position: relative;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  contain: content; }
  .mod_teaserelement.var_transparent .mod_image {
    border: 1px solid #D2D2D2; }
    .mod_teaserelement.var_transparent .mod_image .mod_image_inner_wrapper {
      background-color: #FFFFFF; }

.mod_teaserelement_url {
  display: block;
  width: 100%;
  text-decoration: none;
  -webkit-transition: background 225ms ease-in-out;
  transition: background 225ms ease-in-out;
  background: #F6F6F6; }
  .mod_teaserelement_url:hover, .mod_teaserelement_url:focus {
    background: #E5E5E5;
    color: #000000; }
    .mod_teaserelement_url:hover .mod_image_inner_wrapper .mod_image_figure, .mod_teaserelement_url:focus .mod_image_inner_wrapper .mod_image_figure {
      -webkit-transform: scale3d(1.07, 1.07, 1.07);
              transform: scale3d(1.07, 1.07, 1.07); }
    .mod_teaserelement_url:hover .mod_teaserelement_logo, .mod_teaserelement_url:focus .mod_teaserelement_logo {
      -webkit-transform: scale3d(1.07, 1.07, 1.07) translate(-50%, -50%);
              transform: scale3d(1.07, 1.07, 1.07) translate(-50%, -50%); }
    .mod_teaserelement_url:hover .mod_teaserelement_cta, .mod_teaserelement_url:focus .mod_teaserelement_cta {
      color: #C60018; }
      .no-touchevents .mod_teaserelement_url:hover .mod_teaserelement_cta, .no-touchevents .mod_teaserelement_url:focus .mod_teaserelement_cta {
        padding-left: 4.66667em;
        padding-right: 2.66667em;
        -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        padding-left: 2em; }
        .no-touchevents .mod_teaserelement_url:hover .mod_teaserelement_cta .mod_svgsprite_icon, .no-touchevents .mod_teaserelement_url:focus .mod_teaserelement_cta .mod_svgsprite_icon {
          -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
        .no-touchevents .mod_teaserelement_url:hover .mod_teaserelement_cta .mod_svgsprite_icon:first-of-type, .no-touchevents .mod_teaserelement_url:focus .mod_teaserelement_cta .mod_svgsprite_icon:first-of-type {
          opacity: 0.9999;
          -webkit-transform: translateX(0);
                  transform: translateX(0); }
        .no-touchevents .mod_teaserelement_url:hover .mod_teaserelement_cta .mod_svgsprite_icon:last-of-type, .no-touchevents .mod_teaserelement_url:focus .mod_teaserelement_cta .mod_svgsprite_icon:last-of-type {
          opacity: 0;
          -webkit-transform: translateX(1.73333em);
                  transform: translateX(1.73333em); }
        .no-touchevents .mod_teaserelement_url:hover .mod_teaserelement_cta.var_center, .no-touchevents .mod_teaserelement_url:focus .mod_teaserelement_cta.var_center {
          padding-right: 0; }

.mod_teaserelement_wrapper {
  display: block;
  padding: 1.6em 0.8em 2.13333em; }
  @media all and (min-width: 40.1875em) {
    .mod_teaserelement_wrapper {
      padding: 3.2em 1.6em 6.93333em; } }
  @media all and (min-width: 64.0625em) {
    .mod_teaserelement_wrapper {
      padding: 3.2em 1.6em 7.46667em; } }

.mod_teaserelement_title {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  display: block;
  margin-top: -0.33333em; }
  @media all and (min-width: 40.1875em) {
    .mod_teaserelement_title {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_teaserelement_title {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  @media all and (max-width: 40.1775em) {
    .mod_teaserelement_title {
      margin-top: -0.3em;
      margin-bottom: 0.45em; } }

@media all and (max-width: 40.1775em) {
  .mod_teaserelement_text {
    display: none; } }

.mod_teaserelement_cta {
  position: relative;
  padding-left: 2.66667em;
  padding-right: 4.66667em;
  -webkit-transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  font-size: 1rem;
  position: relative;
  display: block;
  margin: 1em 0 2em;
  padding-left: 0;
  font-weight: normal;
  font-size: 1rem;
  background-color: transparent;
  color: #000000;
  line-height: 1.5;
  text-decoration: none;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  margin: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_teaserelement_cta {
      font-size: 1rem; } }
  @media all and (min-width: 64.0625em) {
    .mod_teaserelement_cta {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .mod_teaserelement_cta {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .mod_teaserelement_cta {
      font-size: 1.5rem; } }
  .mod_teaserelement_cta .mod_svgsprite_icon {
    position: absolute;
    width: 1.6em;
    height: 1.6em;
    top: 50%;
    margin-top: -0.83333em;
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    fill: #FFFFFF;
    pointer-events: none; }
  .mod_teaserelement_cta .mod_svgsprite_icon:first-of-type {
    margin-left: -2em;
    opacity: 0;
    -webkit-transform: translateX(-1.73333em);
            transform: translateX(-1.73333em); }
  .mod_teaserelement_cta .mod_svgsprite_icon:last-of-type {
    margin-left: 0.4em;
    opacity: 0.9999;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .no-touchevents .mod_teaserelement_cta:not(:disabled):hover {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):hover .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):hover .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):hover .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):hover.var_center {
      padding-right: 0; }
  .no-touchevents .mod_teaserelement_cta:not(:disabled):focus {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):focus .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):focus .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):focus .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):focus.var_center {
      padding-right: 0; }
  .mod_teaserelement_cta.var_center {
    text-align: center;
    padding-right: 0; }
  .mod_teaserelement_cta .mod_svgsprite_icon {
    top: -0.06667em;
    margin-top: 0; }
  .mod_teaserelement_cta .mod_svgsprite_icon:last-of-type {
    top: auto;
    bottom: -0.06667em; }
  .mod_teaserelement_cta .mod_svgsprite_icon {
    fill: #EB0000; }
  .no-touchevents .mod_teaserelement_cta:not(:disabled):hover {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding-left: 2em; }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):hover .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):hover .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):hover .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):hover.var_center {
      padding-right: 0; }
  .no-touchevents .mod_teaserelement_cta:not(:disabled):focus {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding-left: 2em; }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):focus .mod_svgsprite_icon {
      -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):focus .mod_svgsprite_icon:first-of-type {
      opacity: 0.9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):focus .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
    .no-touchevents .mod_teaserelement_cta:not(:disabled):focus.var_center {
      padding-right: 0; }
  .mod_teaserelement_cta.var_form {
    color: #666666; }
    .mod_teaserelement_cta.var_form .mod_svgsprite_icon {
      fill: #666666; }
    .mod_teaserelement_cta.var_form:hover, .mod_teaserelement_cta.var_form:focus {
      color: #C60018; }
      .mod_teaserelement_cta.var_form:hover .mod_svgsprite_icon, .mod_teaserelement_cta.var_form:focus .mod_svgsprite_icon {
        fill: #C60018; }
  @media all and (min-width: 40.1875em) {
    .mod_teaserelement_cta {
      left: 1.6em;
      width: calc(100% - 0.8em);
      bottom: 3.2em;
      position: absolute; } }

.mod_teaserelement .mod_media {
  position: relative;
  overflow: hidden; }

.mod_teaserelement .mod_image_figure,
.mod_teaserelement_logo {
  will-change: transform;
  contain: none;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: opacity 0.35s ease-in, -webkit-transform 300ms ease-out;
  transition: opacity 0.35s ease-in, -webkit-transform 300ms ease-out;
  transition: transform 300ms ease-out, opacity 0.35s ease-in;
  transition: transform 300ms ease-out, opacity 0.35s ease-in, -webkit-transform 300ms ease-out; }
  @media all and (min-width: 40.1875em) {
    .mod_teaserelement .mod_image_figure,
    .mod_teaserelement_logo {
      -webkit-transition: opacity 0.45s ease-in, -webkit-transform 300ms ease-out;
      transition: opacity 0.45s ease-in, -webkit-transform 300ms ease-out;
      transition: transform 300ms ease-out, opacity 0.45s ease-in;
      transition: transform 300ms ease-out, opacity 0.45s ease-in, -webkit-transform 300ms ease-out; } }

.mod_teaserelement .mod_image_inner_wrapper:after {
  padding-bottom: 62%; }

.mod_teaserelement_logowrap {
  background-color: #FFFFFF;
  border: 1px solid #D2D2D2;
  position: relative;
  padding-bottom: calc(62% - 0.13333em); }

.mod_teaserelement_logo {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: scale3d(1, 1, 1) translate(-50%, -50%);
          transform: scale3d(1, 1, 1) translate(-50%, -50%);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  max-width: 50%;
  max-height: 50%; }

.mod_image_inner_wrapper.var_avatar {
  width: 4.26667em;
  height: 4.26667em;
  float: right;
  border: 0.2em solid #FFFFFF;
  border-radius: 100%;
  margin: -3.2em 0.93333em -1.06667em 0; }
  .mod_teaserelement_url:hover .mod_image_inner_wrapper.var_avatar .mod_image_figure,
  .mod_teaserelement_url:focus .mod_image_inner_wrapper.var_avatar .mod_image_figure {
    -webkit-transform: none;
            transform: none; }
  @media all and (min-width: 64.0625em) {
    .mod_image_inner_wrapper.var_avatar {
      margin: -3.33333em 1.2em -0.93333em 0; } }

.mod_teaserelement_match_rate_label {
  float: right;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 5.73333em;
  height: 5.73333em;
  margin: -4.06667em 0.8em 0 0;
  border: 0.2em solid #FFFFFF;
  border-radius: 60%;
  text-align: center;
  color: #FFFFFF;
  overflow: hidden; }

.mod_teaserelement_match_rate_label_title,
.mod_teaserelement_match_rate_label_percentage {
  position: relative;
  z-index: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1.15; }

.mod_teaserelement_match_rate_label_title {
  padding: 0 0.72727em;
  font-size: 0.73333em;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

.mod_teaserelement_match_rate_label_percentage {
  margin-top: 0.09524em;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4em; }

.mod_teaserelement_match_rate_label_bg_image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  height: 100%; }

.mod_teaserelement_match_rate_label:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: rgba(0, 0, 0, 0.45);
  z-index: 1; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_breadcrumb {
  position: relative;
  z-index: 2;
  color: #666666; }
  .mod_breadcrumb .var_is_on_top {
    position: relative;
    z-index: 2; }
  .mod_breadcrumb.var_invert .mod_breadcrumb_list_item:not(.is_expanded) .mod_breadcrumb_button {
    color: #FFFFFF; }
  .mod_breadcrumb.var_invert .mod_breadcrumb_list_item_siblings {
    border-color: #FFFFFF; }
  .mod_breadcrumb.var_invert .mod_svgsprite_icon.var_home,
  .mod_breadcrumb.var_invert .mod_svgsprite_icon.var_breadcrumb.var_arrow_down {
    fill: currentColor; }
  .mod_breadcrumb.var_invert .mod_svgsprite_icon.var_breadcrumb.var_circle {
    stroke: currentColor; }
  .mod_breadcrumb.var_invert .mod_svgsprite_icon.var_breadcrumb.var_circle,
  .mod_breadcrumb.var_invert .mod_svgsprite_icon.var_breadcrumb.var_forward {
    opacity: .5; }
  .touchevents .mod_breadcrumb:before, .touchevents .mod_breadcrumb:after {
    position: absolute;
    top: 1.61538em;
    left: 0;
    height: 1.23077em;
    content: '';
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    opacity: 0.9999;
    -webkit-transition: opacity 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.225s cubic-bezier(0.4, 0, 0.2, 1); }
    @media all and (min-width: 40.1875em) {
      .touchevents .mod_breadcrumb:before, .touchevents .mod_breadcrumb:after {
        top: 2.19231em; } }
    @media all and (min-width: 64.0625em) {
      .touchevents .mod_breadcrumb:before, .touchevents .mod_breadcrumb:after {
        top: 2.65385em; } }
  .touchevents .mod_breadcrumb:before {
    left: 0.07692em;
    width: 1.23077em; }
  .touchevents .mod_breadcrumb:after {
    left: 1.76923em;
    right: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.05) 100%); }
  .touchevents .mod_breadcrumb.is_initialized:before, .touchevents .mod_breadcrumb.is_initialized:after {
    opacity: 0;
    z-index: -1; }
  .mod_breadcrumb .mod_svgsprite_icon {
    fill: currentColor; }

.mod_breadcrumb_inner {
  margin-top: -0.33333em;
  padding: 0.73333em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_breadcrumb_inner {
      padding: 1.33333em 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_breadcrumb_inner {
      padding: 1.8em 0; } }
  @media print {
    .mod_breadcrumb_inner {
      padding-top: 0;
      margin-bottom: 2em; } }
  .touchevents .mod_breadcrumb_inner {
    opacity: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    -webkit-transition: opacity 0.225s cubic-bezier(0.4, 0, 0.2, 1) 0.225s;
    transition: opacity 0.225s cubic-bezier(0.4, 0, 0.2, 1) 0.225s;
    margin: -0.26667em 0 -0.06667em; }
    @media all and (min-width: 40.1875em) {
      .touchevents .mod_breadcrumb_inner {
        margin: -0.4em 0 -0.13333em; } }
    .touchevents .mod_breadcrumb_inner.is_expanded {
      -webkit-overflow-scrolling: auto; }
  .is_initialized .mod_breadcrumb_inner {
    opacity: 1; }

.mod_breadcrumb_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  margin-left: -0.26667em; }
  .no-touchevents .mod_breadcrumb_list {
    display: inline-block;
    width: calc(100% - 0.46667em); }

.mod_breadcrumb_list_item {
  display: inline-block;
  margin: 0.66667em 0.26667em 0 0.2em; }
  .touchevents .mod_breadcrumb_list_item:last-child {
    margin-right: 1.6em; }
  .no-touchevents .mod_breadcrumb_list_item {
    float: left;
    display: block;
    max-width: 100%; }
  .mod_breadcrumb_list_item.is_opening_dropdown {
    max-width: 100%; }
    .no-touchevents .mod_breadcrumb_list_item.is_opening_dropdown {
      position: relative; }
  .mod_breadcrumb_list_item.var_home {
    margin: 0.66667em 0.4em 0 0.2em;
    height: 1.46667em; }
    .mod_breadcrumb_list_item.var_home .mod_breadcrumb_button {
      width: 3.2em;
      height: 3.2em;
      margin-left: -0.86667em;
      margin-top: -0.86667em;
      margin-right: -0.86667em;
      padding-left: 0.86667em;
      padding-top: 0.86667em; }
  .mod_breadcrumb_list_item.var_expand_links {
    display: none;
    margin-right: -0.4em; }
    .touchevents .mod_breadcrumb_list_item.var_expand_links {
      display: inline-block; }
    .touchevents .mod_breadcrumb.var_has_expanded_links .mod_breadcrumb_list_item.var_expand_links {
      display: none; }
  .touchevents .mod_breadcrumb_list_item.var_navigation {
    display: none; }
    .touchevents .mod_breadcrumb_list_item.var_navigation:last-of-type {
      display: inline-block; }
  .touchevents .mod_breadcrumb.var_has_expanded_links .mod_breadcrumb_list_item.var_navigation {
    display: inline-block; }

.mod_breadcrumb_list_item_siblings {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  position: absolute;
  background-color: #FFFFFF;
  z-index: 2;
  border-radius: 0.125em;
  overflow: hidden;
  display: none;
  white-space: normal;
  border: 0.125em solid #666666;
  -webkit-box-shadow: 0 0.5em 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5em 0 rgba(0, 0, 0, 0.15);
  font-size: 1.06667em; }
  .mod_breadcrumb_list_item.is_expanded .mod_breadcrumb_list_item_siblings {
    display: block; }
  .mod_breadcrumb_list_item.var_is_last .mod_breadcrumb_list_item_siblings {
    border-top-right-radius: 0; }
  .touchevents .mod_breadcrumb_list_item_siblings {
    width: 75%;
    margin-top: 0.5em; }
    @media all and (min-width: 20.0625em) {
      .touchevents .mod_breadcrumb_list_item_siblings {
        width: 65%; } }
    @media all and (min-width: 40.1875em) {
      .touchevents .mod_breadcrumb_list_item_siblings {
        width: 50%; } }
    @media all and (min-width: 48.0625em) {
      .touchevents .mod_breadcrumb_list_item_siblings {
        width: 30%; } }
  .no-touchevents .mod_breadcrumb_list_item_siblings {
    min-width: 12.5em;
    width: calc(100% + 1.5em);
    margin-top: 1.875em; }
  .mod_breadcrumb_list_item_siblings.is_opening_dropdown_left {
    right: -1.5em; }

@media all and (max-width: 40.1775em) {
  .touchevents .var_full_width .mod_breadcrumb_list_item_siblings {
    border-top-right-radius: 0;
    width: 100%; } }

@media all and (max-width: 40.1775em) {
  .touchevents .mod_breadcrumb_list_item.is_opening_dropdown .mod_breadcrumb_button {
    max-width: calc(100vw - 4.8em); } }

.mod_breadcrumb_list_item.is_opening_dropdown .mod_breadcrumb_button_container {
  position: relative; }

.mod_breadcrumb_list_item.is_expanded .mod_breadcrumb_button_container:before {
  content: '';
  position: absolute;
  top: -0.6875em;
  left: 0;
  right: -1.5em;
  bottom: -0.625em;
  background: #FFFFFF;
  border: 0.125em solid #666666;
  border-top-left-radius: 0.125em;
  border-top-right-radius: 0.125em;
  border-bottom: 0;
  z-index: 2;
  font-size: 1.06667em; }

.mod_breadcrumb_list_item.is_expanded .mod_breadcrumb_button_container:after {
  content: '';
  background: #E5E5E5;
  position: absolute;
  left: 0.125em;
  right: -1.375em;
  top: 1.875em;
  height: 0.125em;
  z-index: 3;
  font-size: 1.06667em; }

.var_invert .mod_breadcrumb_list_item.is_expanded .mod_breadcrumb_button_container:before {
  border-color: #FFFFFF;
  top: -0.5625em; }

.var_invert .mod_breadcrumb_list_item.is_expanded .mod_breadcrumb_button_container:after {
  top: 1.75em; }

.mod_breadcrumb_list_item_siblings_item {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 0.9375em; }
  .mod_breadcrumb_list_item_siblings_item:first-of-type {
    padding-top: 0.73333em; }
  .mod_breadcrumb_list_item_siblings_item:last-of-type {
    margin-bottom: 0.73333em; }
  .mod_breadcrumb_list_item.is_expanded .mod_breadcrumb_list_item_siblings_item {
    display: block;
    width: 100%; }
    @media all and (max-width: 40.1775em) {
      .mod_breadcrumb_list_item.is_expanded .mod_breadcrumb_list_item_siblings_item {
        max-width: calc(100vw - 3.2em); } }

.mod_breadcrumb_list_item_siblings_item_title {
  display: block;
  padding: 0.42308em 1.69231em;
  font-size: 0.86667em;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  text-decoration: none;
  color: #666666; }
  .mod_breadcrumb_list_item_siblings_item.is_active_path .mod_breadcrumb_list_item_siblings_item_title {
    color: #C60018; }

.mod_breadcrumb_button {
  display: block;
  float: left;
  padding: 0;
  max-width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: transparent;
  color: #666666;
  text-decoration: none; }
  .mod_breadcrumb_buttona:focus, .mod_breadcrumb_buttona:hover {
    color: #C60018; }
    .mod_breadcrumb_buttona:focus .mod_svgsprite_icon.var_breadcrumb.var_circle, .mod_breadcrumb_buttona:hover .mod_svgsprite_icon.var_breadcrumb.var_circle {
      stroke: currentColor; }
    .mod_breadcrumb_buttona:focus .mod_svgsprite_icon.var_breadcrumb.var_arrow_down, .mod_breadcrumb_buttona:hover .mod_svgsprite_icon.var_breadcrumb.var_arrow_down {
      fill: currentColor; }
    .mod_breadcrumb_buttona:focus .mod_stars .mod_svgsprite_icon, .mod_breadcrumb_buttona:hover .mod_stars .mod_svgsprite_icon {
      fill: currentColor; }

.mod_breadcrumb_button_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative; }
  .mod_breadcrumb_button_container > * {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.mod_breadcrumb_button .mod_breadcrumb_button_title {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.86667em;
  margin: 0.07692em 0.15385em 0 0.46154em; }
  @media all and (max-width: 40.1775em) {
    .no-touchevents .mod_breadcrumb_button .mod_breadcrumb_button_title {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 calc(100% - 3.84615em);
              flex: 1 1 calc(100% - 3.84615em); } }
  @media all and (max-width: 40.1775em) {
    .mod_breadcrumb_button .mod_breadcrumb_button_title.var_microsite_title {
      display: none; } }

.mod_breadcrumb_svg_group,
.mod_svgsprite_icon.var_breadcrumb {
  float: none;
  width: 1.46667em;
  height: 1.46667em; }

.mod_breadcrumb_svg_group {
  position: relative; }
  .mod_breadcrumb_svg_group .mod_svgsprite_icon {
    position: absolute;
    left: 0;
    top: 0; }

.mod_svgsprite_icon.var_breadcrumb.var_circle {
  fill: none;
  stroke: #A8A8A8; }
  @media screen and (-ms-high-contrast: active) {
    .mod_svgsprite_icon.var_breadcrumb.var_circle {
      stroke: windowText; } }

.mod_svgsprite_icon.var_breadcrumb.var_arrow_down {
  fill: #666666;
  -webkit-transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg); }
  .mod_breadcrumb_list_item.is_expanded .mod_svgsprite_icon.var_breadcrumb.var_arrow_down {
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg); }

.mod_svgsprite_icon.var_breadcrumb.var_forward {
  width: 1.33333em;
  height: 1.33333em;
  margin-top: 0.09091em;
  fill: #CDCDCD; }

@media screen and (-ms-high-contrast: active) {
  .mod_svgsprite_icon.var_breadcrumb.var_arrow_down,
  .mod_svgsprite_icon.var_breadcrumb.var_forward {
    fill: windowText; } }

.mod_breadcrumb .mod_stars_list:after {
  margin-left: -0.38462em; }

.mod_breadcrumb .mod_stars_list_item {
  margin: 0 0 0.15385em -0.46154em;
  vertical-align: middle; }
  .mod_breadcrumb .mod_stars_list_item:first-child {
    margin: 0 0 0.15385em 0; }
  .mod_breadcrumb .mod_stars_list_item .mod_svgsprite_icon {
    height: 0.88462em;
    width: 0.88462em; }

.mod_breadcrumb .var_show_commma .mod_stars_list {
  margin-left: 0.15385em; }

.mod_breadcrumb .var_show_commma .var_half_star {
  margin-right: -0.15385em; }

.mod_breadcrumb--header {
  background: #FFFFFF;
  margin-top: 0; }
  .mod_breadcrumb--header .mod_breadcrumb_inner {
    padding: 0.66667em 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_pagetitle_wrapper {
  position: relative; }
  @media all and (max-width: 40.1775em) {
    .mod_pagetitle_wrapper {
      padding-top: 2.13333em; } }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_pagetitle_wrapper {
      padding-top: 1.06667em; } }
  .page_centered .mod_pagetitle_wrapper {
    text-align: center; }

.mod_pagetitle {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.10714em;
  margin-left: auto;
  margin-top: 1.35714em; }
  @media all and (min-width: 40.1875em) {
    .mod_pagetitle {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_pagetitle {
      font-size: 2.66667em; } }
  @media all and (min-width: 40.1875em) {
    .mod_pagetitle {
      margin-top: -0.26667em;
      margin-bottom: 1.4em; } }
  @media all and (min-width: 64.0625em) {
    .mod_pagetitle {
      margin-top: -0.275em;
      margin-bottom: 1.2em; } }
  div[class="layout_columns_main"] .mod_pagetitle,
  .mod_accordion .mod_pagetitle {
    max-width: none; }
  @media all and (min-width: 40.1875em) {
    .mod_pagetitle {
      margin-top: 2.13333em;
      max-width: 29.33333em; }
      .mod_lightbox .mod_pagetitle {
        max-width: none; } }
  @media all and (min-width: 64.0625em) {
    .mod_pagetitle {
      margin-top: 2.15em; }
      .page_centered .mod_pagetitle {
        max-width: 22em; } }
  .page_centered .mod_pagetitle,
  .mod_pagetitle .var_centered {
    text-align: center; }
  .var_no_nbc_small .mod_pagetitle, .mod_pagetitle.var_user_profile {
    text-align: left; }
  .mod_pagetitle.var_user_profile {
    max-width: none; }
  .mod_pagetitle.var_secondary {
    font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .mod_pagetitle.var_secondary:first-child {
      margin-top: 2em; }
  .mod_pagetitle.var_invert {
    color: #FFFFFF; }
  @media all and (min-width: 64.0625em) {
    .mod_pagetitle.var_lh {
      margin-top: 1.325em; } }
  .mod_pagetitle.var_left {
    max-width: none; }

.mod_breadcrumb + .mod_pagetitle {
  margin-top: 1.35714em; }
  @media all and (min-width: 40.1875em) {
    .mod_breadcrumb + .mod_pagetitle {
      margin-top: 1.46667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_breadcrumb + .mod_pagetitle {
      margin-top: 1.45em; } }

.mod_pagetitle .mod_stars_prefix {
  margin-right: 0.375em; }

.mod_pagetitle .mod_stars_list:after {
  margin-left: -0.4em; }

.mod_pagetitle .mod_stars_list_item {
  margin-left: -0.45em;
  vertical-align: middle; }
  .mod_pagetitle .mod_stars_list_item:first-child {
    margin: 0; }
  .mod_pagetitle .mod_stars_list_item .mod_svgsprite_icon {
    height: 1em;
    width: 1em; }
    @media all and (min-width: 40.1875em) {
      .mod_pagetitle .mod_stars_list_item .mod_svgsprite_icon {
        height: 0.93333em;
        width: 0.93333em; } }
    @media all and (min-width: 64.0625em) {
      .mod_pagetitle .mod_stars_list_item .mod_svgsprite_icon {
        height: 0.95em;
        width: 0.95em; } }

.mod_pagetitle .var_show_commma .mod_stars_list {
  margin-left: -0.15em; }

.mod_pagetitle .var_show_commma .var_half_star {
  margin-right: -0.2em; }

.mod_pagetitle.var_bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media all and (min-width: 26.3125em) {
    .mod_pagetitle.var_bubble {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.mod_pagetitle_bubble {
  position: relative;
  font-size: 0.64286em;
  display: block;
  float: left;
  border-radius: 100%;
  -webkit-box-flex: 2.66667em;
      -ms-flex: 2.66667em 0 0px;
          flex: 2.66667em 0 0;
  height: 2.66667em;
  margin-right: 0.88889em;
  margin-bottom: 0.88889em;
  background-color: #E5E5E5;
  color: #5A5A5A;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  line-height: 2.66667em;
  overflow: hidden; }
  @media all and (min-width: 26.3125em) {
    .mod_pagetitle_bubble {
      margin-bottom: 0; } }
  @media all and (min-width: 40.1875em) {
    .mod_pagetitle_bubble {
      font-size: 0.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_pagetitle_bubble {
      font-size: 0.6em;
      -ms-flex-preferred-size: 2.66667em;
          flex-basis: 2.66667em;
      height: 2.66667em;
      margin-right: 1em;
      line-height: 2.66667em; } }
  .mod_pagetitle_bubble .var_bubble_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.33333em;
    height: 1.33333em;
    margin: -0.66667em 0 0 -0.66667em;
    fill: currentColor; }
    @media all and (min-width: 64.0625em) {
      .mod_pagetitle_bubble .var_bubble_icon {
        width: 1.25em;
        height: 1.25em;
        margin: -0.625em 0 0 -0.625em; } }

.mod_pagetitle_text {
  display: block; }

.mod_pagetitle_addition {
  color: #666666; }

.mod_pagetitle_image {
  width: 2.66667em;
  height: 2.66667em; }
  @media all and (min-width: 64.0625em) {
    .mod_pagetitle_image {
      width: 2.66667em;
      height: 2.66667em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 3.73333em;
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    .mod_pagination {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_pagination {
      margin-bottom: 6.4em; } }
  @media all and (min-width: 40.1875em) {
    .mod_pagination {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_pagination {
      margin-top: -3.2em; } }

.mod_pagination_title.is_hidden {
  display: none; }

.mod_pagination_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media all and (max-width: 40.1775em) {
    .mod_pagination_list {
      font-size: 0.86667em; } }
  .mod_pagination_list li:before {
    display: none; }

.mod_pagination_list_item {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
  .mod_pagination_list_item:first-child {
    margin-left: -1em; }

.mod_pagination_item {
  display: table-cell;
  vertical-align: middle;
  width: 2.53333em;
  height: 2.53333em;
  padding: 0;
  border-radius: 60%;
  border: 0.14286em solid transparent;
  background: none;
  text-decoration: none;
  text-align: center;
  color: #666666;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in; }
  @media all and (min-width: 40.1875em) {
    .mod_pagination_item {
      width: 2.66667em;
      height: 2.66667em; } }
  @media screen and (-ms-high-contrast: active) {
    .mod_pagination_item {
      border-color: rgba(0, 0, 0, 0); } }

.mod_pagination_item:hover:not(.is_current):not(.pagination_dots),
.mod_pagination_item:focus:not(.is_current):not(.pagination_dots) {
  color: #C60018; }

.mod_pagination_item.arrow_item:not(.is_inactive):hover .mod_svgsprite_icon,
.mod_pagination_item.arrow_item:not(.is_inactive):focus .mod_svgsprite_icon {
  fill: currentColor; }

.mod_pagination_item.arrow_item {
  padding: 0; }

.mod_pagination_item.arrow_item.is_inactive {
  pointer-events: none; }

.mod_pagination_item.is_current {
  margin: 0 0.06667em;
  border-color: #666666;
  pointer-events: none; }
  @media screen and (-ms-high-contrast: active) {
    .mod_pagination_item.is_current {
      border-color: windowText; } }

.mod_pagination_item .mod_svgsprite_icon {
  -webkit-transition: fill 200ms ease-in;
  transition: fill 200ms ease-in;
  float: none;
  vertical-align: middle;
  margin-bottom: 0.06667em; }

.mod_pagination_item.is_inactive .mod_svgsprite_icon {
  fill: #BDBDBD;
  width: 1.6em;
  height: 1.6em; }

@media screen and (-ms-high-contrast: active) {
  .mod_pagination_item.arrow_item.is_inactive .mod_svgsprite_icon {
    fill: grayText; } }

@media screen and (-ms-high-contrast: active) {
  .mod_pagination_item.arrow_item:not(.is_inactive) .mod_svgsprite_icon {
    fill: highlightText; } }

@media screen and (-ms-high-contrast: active) {
  .mod_pagination_item.arrow_item:not(.is_inactive):hover .mod_svgsprite_icon,
  .mod_pagination_item.arrow_item:not(.is_inactive):focus .mod_svgsprite_icon {
    fill: windowText; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_linklist {
  margin-top: 1em; }
  .mod_linklist_list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: inherit; }
  .mod_linklist_link {
    color: #767676;
    display: inline-block; }
    .mod_linklist_link:hover, .mod_linklist_link:focus {
      color: #C60018; }
  .mod_linklist .mod_svgsprite_icon {
    width: 2.06667em;
    height: 2.06667em; }
    .mod_linklist .mod_svgsprite_icon.var_download {
      width: 1.4em;
      height: 1.4em; }

.var_table.mod_linklist .mod_linklist_list,
.var_downloads.mod_linklist .mod_linklist_list,
.var_misc_links.mod_linklist .mod_linklist_list {
  border-top: 1px solid #DCDCDC; }
  .var_table.mod_linklist .mod_linklist_listitem,
  .var_downloads.mod_linklist .mod_linklist_listitem,
  .var_misc_links.mod_linklist .mod_linklist_listitem {
    margin: 0;
    border-bottom: 1px solid #DCDCDC; }

.var_table.mod_linklist .mod_linklist_link,
.var_downloads.mod_linklist .mod_linklist_link,
.var_misc_links.mod_linklist .mod_linklist_link {
  position: relative;
  display: block;
  padding: 0.8em 1.73333em 0.8em 0;
  margin: 0;
  text-decoration: none; }
  .var_table.mod_linklist .mod_linklist_link .var_cta_arrow,
  .var_table.mod_linklist .mod_linklist_link .var_download,
  .var_downloads.mod_linklist .mod_linklist_link .var_cta_arrow,
  .var_downloads.mod_linklist .mod_linklist_link .var_download,
  .var_misc_links.mod_linklist .mod_linklist_link .var_cta_arrow,
  .var_misc_links.mod_linklist .mod_linklist_link .var_download {
    position: absolute;
    right: 0;
    fill: #C60018; }
  .var_table.mod_linklist .mod_linklist_link .mod_svgsprite_icon,
  .var_downloads.mod_linklist .mod_linklist_link .mod_svgsprite_icon,
  .var_misc_links.mod_linklist .mod_linklist_link .mod_svgsprite_icon {
    margin-top: -0.26667em; }

.var_downloads.mod_linklist .mod_linklist_link {
  padding-left: 1.73333rem; }
  .var_downloads.mod_linklist .mod_linklist_link .var_pdf {
    position: absolute;
    left: -0.4em; }
  .var_downloads.mod_linklist .mod_linklist_link .var_download {
    top: 1.13333em;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0.9999;
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .var_downloads.mod_linklist .mod_linklist_link .var_download:last-of-type {
      -webkit-transform: translateY(-1.73333rem);
              transform: translateY(-1.73333rem);
      opacity: 0; }
  .var_downloads.mod_linklist .mod_linklist_link:hover .var_download, .var_downloads.mod_linklist .mod_linklist_link:focus .var_download {
    -webkit-transform: translateY(1.73333rem);
            transform: translateY(1.73333rem);
    opacity: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .var_downloads.mod_linklist .mod_linklist_link:hover .var_download:last-of-type, .var_downloads.mod_linklist .mod_linklist_link:focus .var_download:last-of-type {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 0.9999; }

.var_misc_links.mod_linklist .mod_linklist_link.var_is_download {
  padding-left: 1.73333em; }

.var_misc_links.mod_linklist .var_pdf {
  position: absolute;
  left: -0.4em; }

.var_misc_links.mod_linklist .var_cta_arrow {
  top: 1.13333em;
  width: 1.4em;
  height: 1.4em; }

.mod_linklist.var_tags {
  overflow: auto;
  padding-top: 0;
  margin-top: 1.6em; }

.mod_linklist.var_tags .mod_linklist_listitem {
  float: left;
  margin: 0 0.53333em 0.53333em 0; }
  .mod_linklist.var_tags .mod_linklist_listitem:last-child {
    margin-right: 0; }

.mod_linklist.var_tags .mod_linklist_link {
  display: block;
  position: relative;
  padding: 0.6em 3.2em 0.66667em 1.06667em;
  text-decoration: none;
  line-height: 1;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 1.2em;
  -webkit-transition: color .125s ease-in-out;
  transition: color .125s ease-in-out; }
  .mod_linklist.var_tags .mod_linklist_link:hover, .mod_linklist.var_tags .mod_linklist_link:focus {
    color: #C60018;
    border-color: #C60018; }

.mod_linklist.var_tags .mod_linklist_link_count {
  position: absolute;
  top: 0.72727em;
  right: 0.81818em;
  min-width: 1.63636em;
  border-radius: 1.36364em;
  padding: 0.36364em 0.45455em;
  background: #767676;
  color: #FFFFFF;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1em;
  font-size: 0.73333em;
  text-align: center;
  background: #EB0000; }

.mod_linklist.var_social .mod_linklist_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }

.mod_linklist.var_social .mod_linklist_listitem {
  margin-top: 0;
  padding-bottom: 0.4em; }
  .mod_linklist.var_social .mod_linklist_listitem:last-child {
    padding-bottom: 0; }

.mod_linklist.var_social .mod_linklist_link {
  color: #000000; }
  .mod_linklist.var_social .mod_linklist_link:hover, .mod_linklist.var_social .mod_linklist_link:focus {
    color: #C60018; }

.mod_linklist.var_social:not(.var_no_text) .mod_svgsprite_icon {
  margin: 0.13333em 0.93333em 0 0; }

.mod_linklist.var_social.var_no_text {
  margin-top: 0; }
  .mod_linklist.var_social.var_no_text .mod_linklist_list {
    line-height: 1; }
  .mod_linklist.var_social.var_no_text .mod_linklist_listitem {
    display: inline-block;
    padding-bottom: 0; }
  @media all and (min-width: 64.0625em) {
    .mod_linklist.var_social.var_no_text .mod_linklist_listitem:first-child {
      margin-left: -0.4em; } }
  .mod_linklist.var_social.var_no_text .mod_svgsprite_icon {
    margin: 0.26667em;
    float: none;
    fill: currentColor; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_table {
  position: relative;
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_table {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_table {
      margin-bottom: 6.4em; } }
  .mod_table .mod_svgsprite_icon.var_inline {
    float: none;
    display: inline-block;
    width: 1.06667em;
    height: 1.06667em;
    margin-bottom: -0.26667em;
    border-radius: 1px; }
  .mod_table p:first-child {
    margin-top: 0; }
  .mod_table .mod_table_body_row.var_dark .mod_table_body_row_cell {
    background: #F6F6F6;
    padding: 1.4em 1.33333em 0.86667em; }
  .mod_table .mod_table_body_row.var_light .mod_table_body_row_cell {
    background: #FFFFFF;
    padding: 1.4em 1.33333em 0.86667em; }

.mod_table_body_row.var_dark + .var_dark th.mod_table_body_row_cell {
  border-top: 0.06667em solid #F6F6F6; }

.mod_table_body_row.var_light + .var_light th.mod_table_body_row_cell {
  border-top: 0.06667em solid #FFFFFF; }

.mod_table_body_row.var_dark + .var_dark td.mod_table_body_row_cell,
.mod_table_body_row.var_light + .var_light td.mod_table_body_row_cell {
  border-top: 0.06667em solid #DCDCDC;
  padding: 0.8em 1.33333em 1.46667em; }
  .mod_table_body_row.var_dark + .var_dark td.mod_table_body_row_cell:first-of-type,
  .mod_table_body_row.var_light + .var_light td.mod_table_body_row_cell:first-of-type {
    position: relative; }
    .mod_table_body_row.var_dark + .var_dark td.mod_table_body_row_cell:first-of-type:before,
    .mod_table_body_row.var_light + .var_light td.mod_table_body_row_cell:first-of-type:before {
      position: absolute;
      top: -0.13333em;
      width: 1.06667em;
      height: 0.2em;
      display: block;
      content: "";
      background: #FFFFFF;
      left: 0; }
      @media all and (min-width: 40.1875em) {
        .mod_table_body_row.var_dark + .var_dark td.mod_table_body_row_cell:first-of-type:before,
        .mod_table_body_row.var_light + .var_light td.mod_table_body_row_cell:first-of-type:before {
          width: 1.33333em; } }
  .mod_table_body_row.var_dark + .var_dark td.mod_table_body_row_cell:last-child:after,
  .mod_table_body_row.var_light + .var_light td.mod_table_body_row_cell:last-child:after {
    position: absolute;
    top: -0.13333em;
    width: 1.06667em;
    height: 0.2em;
    display: block;
    content: "";
    background: #FFFFFF;
    right: 0; }
    @media all and (min-width: 40.1875em) {
      .mod_table_body_row.var_dark + .var_dark td.mod_table_body_row_cell:last-child:after,
      .mod_table_body_row.var_light + .var_light td.mod_table_body_row_cell:last-child:after {
        right: -1.06667em;
        width: 2.13333em; } }

.mod_table_body_row.var_dark + .var_dark td.mod_table_body_row_cell:first-of-type:before {
  background: #F6F6F6; }

.mod_table_body_row.var_dark + .var_dark td.mod_table_body_row_cell:last-child:after {
  background: #F6F6F6; }
  @media all and (min-width: 40.1875em) {
    .mod_table_body_row.var_dark + .var_dark td.mod_table_body_row_cell:last-child:after {
      background: -webkit-gradient(linear, left top, right top, from(#F6F6F6), color-stop(50%, #F6F6F6), color-stop(50%, #FFFFFF), to(#FFFFFF));
      background: linear-gradient(to right, #F6F6F6 0%, #F6F6F6 50%, #FFFFFF 50%, #FFFFFF 100%); } }

.page_centered .mod_table_title {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.10714em;
  margin-left: auto;
  width: 100%;
  display: inline-block;
  text-align: center; }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_table_title {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_table_title {
      font-size: 2.66667em; } }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_table_title {
      margin-top: -0.26667em;
      margin-bottom: 1.4em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_table_title {
      margin-top: -0.275em;
      margin-bottom: 1.2em; } }
  div[class="layout_columns_main"] .page_centered .mod_table_title,
  .mod_accordion .page_centered .mod_table_title {
    max-width: none; }

.mod_table_outer_wrapper {
  position: relative; }

.mod_table_wrapper {
  overflow-y: hidden; }
  @media all and (max-width: 40.1775em) {
    .mod_table_wrapper {
      margin-left: -1.6em;
      margin-right: -1.6em; } }

.mod_table_shadow_right {
  position: absolute;
  top: -0.4em;
  right: 0;
  width: 1em;
  right: -1.6em;
  height: calc(100% + 2 * 0.4em);
  pointer-events: none;
  -webkit-transition: -webkit-box-shadow 0.1s ease-in;
  transition: -webkit-box-shadow 0.1s ease-in;
  transition: box-shadow 0.1s ease-in;
  transition: box-shadow 0.1s ease-in, -webkit-box-shadow 0.1s ease-in;
  z-index: 1; }
  @media all and (min-width: 40.1875em) {
    .mod_table_shadow_right {
      right: 0;
      width: 1em; } }

.mod_table_shadow_right.is_visible {
  -webkit-box-shadow: inset -0.4em 0 0.4em 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset -0.4em 0 0.4em 0 rgba(0, 0, 0, 0.25); }

.mod_table_table,
.mod_table_table_sticky {
  border-collapse: separate;
  margin: 0 auto;
  table-layout: fixed; }
  @media all and (min-width: 64.0625em) {
    .mod_table_table,
    .mod_table_table_sticky {
      table-layout: auto; } }

.mod_table_table {
  width: auto;
  border: 1px solid #E5E5E5;
  border-left: 0;
  border-right: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_table_table {
      border: 1px solid #E5E5E5;
      padding-bottom: 1.06667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_table_table {
      width: 100%; } }
  .var_full_width .mod_table_table {
    min-width: 100%; }

@media screen and (-ms-high-contrast: active) {
  .mod_table_table .mod_svgsprite_icon {
    fill: windowText; } }

@media screen and (-ms-high-contrast: active) {
  .mod_table_table a:focus .mod_svgsprite_icon,
  .mod_table_table a:hover .mod_svgsprite_icon {
    fill: highlightText; } }

.mod_table_table_sticky {
  position: absolute;
  top: 0;
  left: -1.6em;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.1s ease-in;
  transition: -webkit-box-shadow 0.1s ease-in;
  transition: box-shadow 0.1s ease-in;
  transition: box-shadow 0.1s ease-in, -webkit-box-shadow 0.1s ease-in; }
  @media all and (max-width: 40.1775em) {
    .mod_table_table_sticky {
      border: 1px solid #E5E5E5;
      border-left: 0;
      border-right: 0; } }
  @media all and (min-width: 40.1875em) {
    .mod_table_table_sticky {
      left: 0;
      padding-bottom: 1.06667em;
      border-left: 1px solid #E5E5E5;
      border-top: 1px solid #E5E5E5; } }

.mod_table_table_sticky:not(.has_shadow) {
  pointer-events: none; }

.mod_table_table_sticky.has_shadow {
  -webkit-box-shadow: 0.4em 0 0.4em 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0.4em 0 0.4em 0 rgba(0, 0, 0, 0.25);
  border-right: 1px solid #CDCDCD; }

.mod_table_head_row_cell.var_left,
.mod_table_body_row_cell.var_left {
  text-align: left; }

.mod_table_head_row_cell.var_right,
.mod_table_body_row_cell.var_right {
  text-align: right; }

.mod_table_head_row_cell.var_center,
.mod_table_body_row_cell.var_center {
  text-align: center; }

.mod_table_body_row_cell_bold {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_table_head sup,
.mod_table_head sub,
.mod_table_body_row sup,
.mod_table_body_row sub {
  font-size: 0.6em; }

.mod_table_head sup,
.mod_table_body_row sup {
  vertical-align: super;
  top: 0; }

.mod_table_head sub,
.mod_table_body_row sub {
  vertical-align: sub;
  bottom: 0; }

.mod_table_head {
  background: #E5E5E5; }
  @media screen and (-ms-high-contrast: active) {
    .mod_table_head {
      -webkit-box-shadow: inset 0px -1px 0px 0px windowText;
              box-shadow: inset 0px -1px 0px 0px windowText; } }

.mod_table_head_row_cell {
  font-weight: normal;
  padding: 1.93333em 1.33333em; }

.mod_table_head_row_cell:first-child {
  padding-left: 1.06667em;
  max-width: 30%; }
  @media all and (min-width: 40.1875em) {
    .mod_table_head_row_cell:first-child {
      padding-left: 2.13333em; } }
  @media all and (min-width: 64.0625em) {
    .mod_table_head_row_cell:first-child {
      max-width: none; } }

.mod_table_head_row_cell:last-child {
  padding-right: 1.06667em; }
  @media all and (min-width: 40.1875em) {
    .mod_table_head_row_cell:last-child {
      padding-right: 2.13333em; } }

.mod_table_body_row:nth-child(even) .mod_table_body_row_cell {
  background-color: #F6F6F6; }
  @media screen and (-ms-high-contrast: active) {
    .mod_table_body_row:nth-child(even) .mod_table_body_row_cell {
      -webkit-box-shadow: inset 0px 1px 0px 0px windowText, inset 0px -1px 0px 0px windowText;
              box-shadow: inset 0px 1px 0px 0px windowText, inset 0px -1px 0px 0px windowText; } }

.mod_table_body_row:nth-child(odd) .mod_table_body_row_cell {
  background-color: #FFFFFF; }

.mod_table_body_row_cell {
  padding: 1.33333em 1.33333em;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal; }

.mod_table_body_row_cell:first-child {
  padding-left: 1.06667em;
  position: relative;
  max-width: 30%; }
  @media all and (min-width: 40.1875em) {
    .mod_table_body_row_cell:first-child {
      padding-left: 1.06667em;
      border-left: 1.06667em solid #FFFFFF; } }
  @media all and (min-width: 64.0625em) {
    .mod_table_body_row_cell:first-child {
      max-width: none; } }
  @media screen and (-ms-high-contrast: active) {
    .mod_table_body_row_cell:first-child {
      border-color: rgba(0, 0, 0, 0); } }

.mod_table_body_row_cell:last-child {
  position: relative;
  padding-right: 1.06667em; }
  @media all and (min-width: 40.1875em) {
    .mod_table_body_row_cell:last-child {
      padding-right: 1.06667em;
      border-right: 1.06667em solid #FFFFFF; } }
  @media screen and (-ms-high-contrast: active) {
    .mod_table_body_row_cell:last-child {
      border-color: rgba(0, 0, 0, 0); } }

.mod_table_body_row_cell_download_wrapper {
  clear: both;
  display: block;
  margin-top: 0.33333em;
  margin-bottom: -0.33333em;
  padding: 0;
  background-color: transparent;
  overflow: auto; }

.mod_table_download_text {
  display: block;
  float: left;
  padding: 0 0.53333em 0 0.26667em; }

.mod_table_dl_link_icon_only {
  display: inline-block;
  height: 1.6em;
  vertical-align: middle; }

.mod_table_dl_link_icon_only .mod_svgsprite_icon {
  float: none; }

.mod_table .var_download_arrow {
  fill: #EB0000; }

.mod_table_caption {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
  position: relative;
  margin: 0;
  height: 0; }

.mod_table_legend_list {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0; }

.mod_table_legend,
.mod_table_caption_text {
  margin-top: 0.53333em; }

.mod_table_legend + .mod_table_caption_text {
  margin-top: 0.86667em; }

.mod_table_legend_list_item,
.mod_table_caption_text p {
  font-size: 0.86667em;
  color: #666666; }

.mod_table_legend_list_item {
  padding-left: 0; }

.mod_table_legend_list_item_number {
  padding-right: 0.53333em; }

div[class*="layout_columns_main"] > .mod_table:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_table:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_table:not(:first-child) {
      margin-top: -3.2em; } }

.page_centered .mod_accordion h3.mod_table_title {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  text-align: left; }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_accordion h3.mod_table_title {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .page_centered .mod_accordion h3.mod_table_title {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.page_centered .mod_accordion h4.mod_table_title {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0.8em;
  text-align: left; }
  @media all and (min-width: 160.0625em) {
    .page_centered .mod_accordion h4.mod_table_title {
      font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.mod_accordion .mod_table:not(:last-child) {
  margin-bottom: 2.4em; }

.mod_accordion .mod_copy + .mod_table,
.mod_accordion .mod_table:first-child .mod_table_title {
  margin-top: -0.4em; }

.mod_accordion .mod_table_table {
  min-width: 100%; }

.mod_accordion .mod_table_table a {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word; }

.mod_accordion_item.var_no_padding .mod_table_head_row_cell {
  padding: 1.33333em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_filter_press .mod_accordion,
.mod_accordion_wrapper {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_filter_press .mod_accordion,
    .mod_accordion_wrapper {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_filter_press .mod_accordion,
    .mod_accordion_wrapper {
      margin-bottom: 6.4em; } }

.page_centered .mod_accordion_title {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.10714em;
  margin-left: auto;
  width: 100%;
  display: inline-block;
  text-align: center; }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_accordion_title {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_accordion_title {
      font-size: 2.66667em; } }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_accordion_title {
      margin-top: -0.26667em;
      margin-bottom: 1.4em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_accordion_title {
      margin-top: -0.275em;
      margin-bottom: 1.2em; } }
  div[class="layout_columns_main"] .page_centered .mod_accordion_title,
  .mod_accordion .page_centered .mod_accordion_title {
    max-width: none; }

.layout_center .mod_accordion {
  margin-left: -1.6rem;
  margin-right: -1.6rem; }
  @media all and (min-width: 40.1875em) {
    .layout_center .mod_accordion {
      margin-left: -3.2rem;
      margin-right: -3.2rem; } }
  @media all and (min-width: 64.0625em) {
    .layout_center .mod_accordion {
      margin-left: 0;
      margin-right: 0; } }

.mod_accordion_item {
  border-bottom: 0.13333em solid #FFFFFF; }
  .mod_accordion_item_content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    height: 0;
    padding: 0 1.6em;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: height; }
    @media all and (min-width: 40.1875em) {
      .mod_accordion_item_content {
        padding: 0 3.2em; } }
    @media all and (min-width: 64.0625em) {
      .mod_accordion_item_content {
        padding: 0 2.13333em; } }
    .mod_accordion_item_content_wrapper {
      padding: 2.13333em 0;
      border-top: 1px solid rgba(229, 229, 229, 0);
      -webkit-transition: border-color 300ms ease-out;
      transition: border-color 300ms ease-out; }
      @media all and (min-width: 40.1875em) {
        .mod_accordion_item_content_wrapper {
          padding: 3.2em 0; } }
      .is_open .mod_accordion_item_content_wrapper {
        border-top: 1px solid #E5E5E5; }
      .mod_accordion_item_content_wrapper > :last-child {
        margin-bottom: 0; }
      .mod_accordion_item_content_wrapper:after {
        content: '';
        display: table; }
  .mod_accordion_item_link {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: left;
    border: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .mod_accordion_item_link:not([disabled]), .mod_accordion_item_link:not([disabled]):hover, .mod_accordion_item_link:not([disabled]):focus {
      color: #000000; }
    .is_open .mod_accordion_item_link_open {
      display: none; }
    .is_closed .mod_accordion_item_link_open {
      display: inline-block; }
    .is_open .mod_accordion_item_link_close {
      display: inline-block; }
    .is_closed .mod_accordion_item_link_close {
      display: none; }
  @media all and (min-width: 64.0625em) {
    .mod_accordion_item:before {
      border: 1px solid rgba(229, 229, 229, 0); } }
  .mod_accordion_item.is_open,
  .no-js .mod_accordion_item {
    position: relative; }
    .mod_accordion_item.is_open .mod_accordion_item_content,
    .no-js .mod_accordion_item .mod_accordion_item_content {
      height: auto; }
    .mod_accordion_item.is_open .mod_accordion_item_link,
    .no-js .mod_accordion_item .mod_accordion_item_link {
      background: transparent; }
    .mod_accordion_item.is_open .mod_accordion_item.is_closed .mod_accordion_item_link,
    .no-js .mod_accordion_item .mod_accordion_item.is_closed .mod_accordion_item_link {
      background: #F6F6F6; }
    .mod_accordion_item.is_open:before,
    .no-js .mod_accordion_item:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      content: '';
      border-bottom: 1px solid #E5E5E5;
      border-top: 1px solid #E5E5E5; }
      @media all and (min-width: 64.0625em) {
        .mod_accordion_item.is_open:before,
        .no-js .mod_accordion_item:before {
          border: 1px solid #E5E5E5; } }
      .var_invert .mod_accordion_item.is_open:before, .var_invert
      .no-js .mod_accordion_item:before {
        content: none; }
        @media screen and (-ms-high-contrast: active) {
          .var_invert .mod_accordion_item.is_open:before, .var_invert
          .no-js .mod_accordion_item:before {
            content: ''; } }
  .mod_accordion_item.is_open .mod_accordion_item_content {
    height: auto; }
  .mod_accordion_item.is_open button.mod_accordion_item_link:hover, .mod_accordion_item.is_open button.mod_accordion_item_link:focus {
    background-color: transparent; }
  .mod_accordion_item.is_visible .mod_accordion_item_content {
    overflow: visible; }
  .no-js .mod_accordion_item.is_closed .mod_accordion_item_content {
    display: block; }
  .no-js .mod_accordion_item .mod_accordion_item_link {
    cursor: default; }
    .no-js .mod_accordion_item .mod_accordion_item_link_open, .no-js .mod_accordion_item .mod_accordion_item_link_close {
      display: none; }
  .mod_accordion_item.is_closed .mod_accordion_item_content:not(.display_for_init) {
    display: none; }
  .mod_accordion_item:last-of-type {
    border-bottom: 0; }
  .mod_accordion_item_title {
    margin: 0;
    text-decoration: none;
    word-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    display: block;
    white-space: normal; }
  .mod_accordion_item_link {
    display: block;
    min-height: 5.33333em;
    height: auto;
    padding-top: 1.66667em;
    padding-bottom: 1.8em;
    padding-left: 1.6em;
    padding-right: 4.93333em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    background-color: #F6F6F6;
    -webkit-transition: background 300ms ease-out;
    transition: background 300ms ease-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    @media all and (min-width: 40.1875em) {
      .mod_accordion_item_link {
        min-height: 6.8em;
        padding-top: 2.4em;
        padding-bottom: 2.53333em;
        padding-left: 3.2em;
        padding-right: 6.53333em; } }
    @media all and (min-width: 64.0625em) {
      .mod_accordion_item_link {
        padding-left: 2.13333em;
        padding-right: 5.46667em; } }
    .mod_accordion_item_link_open, .mod_accordion_item_link_close {
      position: absolute;
      top: 50%;
      right: 1.6em;
      width: 1.6em;
      height: 1.6em;
      margin-top: -0.66667em;
      border: 1px solid #A8A8A8;
      border-radius: 60%;
      -webkit-transition: border-color 300ms ease-out;
      transition: border-color 300ms ease-out;
      -webkit-transform: rotate(360deg); }
      @media all and (min-width: 40.1875em) {
        .mod_accordion_item_link_open, .mod_accordion_item_link_close {
          right: 3.2em;
          width: 2.13333em;
          height: 2.13333em;
          margin-top: -1.06667em; } }
      @media all and (min-width: 64.0625em) {
        .mod_accordion_item_link_open, .mod_accordion_item_link_close {
          right: 2.13333em; } }
      .mod_accordion_item_link_open .mod_svgsprite_icon, .mod_accordion_item_link_close .mod_svgsprite_icon {
        width: 1.06667em;
        height: 1.06667em;
        margin: 0.2em 0 0 0.2em;
        fill: #666666;
        -webkit-transition: fill 300ms ease-out;
        transition: fill 300ms ease-out; }
        @media screen and (-ms-high-contrast: active) {
          .mod_accordion_item_link_open .mod_svgsprite_icon, .mod_accordion_item_link_close .mod_svgsprite_icon {
            fill: windowText; } }
        @media all and (min-width: 40.1875em) {
          .mod_accordion_item_link_open .mod_svgsprite_icon, .mod_accordion_item_link_close .mod_svgsprite_icon {
            width: 1.6em;
            height: 1.6em; } }
      .mod_accordion_item_link_open_text, .mod_accordion_item_link_close_text {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        margin: -1px;
        padding: 0;
        border: 0; }
    .is_open .mod_accordion_item_link_open {
      display: none; }
    .mod_accordion_item_link_close {
      display: none; }
      .is_open .mod_accordion_item_link_close {
        display: block; }
  .var_invert .mod_accordion_item {
    background-color: #FFFFFF;
    border-bottom: 0.2em solid #F6F6F6; }
    .var_invert .mod_accordion_item_link {
      background: #FFFFFF; }
  html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:hover,
  html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:focus {
    background-color: #E5E5E5; }
    html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:hover .mod_accordion_item_link_open,
    html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:hover .mod_accordion_item_link_close,
    html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:focus .mod_accordion_item_link_open,
    html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:focus .mod_accordion_item_link_close {
      border-color: #C60018; }
      html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:hover .mod_accordion_item_link_open .mod_svgsprite_icon,
      html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:hover .mod_accordion_item_link_close .mod_svgsprite_icon,
      html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:focus .mod_accordion_item_link_open .mod_svgsprite_icon,
      html[data-focus-source="key"] .mod_accordion_item button.mod_accordion_item_link:focus .mod_accordion_item_link_close .mod_svgsprite_icon {
        fill: #C60018; }
  button.mod_accordion_item_link:hover .mod_accordion_item.no-touchevents {
    background-color: #E5E5E5; }
    button.mod_accordion_item_link:hover .mod_accordion_item.no-touchevents .mod_accordion_item_link_open,
    button.mod_accordion_item_link:hover .mod_accordion_item.no-touchevents .mod_accordion_item_link_close {
      border-color: #C60018; }
      button.mod_accordion_item_link:hover .mod_accordion_item.no-touchevents .mod_accordion_item_link_open .mod_svgsprite_icon,
      button.mod_accordion_item_link:hover .mod_accordion_item.no-touchevents .mod_accordion_item_link_close .mod_svgsprite_icon {
        fill: #C60018; }
  .mod_accordion_item_label_percentage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.6em 1.6em 0 0;
    border-color: #000000 transparent transparent transparent;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: rotate(360deg); }
    @media all and (min-width: 40.1875em) {
      .mod_accordion_item_label_percentage {
        border-width: 2.4em 2.4em 0 0; } }
    @media all and (min-width: 64.0625em) {
      .mod_accordion_item_label_percentage {
        border-width: 2.66667em 2.66667em 0 0; } }
  .mod_accordion_item_heading {
    position: relative;
    z-index: 0; }
  .mod_accordion_item_content {
    -webkit-transform: none;
            transform: none;
    position: relative; }

.mod_accordion .var_percentage_sign {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  fill: #FFFFFF;
  height: 1.06667em;
  width: 1.06667em;
  margin: -0.00667em 0 0 -0.16667em; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion .var_percentage_sign {
      height: 1.86667em;
      width: 1.86667em;
      margin: -0.23333em 0 0 -0.26667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_accordion .var_percentage_sign {
      margin: -0.13333em 0 0 -0.2em; } }

.mod_accordion .text_lead_wrapper p {
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  font-size: 1.33333em;
  line-height: 1.3;
  margin: 2em 0 0; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion .text_lead_wrapper p {
      font-size: 1.4em; } }

.mod_accordion_item_title {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  margin: 0 0 0.05em; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion_item_title {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_accordion_item_title {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  @media all and (min-width: 40.1875em) {
    .mod_accordion_item_title {
      margin: 0 0 0.04762em; } }

.mod_accordion_item_titledesc {
  display: block;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75em; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion_item_titledesc {
      font-size: 0.71429em; } }

.var_queryamount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.8em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: .86667em;
  margin: 0;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #767676;
  border-top: 1px solid #E5E5E5; }

.mod_accordion_item_link {
  min-height: 4em;
  padding-top: 1.25em;
  padding-bottom: 1.35em;
  padding-left: 1.2em;
  padding-right: 3.7em; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion_item_link {
      min-height: 4.85714em;
      padding-top: 1.71429em;
      padding-bottom: 1.80952em;
      padding-left: 2.28571em;
      padding-right: 4.66667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_accordion_item_link {
      padding-left: 1.52381em;
      padding-right: 3.90476em; } }
  .mod_accordion_item_link.var_has_title_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.25em; }
    @media all and (min-width: 40.1875em) {
      .mod_accordion_item_link.var_has_title_icon {
        padding-bottom: 1.71429em; } }
  .mod_accordion_item_link_open, .mod_accordion_item_link_close {
    right: 1.2em;
    width: 1.2em;
    height: 1.2em;
    margin-top: -0.5em; }
    @media all and (min-width: 40.1875em) {
      .mod_accordion_item_link_open, .mod_accordion_item_link_close {
        right: 2.28571em;
        width: 1.52381em;
        height: 1.52381em;
        margin-top: -0.7619em; } }
    @media all and (min-width: 64.0625em) {
      .mod_accordion_item_link_open, .mod_accordion_item_link_close {
        right: 1.52381em; } }
    .mod_accordion_item_link_open .mod_svgsprite_icon, .mod_accordion_item_link_close .mod_svgsprite_icon {
      width: 0.8em;
      height: 0.8em;
      margin: 0.15em 0 0 0.15em; }
      @media all and (min-width: 40.1875em) {
        .mod_accordion_item_link_open .mod_svgsprite_icon, .mod_accordion_item_link_close .mod_svgsprite_icon {
          width: 1.14286em;
          height: 1.14286em;
          margin: 0.14286em 0 0 0.14286em; } }
  .mod_accordion_item_link_title_icon {
    -ms-flex-item-align: center;
        align-self: center;
    width: 1.6em;
    height: 1.6em;
    margin: -0.1em 0.4em 0 0; }
    @media all and (min-width: 40.1875em) {
      .mod_accordion_item_link_title_icon {
        width: 1.52381em;
        height: 1.52381em;
        margin: -0.04762em 0.38095em 0 0; } }

div[class*=layout_columns_main] > .mod_lead_text + .mod_accordion_wrapper,
div[class*=layout_columns_main] > .mod_copy + .mod_accordion_wrapper {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*=layout_columns_main] > .mod_lead_text + .mod_accordion_wrapper,
    div[class*=layout_columns_main] > .mod_copy + .mod_accordion_wrapper {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*=layout_columns_main] > .mod_lead_text + .mod_accordion_wrapper,
    div[class*=layout_columns_main] > .mod_copy + .mod_accordion_wrapper {
      margin-top: -3.2em; } }

.mod_accordion.var_dssc_faq {
  margin-left: -0.8em;
  margin-right: -0.8em; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion.var_dssc_faq {
      margin-left: 0;
      margin-right: 0; } }

.mod_accordion_item.var_no_padding .mod_accordion_item_content,
.mod_accordion_item.var_no_padding .mod_accordion_item_content_wrapper {
  padding: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_media {
  position: relative;
  z-index: 0; }
  .layout_columns_main > .mod_media {
    margin-bottom: 3.73333em; }
    @media all and (min-width: 40.1875em) {
      .layout_columns_main > .mod_media {
        margin-bottom: 4.8em; } }
    @media all and (min-width: 64.0625em) {
      .layout_columns_main > .mod_media {
        margin-bottom: 6.4em; } }

div[class*="layout_columns_main"] > .mod_media:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_media:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_media:not(:first-child) {
      margin-top: -3.2em; } }

.mod_accordion .mod_media:not(:last-child) {
  margin-bottom: 2.4em; }

@media all and (min-width: 64.0625em) {
  .mod_accordion .mod_copy + .mod_media {
    margin-top: -0.73333em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_image {
  margin: 0; }

.mod_video + .mod_image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: opacity .75s ease-out;
  transition: opacity .75s ease-out; }

.js .is_showing_video .mod_video + .mod_image {
  opacity: 0; }

.mod_image_inner_wrapper {
  position: relative;
  overflow: hidden;
  z-index: 0;
  background: #E5E5E5; }
  .mod_media.is_initialized .mod_image_inner_wrapper {
    background: #000000; }
  .mod_image_inner_wrapper.var_lightbox_key_visual {
    background: none; }
    @media all and (max-width: 40.1775em) {
      .mod_image_inner_wrapper.var_lightbox_key_visual {
        margin-top: -1.6em;
        margin-bottom: -2.13333em; } }
    @media all and (min-width: 40.1875em) {
      .mod_image_inner_wrapper.var_lightbox_key_visual {
        margin-top: -1.06667em;
        margin-bottom: -1.6em; } }
    @media all and (min-width: 64.0625em) {
      .mod_image_inner_wrapper.var_lightbox_key_visual {
        margin-top: -0.53333em;
        margin-bottom: -1.06667em; } }
  .mod_image_inner_wrapper.var_blog_fallback {
    background: none;
    border: 0.06667em solid #CDCDCD; }
  .mod_image_inner_wrapper:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 56.25%; }
  .mod_image_inner_wrapper.var_1x1:after {
    padding-bottom: 100%; }
  .mod_image_inner_wrapper.var_4x3:after {
    padding-bottom: 75%; }
  .mod_image_inner_wrapper.var_13x9:after {
    padding-bottom: 69.230769%; }
  .mod_image_inner_wrapper.var_16x10:after {
    padding-bottom: 62.5%; }
  .mod_image_inner_wrapper.var_2x1:after {
    padding-bottom: 50%; }
  .mod_image_inner_wrapper.var_9x16:after {
    padding-bottom: 176.87%; }
  .mod_image_inner_wrapper > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    z-index: 1; }

.mod_image_figure {
  float: left;
  display: block;
  min-width: 100%;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in;
  transition: opacity 0.35s ease-in; }
  @media all and (min-width: 40.1875em) {
    .mod_image_figure {
      -webkit-transition: opacity 0.45s ease-in;
      transition: opacity 0.45s ease-in; } }
  .lte-ie8 .mod_image_figure.is_lazyloaded, .lte-ie8 .mod_image_figure.var_lazyload {
    display: none; }
  .mod_image_figure.var_static, .mod_image_figure.is_lazyloaded,
  .no-js .mod_image_figure {
    opacity: 0.9999; }
  .mod_image_figure.var_lazyload {
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }

.mod_image_caption {
  font-weight: normal;
  color: #666666;
  font-size: 0.86667em;
  margin: 1em 0 0;
  position: relative;
  z-index: 4;
  font-size: 0.86667em;
  margin: 0.61538em 0 0; }
  .mod_image_caption a {
    color: currentColor; }
  .mod_image_caption a {
    display: inline;
    color: #666666; }
  .mod_lightbox .mod_image_caption {
    text-align: center; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_slider_container {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 3.2em; }

.mod_slider_scrollable_container {
  overflow: hidden; }

.mod_slider_list {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: -0.53333em;
  margin: 0 auto;
  opacity: 0;
  width: calc(500% + 2.66667em);
  -webkit-transition: width 0.225s cubic-bezier(0, 0, 0.2, 1), opacity 0.225s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.225s cubic-bezier(0, 0, 0.2, 1), opacity 0.225s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.225s cubic-bezier(0, 0, 0.2, 1), transform 0.225s cubic-bezier(0, 0, 0.2, 1), opacity 0.225s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.225s cubic-bezier(0, 0, 0.2, 1), transform 0.225s cubic-bezier(0, 0, 0.2, 1), opacity 0.225s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0, 0, 0.2, 1);
  contain: none;
  will-change: width, transform;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .mod_slider_list:before, .mod_slider_list:after {
    content: '';
    display: table; }
  .mod_slider_list:after {
    clear: both; }
  .mod_slider_list:not(.is_set) {
    -webkit-transition: width 0s 0.225s cubic-bezier(0, 0, 0.2, 1), opacity 0.225s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0s 0.225s cubic-bezier(0, 0, 0.2, 1);
    transition: width 0s 0.225s cubic-bezier(0, 0, 0.2, 1), opacity 0.225s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0s 0.225s cubic-bezier(0, 0, 0.2, 1);
    transition: width 0s 0.225s cubic-bezier(0, 0, 0.2, 1), transform 0s 0.225s cubic-bezier(0, 0, 0.2, 1), opacity 0.225s cubic-bezier(0, 0, 0.2, 1);
    transition: width 0s 0.225s cubic-bezier(0, 0, 0.2, 1), transform 0s 0.225s cubic-bezier(0, 0, 0.2, 1), opacity 0.225s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0s 0.225s cubic-bezier(0, 0, 0.2, 1); }
  .mod_slider_list.is_set,
  .no-js .mod_slider_list {
    opacity: 0.9999; }
  @media all and (min-width: 40.1875em) {
    .mod_slider_list {
      -webkit-transition-duration: 0.375s;
              transition-duration: 0.375s; } }

.mod_slider_list_item {
  scroll-margin-top: 8.86667em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  contain: content;
  margin: 0 0.53333em; }
  @media all and (min-width: 40.1875em) {
    .mod_slider_list_item {
      scroll-margin-top: 11.53333em; } }
  @media all and (min-width: 64.0625em) {
    .mod_slider_list_item {
      scroll-margin-top: 13.86667em; } }
  @media all and (max-width: 40.1775em) {
    .mod_slider_list_item {
      width: 100%; } }

.mod_slider_navigation {
  position: absolute;
  bottom: 0;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: block;
  width: 100%;
  opacity: 0.9999;
  visibility: visible;
  -webkit-transition: opacity 0.225s ease 0s, visibility 0s ease 0s;
  transition: opacity 0.225s ease 0s, visibility 0s ease 0s;
  text-align: center; }
  .mod_slider_navigation.is_hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.225s ease 0s, visibility 0s ease 0.225s;
    transition: opacity 0.225s ease 0s, visibility 0s ease 0.225s; }

.mod_slider_navigation_item {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: inline-block;
  contain: content; }

.mod_slider_navigation_item_button {
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  display: block;
  width: 2.8em;
  height: 2.8em; }
  @media all and (max-width: 20.0525em) {
    .mod_slider_navigation_item_button {
      width: 2.26667em;
      height: 2.26667em; } }
  .mod_slider_navigation_item_button:after {
    content: '';
    margin: 0 auto;
    display: block;
    width: 0.8em;
    height: 0.8em;
    border: 0.13333em solid #FFFFFF;
    border-radius: 60%;
    background: #A8A8A8;
    -webkit-transition: background 225ms ease, border-color 225ms ease;
    transition: background 225ms ease, border-color 225ms ease; }
    @media screen and (-ms-high-contrast: active) {
      .mod_slider_navigation_item_button:after {
        background: windowText;
        border-color: transparent; } }
    .is_active .mod_slider_navigation_item_button:after {
      border-color: #A8A8A8 !important;
      background: none; }
      @media screen and (-ms-high-contrast: active) {
        .is_active .mod_slider_navigation_item_button:after {
          background: none;
          border-color: windowText; } }

div[class*="layout_columns_main"] > .mod_media_slider:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_media_slider:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_media_slider:not(:first-child) {
      margin-top: -3.2em; } }

.mod_media_slider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 3.2em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_media_slider {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_media_slider {
      margin-bottom: 6.4em; } }
  @media all and (min-width: 20.0625em) {
    .mod_media_slider {
      padding-bottom: 3.73333em; } }
  .mod_media_slider:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: -56.25%; }

.page_centered .mod_media_slider_title {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.10714em;
  margin-left: auto;
  width: 100%;
  display: inline-block;
  text-align: center; }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_media_slider_title {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_media_slider_title {
      font-size: 2.66667em; } }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_media_slider_title {
      margin-top: -0.26667em;
      margin-bottom: 1.4em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_media_slider_title {
      margin-top: -0.275em;
      margin-bottom: 1.2em; } }
  div[class="layout_columns_main"] .page_centered .mod_media_slider_title,
  .mod_accordion .page_centered .mod_media_slider_title {
    max-width: none; }

.mod_media_slider .mod_media {
  width: 100%; }

.mod_media_slider .mod_slider_container {
  margin-bottom: 0; }

.page_generic_campaign_one_pager .mod_media_slider {
  margin: 0;
  padding: 3.2em 0 6.4em 0;
  margin-bottom: 1.6em; }
  @media all and (min-width: 40.1875em) {
    .page_generic_campaign_one_pager .mod_media_slider {
      padding: 6.4em 0 12.8em 0; } }
  .page_generic_campaign_one_pager .mod_media_slider .mod_slider_navigation {
    bottom: 6.4em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_nbc {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin: 0 -1.6em;
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_nbc {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_nbc {
      margin-bottom: 6.4em; } }
  @media all and (max-width: 40.1775em) {
    .mod_nbc:not(.var_has_mobile_version) {
      border-top: 0.06667em solid #DCDCDC; } }
  @media all and (max-width: 64.0525em) {
    .mod_nbc:not(.var_has_mobile_version) {
      margin-top: 3.73333em; } }
  @media all and (min-width: 40.1875em) {
    .mod_nbc {
      margin-left: 0;
      margin-right: 0; } }
  @media all and (max-width: 64.0525em) {
    .mod_nbc_scroll {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: -webkit-min-content;
      min-height: -moz-min-content;
      min-height: min-content;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -ms-flex-line-pack: end;
          align-content: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media all and (max-width: 64.0525em) {
    .mod_nbc:not(.is_expanded) .box.section.var_deeplinks:only-child {
      display: none; } }
  .mod_nbc .mod_nbc_scroll > .at-element-marker,
  .mod_nbc .mod_nbc_scroll > .box.section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding: 0;
    margin-bottom: 0; }
    .mod_nbc .mod_nbc_scroll > .at-element-marker:last-of-type,
    .mod_nbc .mod_nbc_scroll > .box.section:last-of-type {
      margin-right: auto; }
    @media all and (min-width: 40.1875em) {
      .mod_nbc .mod_nbc_scroll > .at-element-marker,
      .mod_nbc .mod_nbc_scroll > .box.section {
        margin: 0 0 1.6em;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(50% - 0.8em);
                flex: 1 1 calc(50% - 0.8em);
        max-width: calc(50% - 0.8em); }
        .mod_nbc .mod_nbc_scroll > .at-element-marker:nth-of-type(even),
        .mod_nbc .mod_nbc_scroll > .box.section:nth-of-type(even) {
          margin-left: 1.6em; } }
    @media all and (min-width: 64.0625em) {
      .mod_nbc .mod_nbc_scroll > .at-element-marker,
      .mod_nbc .mod_nbc_scroll > .box.section {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        max-width: none;
        margin: 0; }
        .mod_nbc .mod_nbc_scroll > .at-element-marker:nth-of-type(even),
        .mod_nbc .mod_nbc_scroll > .box.section:nth-of-type(even) {
          margin-left: 0; } }
    .mod_nbc .mod_nbc_scroll > .at-element-marker + .box.section .mod_nbc_box:first-child,
    .mod_nbc .mod_nbc_scroll > .box.section + .box.section .mod_nbc_box:first-child {
      padding-top: 3.06667em; }
      @media all and (min-width: 64.0625em) {
        .mod_nbc .mod_nbc_scroll > .at-element-marker + .box.section .mod_nbc_box:first-child,
        .mod_nbc .mod_nbc_scroll > .box.section + .box.section .mod_nbc_box:first-child {
          padding-top: 1.73333em; } }
    .mod_nbc .mod_nbc_scroll > .at-element-marker .mod_nbc_section,
    .mod_nbc .mod_nbc_scroll > .box.section .mod_nbc_section {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      min-width: 100%; }
      @media all and (min-width: 40.1875em) {
        .mod_nbc .mod_nbc_scroll > .at-element-marker .mod_nbc_section,
        .mod_nbc .mod_nbc_scroll > .box.section .mod_nbc_section {
          margin: 0; } }
      @media all and (min-width: 64.0625em) {
        .mod_nbc .mod_nbc_scroll > .at-element-marker .mod_nbc_section,
        .mod_nbc .mod_nbc_scroll > .box.section .mod_nbc_section {
          margin: 0 0 1.6em; } }
  .mod_nbc_section {
    background: #FFFFFF;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #DCDCDC;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
    .mod_nbc_section:last-of-type {
      margin-right: auto; }
    .mod_nbc_section:nth-child(1) {
      margin-right: 0; }
    @media all and (max-width: 40.1775em) {
      .mod_nbc_section {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        will-change: max-height, box-shadow;
        contain: content; } }
    @media all and (min-width: 40.1875em) {
      .mod_nbc_section {
        margin: 0 0 1.6em;
        border: 1px solid #DCDCDC;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(50% - 0.8em);
                flex: 1 1 calc(50% - 0.8em);
        max-width: calc(50% - 0.8em); }
        .mod_nbc_section:nth-of-type(even) {
          margin-left: 1.6em; } }
    @media all and (min-width: 64.0625em) {
      .mod_nbc_section {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        max-width: none; }
        .mod_nbc_section:nth-of-type(even) {
          margin-left: 0; } }
    .mod_nbc_section + .mod_nbc_section .mod_nbc_box:first-child {
      padding-top: 3.06667em; }
      @media all and (min-width: 64.0625em) {
        .mod_nbc_section + .mod_nbc_section .mod_nbc_box:first-child {
          padding-top: 1.73333em; } }
    .mod_nbc_section.is_expanded .mod_nbc_section_title_link_open {
      display: none; }
    .mod_nbc_section.is_expanded .mod_nbc_section_title_link_close {
      display: block; }
    .mod_nbc_section.is_fixed {
      position: fixed; }
    .mod_nbc_section.is_set .mod_nbc_section_content_inner {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
      @media all and (min-width: 40.1875em) {
        .mod_nbc_section.is_set .mod_nbc_section_content_inner {
          left: 1.6em;
          right: 1.6em; } }
    .mod_nbc_section.is_scrolled .mod_nbc_buttons {
      -webkit-transform: translateY(-50%) scale(1);
              transform: translateY(-50%) scale(1); }
  .mod_nbc_section_title {
    position: relative; }
    @media all and (min-width: 40.1875em) {
      .mod_nbc_section_title {
        margin: 0; } }
    .mod_nbc_section_title:after {
      content: '';
      position: absolute;
      bottom: -1px;
      height: 1px;
      left: 1.6em;
      right: 1.6em;
      background: #DCDCDC; }
    .mod_nbc_section_title_label {
      font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.33333em;
      padding: 0;
      margin: 0;
      display: block;
      line-height: 1.3; }
      .mod_nbc_section_title_label_text {
        display: block;
        padding: 1.2em 3.8em 1.2em 1.2em;
        overflow: hidden;
        text-overflow: ellipsis; }
    .mod_nbc_section_title_link {
      position: absolute;
      display: block;
      top: 0;
      height: 100%;
      width: 100%;
      background: none;
      text-align: left;
      cursor: text;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text; }
      .mod_nbc_section_title_link_open, .mod_nbc_section_title_link_close {
        position: absolute;
        top: 50%;
        right: 1.2em;
        width: 1.2em;
        height: 1.2em;
        margin-top: -0.5em;
        border: 1px solid #A8A8A8;
        border-radius: 60%;
        -webkit-transition: border-color 300ms ease-out;
        transition: border-color 300ms ease-out;
        -webkit-transform: rotate(360deg); }
        @media all and (min-width: 40.1875em) {
          .mod_nbc_section_title_link_open, .mod_nbc_section_title_link_close {
            right: 2.4em;
            width: 1.6em;
            height: 1.6em;
            margin-top: -0.8em; } }
        @media all and (min-width: 64.0625em) {
          .mod_nbc_section_title_link_open, .mod_nbc_section_title_link_close {
            right: 1.6em; } }
        .mod_nbc_section_title_link_open .mod_svgsprite_icon, .mod_nbc_section_title_link_close .mod_svgsprite_icon {
          width: 0.8em;
          height: 0.8em;
          margin: 0.15em 0 0 0.15em;
          fill: #666666;
          -webkit-transition: fill 300ms ease-out;
          transition: fill 300ms ease-out; }
          @media screen and (-ms-high-contrast: active) {
            .mod_nbc_section_title_link_open .mod_svgsprite_icon, .mod_nbc_section_title_link_close .mod_svgsprite_icon {
              fill: windowText; } }
          @media all and (min-width: 40.1875em) {
            .mod_nbc_section_title_link_open .mod_svgsprite_icon, .mod_nbc_section_title_link_close .mod_svgsprite_icon {
              width: 1.2em;
              height: 1.2em; } }
        .mod_nbc_section_title_link_open_text, .mod_nbc_section_title_link_close_text {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          -webkit-clip-path: inset(0 0 0 0);
                  clip-path: inset(0 0 0 0);
          margin: -1px;
          padding: 0;
          border: 0; }
      .is_open .mod_nbc_section_title_link_open {
        display: none; }
      .mod_nbc_section_title_link_close {
        display: none; }
        .is_open .mod_nbc_section_title_link_close {
          display: block; }
      .mod_nbc_section_title_link_open, .mod_nbc_section_title_link_close {
        position: relative;
        right: auto;
        top: auto;
        display: block;
        margin: 0; }
        @media all and (min-width: 40.1875em) {
          .mod_nbc_section_title_link_open, .mod_nbc_section_title_link_close {
            width: 1.2em;
            height: 1.2em; }
            .mod_nbc_section_title_link_open .mod_svgsprite_icon, .mod_nbc_section_title_link_close .mod_svgsprite_icon {
              width: 0.8em;
              height: 0.8em;
              margin: 0.15em 0 0 0.15em; } }
      .mod_nbc_section_title_link_close {
        display: none; }
      @media all and (min-width: 64.0625em) {
        .mod_nbc_section_title_link {
          padding: 1.6em 1.46667em; }
          .is_scrolled .mod_nbc_section_title_link {
            cursor: pointer; } }
  .mod_nbc_section_content {
    position: relative;
    overflow: hidden;
    padding: 0 1.6em; }
    @media all and (max-width: 40.1775em) {
      .mod_nbc_section_content {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        will-change: height, max-height, overflow; } }
    @media all and (min-width: 40.1875em) {
      .mod_nbc_section_content {
        padding: 0 1.6em; } }
  .mod_nbc_section_content_inner {
    padding-bottom: 1.6em; }
  .mod_nbc_mobileheader {
    margin: 0;
    padding: 1.25em 1em;
    font-size: 1.6em; }
    @media all and (min-width: 40.1875em) {
      .mod_nbc_mobileheader {
        padding: 1.25em 1em; } }
    @media all and (min-width: 64.0625em) {
      .mod_nbc_mobileheader {
        display: none; } }
  .mod_nbc_buttons {
    position: absolute;
    top: 50%;
    right: 1.1em;
    display: block;
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms; }
  .mod_nbc .mod_svgsprite_icon.var_one_way {
    float: none;
    vertical-align: middle; }
  .mod_nbc .text__primarybutton,
  .mod_nbc .text__secondarybutton {
    max-width: none;
    width: 100%; }
  .mod_nbc.is_fixed {
    position: fixed;
    -webkit-overflow-scrolling: touch; }
  .mod_nbc.var_has_mobile_version {
    top: 0;
    height: calc(100% - 3.2em);
    margin: 0; }
    @media all and (min-width: 40.1875em) {
      .mod_nbc.var_has_mobile_version {
        top: 0;
        height: calc(100% - 4.33333em); } }
    @media all and (min-width: 64.0625em) {
      .mod_nbc.var_has_mobile_version {
        top: auto;
        height: auto; } }
    @media all and (max-width: 64.0525em) {
      .mod_nbc.var_has_mobile_version {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 11;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        visibility: hidden; }
        .mod_nbc.var_has_mobile_version:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          height: 33%;
          width: 100%;
          background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
          background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); } }
    @media all and (max-width: 64.0525em) {
      .mod_nbc.var_has_mobile_version.has_animation {
        -webkit-transition: opacity 250ms ease-in, visibility 0s ease 250ms;
        transition: opacity 250ms ease-in, visibility 0s ease 250ms; } }
    @media all and (max-width: 40.1775em) {
      .mod_nbc.var_has_mobile_version.is_expanded .mod_nbc_section {
        -webkit-box-shadow: 0 -0.26667em 0 rgba(0, 0, 0, 0);
                box-shadow: 0 -0.26667em 0 rgba(0, 0, 0, 0); }
      .mod_nbc.var_has_mobile_version.is_expanded .mod_nbc_scroll > .box.section:first-of-type .mod_nbc_section {
        -webkit-box-shadow: 0 -0.26667em 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 -0.26667em 0 rgba(0, 0, 0, 0.15); }
      .mod_nbc.var_has_mobile_version.is_expanded .mod_nbc_section.is_expanded {
        -webkit-box-shadow: 0 -0.26667em 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 -0.26667em 0 rgba(0, 0, 0, 0.15); }
      .mod_nbc.var_has_mobile_version.is_expanded .mod_nbc_scroll > .box.section:last-of-type .mod_nbc_section {
        border-bottom: 0; }
      .mod_nbc.var_has_mobile_version.is_expanded .mod_nbc_scroll > .box.section:last-of-type .mod_nbc_section_title:after {
        height: 0; } }
    @media all and (max-width: 64.0525em) {
      .mod_nbc.var_has_mobile_version.is_expanded {
        opacity: 0.9999;
        visibility: visible;
        -webkit-transition: opacity 250ms ease-in, visibility 0s ease 0s;
        transition: opacity 250ms ease-in, visibility 0s ease 0s; } }
    .mod_nbc.var_has_mobile_version.is_expanded .mod_nbc_wrapper {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
      @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
        .mod_nbc.var_has_mobile_version.is_expanded .mod_nbc_wrapper {
          -webkit-box-shadow: 0 -0.26667em 0 rgba(0, 0, 0, 0.15);
                  box-shadow: 0 -0.26667em 0 rgba(0, 0, 0, 0.15); } }
    .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper {
      background: #FFFFFF;
      border-top: 1px solid #DCDCDC;
      -webkit-transition: background 50ms ease-in 0s, border 50ms ease-in 0s;
      transition: background 50ms ease-in 0s, border 50ms ease-in 0s; }
      .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .mod_nbc_toggle_wrapper_button {
        background: transparent;
        -webkit-box-shadow: none;
                box-shadow: none;
        border: 0;
        right: 0.66667em;
        bottom: 0.06667em; }
      .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .mod_nbc_toggle_wrapper_button:after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        border: 0.06667em solid #A8A8A8;
        content: '';
        width: 1.6em;
        height: 1.6em;
        border-radius: 100%; }
      .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .var_SBB_101_nbc_mobile-tablet {
        display: none; }
      .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .var_SBB_04_close {
        display: inline-block; }
      .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .var_visible_label .var_SBB_04_close {
        left: auto;
        right: 0.13333em; }
      .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .mod_nbc_toggle_wrapper_button.var_visible_label:after {
        left: auto;
        right: -0.4em; }
      @media all and (min-width: 40.1875em) {
        .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .mod_nbc_toggle_wrapper_button {
          right: 1.46667em;
          bottom: 0.2em; }
        .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .mod_nbc_toggle_wrapper_button:after {
          width: 2.13333em;
          height: 2.13333em; }
        .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .var_visible_label .var_SBB_04_close {
          right: 0.66667em; }
        .mod_nbc.var_has_mobile_version.is_expanded + .mod_nbc_toggle_wrapper .mod_nbc_toggle_wrapper_button.var_visible_label:after {
          right: 0.13333em; } }
    .mod_nbc.var_has_mobile_version.is_overflow_disabled .mod_nbc_wrapper {
      overflow: hidden;
      -webkit-overflow-scrolling: auto; }
    .mod_nbc.var_has_mobile_version.is_overflow_disabled .mod_nbc_scroll {
      min-height: 0; }
    .mod_nbc.var_has_mobile_version.is_overflow_disabled .mod_nbc_section {
      max-height: calc(100% + 0.13333em); }
    .mod_nbc.var_has_mobile_version.is_overflow_disabled .mod_nbc_section_content {
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      max-height: calc(100vh - 11.33333em); }
    @media all and (max-width: 64.0525em) {
      .mod_nbc.var_has_mobile_version .mod_nbc_section {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(50% - 0.8em);
                flex: 1 1 calc(50% - 0.8em);
        max-width: calc(50% - 0.8em);
        margin-bottom: 1.6em; }
        .mod_nbc.var_has_mobile_version .mod_nbc_section:nth-of-type(even) {
          margin-left: 1.6em; }
        .mod_nbc.var_has_mobile_version .mod_nbc_section:last-of-type {
          margin-right: auto; }
        .mod_nbc.var_has_mobile_version .mod_nbc_section:nth-child(1) {
          margin-right: 0; } }
    @media all and (max-width: 40.1775em) {
      .mod_nbc.var_has_mobile_version .mod_nbc_section {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        max-width: none;
        margin-bottom: 0;
        border-top: 0;
        background: #FFFFFF; }
        .mod_nbc.var_has_mobile_version .mod_nbc_section:nth-of-type(even) {
          margin-left: 0; } }
    @media all and (max-width: 40.1775em) {
      .mod_nbc.var_has_mobile_version .mod_nbc_section_content {
        height: 0; } }
    @media all and (max-width: 40.1775em) {
      .mod_nbc.var_has_mobile_version .mod_nbc_buttons {
        -webkit-transform: translateY(-50%) scale(1);
                transform: translateY(-50%) scale(1); } }
    .mod_nbc.var_has_mobile_version .mod_nbc_section_content_inner {
      position: relative;
      bottom: auto;
      left: auto; }
    @media all and (max-width: 64.0525em) {
      .mod_nbc.var_has_mobile_version .mod_nbc_scroll {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: -webkit-min-content;
        min-height: -moz-min-content;
        min-height: min-content;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -ms-flex-line-pack: end;
            align-content: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .mod_nbc.var_has_mobile_version .mod_nbc_wrapper {
      z-index: 1; }
      @media all and (max-width: 64.0525em) {
        .mod_nbc.var_has_mobile_version .mod_nbc_wrapper {
          position: absolute;
          bottom: -1.6em;
          left: 0;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          max-height: calc(100% + 1.6em);
          overflow: auto;
          -webkit-overflow-scrolling: touch;
          padding: 1.6em;
          background: #FFFFFF;
          -webkit-transform: translateY(100%);
                  transform: translateY(100%);
          -webkit-transition: -webkit-transform 250ms ease-in;
          transition: -webkit-transform 250ms ease-in;
          transition: transform 250ms ease-in;
          transition: transform 250ms ease-in, -webkit-transform 250ms ease-in; } }
      @media all and (max-width: 40.1775em) {
        .mod_nbc.var_has_mobile_version .mod_nbc_wrapper {
          padding: 0;
          bottom: 0;
          background: transparent;
          min-height: 100%; } }
    .mod_nbc.var_has_mobile_version + .mod_nbc_toggle_wrapper {
      visibility: visible;
      opacity: 0.9999;
      -webkit-transition: background 50ms ease-in 250ms, border 50ms ease-in 250ms, opacity 250ms ease-in, visibility 0s ease 0s;
      transition: background 50ms ease-in 250ms, border 50ms ease-in 250ms, opacity 250ms ease-in, visibility 0s ease 0s; }
      @media all and (min-width: 64.0625em) {
        .mod_nbc.var_has_mobile_version + .mod_nbc_toggle_wrapper {
          visibility: hidden;
          opacity: 0; } }
  .mod_nbc ul:not([class]) {
    padding-left: 1.6em; }
    .mod_nbc ul:not([class]) li {
      padding-bottom: 0.8em; }

.mod_nbc_content_text {
  margin-top: 1.6em; }
  .mod_nbc_content_text p:first-child {
    margin-top: -0.4em; }
  .mod_nbc_content_text p:last-child {
    margin-bottom: -0.46667em; }

.mod_nbc .mod_notification {
  margin-bottom: 0; }

.mod_nbc:not(.var_has_mobile_version) .mod_nbc_scroll {
  margin-bottom: -1.6em; }

.mod_nbc_toggle_wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 3.2em;
  border-top: 0.06667em solid transparent;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: background 50ms ease-in 250ms, border 50ms ease-in 250ms, opacity 250ms ease-in, visibility 0s ease 250ms;
  transition: background 50ms ease-in 250ms, border 50ms ease-in 250ms, opacity 250ms ease-in, visibility 0s ease 250ms; }
  @media all and (min-width: 40.1875em) {
    .mod_nbc_toggle_wrapper {
      height: 4.26667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_nbc_toggle_wrapper {
      display: none; } }
  @media screen and (-ms-high-contrast: active) {
    .mod_nbc_toggle_wrapper {
      border-top: 0; } }

.mod_nbc_toggle_wrapper_button {
  position: absolute;
  bottom: 0.8em;
  right: 1.06667em;
  height: 3.2em;
  line-height: 3.2em;
  padding: 0;
  -webkit-box-shadow: 0 0.26667em 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.26667em 0 rgba(0, 0, 0, 0.15);
  text-align: left;
  color: #FFFFFF;
  background: #EB0000;
  border-radius: 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_nbc_toggle_wrapper_button {
      bottom: 1.6em;
      height: 3.73333em;
      line-height: 3.73333em;
      -webkit-transition: top 250ms, right 250ms;
      transition: top 250ms, right 250ms;
      border-radius: 1.86667em; } }
  @media screen and (-ms-high-contrast: active) {
    .mod_nbc_toggle_wrapper_button {
      border: 0.06667em solid windowText; } }
  .mod_nbc_toggle_wrapper_button:hover, .mod_nbc_toggle_wrapper_button:focus {
    background: #C60018; }
  .mod_nbc_toggle_wrapper_button .mod_svgsprite_icon {
    float: none;
    fill: currentColor; }
    .mod_nbc_toggle_wrapper_button .mod_svgsprite_icon.var_SBB_04_close {
      display: none;
      position: absolute;
      width: 1.06667em;
      height: 1.06667em;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      fill: #767676; }
    @media screen and (-ms-high-contrast: active) {
      .mod_nbc_toggle_wrapper_button .mod_svgsprite_icon {
        fill: windowText; } }
  @media all and (min-width: 40.1875em) {
    .mod_nbc_toggle_wrapper_button .mod_svgsprite_icon.var_SBB_04_close {
      width: 1.6em;
      height: 1.6em; } }

.mod_svgsprite_icon.var_SBB_101_nbc_mobile-tablet {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.mod_nbc_toggle_wrapper_button.var_visible_label {
  left: 1.06667em;
  width: calc(100% - 2.13333em); }
  @media all and (min-width: 48.0625em) {
    .mod_nbc_toggle_wrapper_button.var_visible_label {
      left: auto;
      width: calc(50% - 1.6em); } }
  .mod_nbc_toggle_wrapper_button.var_visible_label .mod_svgsprite_icon.var_SBB_101_nbc_mobile-tablet {
    right: 1.06667em; }

.mod_nbc_toggle_wrapper_button_label {
  display: block;
  padding-left: 1.86667em;
  padding-right: 3.2em; }

.mod_nbc_toggle_wrapper_button:not(.var_visible_label) {
  width: 3.2em; }
  @media all and (min-width: 40.1875em) {
    .mod_nbc_toggle_wrapper_button:not(.var_visible_label) {
      width: 3.73333em; } }
  .mod_nbc_toggle_wrapper_button:not(.var_visible_label) .mod_svgsprite_icon.var_SBB_101_nbc_mobile-tablet {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.mod_nbc_toggle_wrapper_button:not(.var_visible_label) .mod_nbc_toggle_wrapper_button_label {
  display: none; }

body.is_layout_overflow_hidden {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden; }

.mod_nbc .mboxDefault {
  display: none; }

.at-element-marker > .default {
  width: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_nbc_content_contact .mod_media {
  border: 1px solid #E5E5E5; }

.mod_nbc_content_contact .mod_media .mod_image_inner_wrapper {
  background: transparent; }

.mod_nbc_content_contact_image .mod_image_figure {
  margin: 0 auto;
  display: block;
  left: 1.06667em;
  right: 1.06667em;
  bottom: 1.06667em;
  top: 1.06667em;
  min-width: 0;
  max-width: calc(100% - 2.13333em);
  width: calc(100% - 2.13333em);
  max-height: calc(100% - 2.13333em);
  height: calc(100% - 2.13333em); }

.mod_nbc_content_contact_image:before {
  background: transparent; }

.mod_nbc_content_contact_header {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0.8em;
  margin-top: 1.6em;
  margin-bottom: 0;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  @media all and (min-width: 160.0625em) {
    .mod_nbc_content_contact_header {
      font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.mod_nbc_content_contact_subheader {
  margin: 0;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_nbc_content_contact_header.var_inside_content {
  margin-top: 1.73333em; }

.mod_nbc_content_contact_contact_block,
.mod_nbc_content_contact_infotext,
.mod_nbc_content_contact_downloads {
  color: #666666;
  font-size: 1rem;
  line-height: 1.5rem; }

.mod_nbc_content_contact_contact_block {
  display: block;
  padding-top: 1.2em; }

.mod_nbc_content_contact_contact_block_line {
  margin: 0;
  line-height: 1.5rem; }

.mod_nbc_content_contact_contact_block .tel_link {
  color: #666666; }

.mod_nbc_content_contact_contact_block .tel_link:hover {
  color: #C60018; }

.mod_nbc_content_contact_link {
  color: #666666; }

.mod_nbc_content_contact_infotext {
  margin: 0;
  padding-top: 1.6em;
  font-size: 0.86667rem; }

.mod_nbc_content_contact_phoneservice_internaltionalabroad {
  padding-top: 0.93333em;
  display: block; }

.openinghours_day_block {
  padding-top: 0.4em; }

.mod_nbc_content_contact_contact_block_open_hours {
  padding-top: 0.4em;
  padding-bottom: 0.4em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_nbc_content_action {
  max-width: none;
  width: 100%;
  margin-top: 1.6em; }
  .mod_nbc_content_action + .mod_nbc_content_action {
    margin-top: 0.53333em; }
  .mod_nbc_content_action:last-of-type {
    margin-bottom: 0; }

.mod_nbc_content_action_description {
  margin-bottom: 1.6em; }

.text__secondarybutton.mod_nbc_content_action,
.text__primarybutton.mod_nbc_content_action {
  display: block; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_nbc_content_app_stores {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }
  .mod_nbc_content_app_stores .app_store_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding-bottom: 1.6em; }
    .mod_nbc_content_app_stores .app_store_item:after {
      content: '';
      position: absolute;
      bottom: 0;
      height: 1px;
      left: 0;
      width: 100%;
      background: #DCDCDC; }
    .mod_nbc_content_app_stores .app_store_item:last-child {
      padding-bottom: 0; }
    .mod_nbc_content_app_stores .app_store_item:last-child:after {
      display: none; }
    .mod_nbc_content_app_stores .app_store_item_title {
      margin-top: 0.6em;
      margin-bottom: 1.06667em; }
    .mod_nbc_content_app_stores .app_store_item_button {
      padding: 0;
      line-height: 1;
      border-radius: 0.66667em;
      width: 13.33333em;
      max-width: 100%;
      overflow: hidden;
      -ms-flex-item-align: center;
          align-self: center; }
      .mod_nbc_content_app_stores .app_store_item_button img {
        display: block;
        width: 100%;
        height: auto; }
      .mod_nbc_content_app_stores .app_store_item_button.var_black {
        background: #1E1E1E; }
      .mod_nbc_content_app_stores .app_store_item_button.var_grey {
        background: #666666; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_nbc_content_social_links .mod_footer_sociallist li:nth-last-child(3) {
  margin-right: 0.57143em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_nbc_content_chat {
  padding-top: 1.6em; }

.mod_nbc_content_chat .text__ghostbutton {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

.mod_nbc_content_chat_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.6em; }

.mod_nbc_content_chat_info.is_hidden {
  display: none; }

.mod_nbc_content_chat_image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 5.33333em;
  height: 5.33333em;
  margin-right: 1.06667em;
  overflow: hidden;
  background: #666666;
  border-radius: 60%; }

.mod_nbc_content_chat_text {
  font-weight: normal;
  color: #666666;
  font-size: 0.86667em;
  margin: 1em 0 0;
  color: #666666;
  margin-top: 0; }
  .mod_nbc_content_chat_text a {
    color: currentColor; }

.mod_nbc_content_chat_text a:focus,
.mod_nbc_content_chat_text a:hover {
  color: #C60018; }

.mod_nbc_content_chat .mod_loading_animation {
  margin: 1.06667em 0 3.2em 0; }

.mod_nbc_content_chat .mod_loading_animation:after {
  float: left;
  width: 100%;
  margin-top: 1.84615em;
  content: attr(aria-label);
  font-size: 0.86667em;
  color: #666666;
  text-align: center; }

div#realperson_text_status_button {
  margin-bottom: 0 !important; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_nbc_content_links {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }
  .mod_nbc_content_links:not(:first-child) {
    margin-top: 1.6em; }
    .mod_nbc_content_links:not(:first-child) .mod_nbc_content_links_item:first-child {
      border-top: 1px solid #DCDCDC; }
  .mod_nbc_content_links_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0;
    padding: 0.53333em 0;
    border-bottom: 0.06667em solid #DCDCDC; }
    .mod_nbc_content_links_item_cell {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
  .mod_nbc_content_links .mod_svgsprite_icon.var_SBB_08_arrow_down,
  .mod_nbc_content_links .mod_svgsprite_icon.var_SBB_70_download {
    fill: #EB0000; }
    @media screen and (-ms-high-contrast: active) {
      .mod_nbc_content_links .mod_svgsprite_icon.var_SBB_08_arrow_down,
      .mod_nbc_content_links .mod_svgsprite_icon.var_SBB_70_download {
        fill: windowText; } }
  .mod_nbc_content_links .button_item {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
    text-align: left;
    text-decoration: none;
    -webkit-transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .mod_nbc_content_links .button_item_content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .mod_nbc_content_links .button_item_name {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .mod_nbc_content_links .button_item_icon {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-right: 0.4em; }
    .mod_nbc_content_links .button_item_action {
      position: relative;
      display: block;
      margin-left: 0.4em;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
      .mod_nbc_content_links .button_item_action .mod_svgsprite_icon.var_SBB_70_download {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 0.9999;
        -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
        .mod_nbc_content_links .button_item_action .mod_svgsprite_icon.var_SBB_70_download:last-of-type {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -0.8em 0 0 -0.8em;
          -webkit-transform: translateY(-1.73333em);
                  transform: translateY(-1.73333em);
          opacity: 0; }
    .no-touchevents .mod_nbc_content_links .button_item:hover .button_item_action .mod_svgsprite_icon.var_SBB_70_download {
      -webkit-transform: translateY(1.73333em);
              transform: translateY(1.73333em);
      opacity: 0; }
      .no-touchevents .mod_nbc_content_links .button_item:hover .button_item_action .mod_svgsprite_icon.var_SBB_70_download:last-of-type {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 0.9999; }

.mod_nbc_content_links_image_warpper {
  padding-bottom: 1.06667em;
  padding-top: 1.86667em; }

.mod_nbc_content_links_image {
  background: transparent;
  overflow: visible; }

.mod_nbc_content_links_item.var_wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.mod_nbc_content_links_item.var_wrap .mod_nbc_content_links_item_cell:first-child {
  padding-right: 0.66667em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_google_ads {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
  margin-bottom: 3.73333em; }
  @media print {
    .mod_google_ads {
      display: none !important; } }
  @media all and (min-width: 40.1875em) {
    .mod_google_ads {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_google_ads {
      margin-bottom: 6.4em; } }
  .no-js .mod_google_ads {
    display: none; }

.mod_google_ads_block {
  margin-top: -1.66667em; }

.mod_google_ads.var_above,
.mod_google_ads.var_below,
.mod_google_ads.var_inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media all and (min-width: 137.5625em) {
  .mod_google_ads.var_above:not(.var_webshop),
  .mod_google_ads.var_below:not(.var_webshop) {
    display: none; } }

.mod_google_ads.var_above {
  margin-top: 3.73333em;
  margin-bottom: 0; }

@media all and (max-width: 64.0525em) {
  .mod_google_ads.var_inside {
    display: none; } }

.mod_google_ads.var_beside {
  position: absolute;
  top: 6.66667em;
  left: 100%;
  min-width: 10.66667rem;
  min-height: 40rem;
  z-index: -1; }
  @media all and (max-width: 137.49em) {
    .mod_google_ads.var_beside {
      display: none; } }

.mod_google_ads.is_visible {
  opacity: 0.9999; }

.mod_google_ads.is_hidden {
  display: none; }

.mod_google_ads_disclaimer {
  background: #FFFFFF;
  display: inline-block;
  color: #767676;
  margin-top: -2.36364em;
  padding: 0.27273em 0.72727em;
  font-size: 0.73333em;
  text-decoration: none;
  border: 0.09091em solid #DCDCDC;
  border-bottom: 0;
  border-top-left-radius: 0.18182em;
  border-top-right-radius: 0.18182em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.mod_google_ads_content {
  border: 1px solid #DCDCDC;
  min-height: 16.66667em; }
  @media all and (min-width: 40.1875em) {
    .mod_google_ads_content {
      min-height: 6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_google_ads_content {
      min-height: 16.66667em; } }

.mod_google_ads.is_visible .mod_google_ads_content {
  min-height: auto; }

.mod_google_ads_block iframe[width="1"][height="1"] {
  margin-top: -1px;
  display: block; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_ghettobox {
  position: relative;
  background-color: #444444;
  width: 100%;
  z-index: 2;
  border-top: 0.06667em solid #666666;
  display: none;
  will-change: margin, opacity; }
  .no-js .mod_ghettobox {
    display: block; }

.mod_ghettobox:nth-child(2) {
  z-index: 1; }

.mod_ghettobox:nth-child(3) {
  z-index: 0; }

.mod_ghettobox:first-of-type {
  margin-top: -0.06667em; }

.mod_ghettobox:first-of-type:before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  z-index: 2;
  content: '';
  left: 0;
  right: 0;
  top: -13.4em;
  height: 13.33333em;
  background-color: #444444; }
  .sg_module .mod_ghettobox:first-of-type:before {
    display: none; }

.mod_ghettobox.is_clickable {
  -webkit-transition: background 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: background 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.mod_ghettobox.is_clickable:focus,
.mod_ghettobox.is_clickable:hover {
  background: #000000;
  cursor: pointer; }

.mod_ghettobox.is_visible {
  display: block; }

.mod_ghettobox_container {
  position: relative;
  margin-left: 1.6rem;
  margin-right: 1.6rem; }
  @media all and (min-width: 64.0625em) {
    .mod_ghettobox_container {
      margin-left: 5.5%;
      margin-right: 5.5%; } }
  @media all and (min-width: 80.0625em) {
    .mod_ghettobox_container {
      margin-left: 8.5%;
      margin-right: 8.5%; } }
  @media all and (min-width: 120em) {
    .mod_ghettobox_container {
      max-width: 106.26667rem;
      margin-left: auto;
      margin-right: auto; } }
  @media all and (min-width: 160.0625em) {
    .mod_ghettobox_container {
      max-width: none;
      margin-left: 19%;
      margin-right: 19%; } }
  @media all and (min-width: 240.0625em) {
    .mod_ghettobox_container {
      max-width: 177.06667rem;
      margin-left: auto;
      margin-right: auto; } }
  @media all and (min-width: 64.0625em) {
    .mod_ghettobox_container {
      display: block;
      text-align: left; } }

.mod_ghettobox_container_inner_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: 1.6em 2.4em 1.6em 0; }
  @media all and (min-width: 64.0625em) {
    .mod_ghettobox_container_inner_wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 2.4em; } }
  @media all and (min-width: 80.0625em) {
    .mod_ghettobox_container_inner_wrapper {
      max-width: 83.13253%; } }

.mod_ghettobox_container_icon_wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 1.33333em;
  height: 1.33333em;
  margin: -0.33333em 0.8em 0 0;
  background-color: #EB0000;
  border-radius: 0.13333em; }

.mod_ghettobox_container_icon_wrapper .mod_svgsprite_icon {
  width: 1.33333em;
  height: 1.33333em;
  fill: #FFFFFF; }
  @media screen and (-ms-high-contrast: active) {
    .mod_ghettobox_container_icon_wrapper .mod_svgsprite_icon {
      fill: windowText; } }

.mod_ghettobox_container_content {
  color: #FFFFFF;
  margin: -0.53333em 0; }
  @media all and (min-width: 64.0625em) {
    .mod_ghettobox_container_content {
      display: inline-block; } }

.mod_ghettobox_container_content_message {
  pointer-events: none;
  display: block;
  margin: 0 1.33333em 0 0;
  color: inherit;
  text-decoration: none; }
  .mod_ghettobox_container_content_message p {
    display: inline-block;
    margin: 0;
    line-height: 1.6; }

.mod_ghettobox_container_content_message:hover,
.mod_ghettobox_container_content_message:focus {
  color: #FFFFFF; }

.mod_ghettobox_container_content_message .mod_svgsprite_icon {
  float: none;
  display: inline-block;
  height: 1.6em;
  width: 1.6em;
  vertical-align: middle;
  fill: #FFFFFF; }
  @media screen and (-ms-high-contrast: active) {
    .mod_ghettobox_container_content_message .mod_svgsprite_icon {
      fill: windowText; } }

.mod_ghettobox_container_content_message:hover .mod_svgsprite_icon {
  fill: #FFFFFF; }

.mod_ghettobox_container_close {
  position: absolute;
  right: -1.46667em;
  top: 0.4em;
  width: 2.93333em;
  height: 2.93333em;
  padding: 0;
  text-align: center;
  background: none;
  cursor: pointer; }
  @media all and (min-width: 40.1875em) {
    .mod_ghettobox_container_close {
      right: -0.66667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_ghettobox_container_close {
      top: calc(50% - 1.46667em); } }

.mod_ghettobox_container_close:before {
  position: absolute;
  top: 0.66667em;
  left: 0.66667em;
  content: '';
  width: 1.6em;
  height: 1.6em;
  border-radius: 1.6em;
  border: 1px solid #FFFFFF; }

.mod_ghettobox_container_close .var_close {
  width: 1.06667em;
  margin-left: 0.93333em;
  fill: #FFFFFF;
  pointer-events: none; }
  @media screen and (-ms-high-contrast: active) {
    .mod_ghettobox_container_close .var_close {
      fill: windowText; } }

.mod_ghettobox.var_crisisbox .mod_ghettobox_container_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6em 0 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_ghettobox.var_crisisbox .mod_ghettobox_container_content {
      padding: 1.77778em 3.2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_ghettobox.var_crisisbox .mod_ghettobox_container_content {
      padding: 2.66667em 0; } }

@media all and (max-width: 40.1775em) {
  .mod_ghettobox.var_crisisbox .mod_ghettobox_container_inner_wrapper {
    padding-right: 0; } }

.mod_ghettobox.var_crisisbox .mod_svgsprite_icon[class*="_him"],
.mod_ghettobox.var_crisisbox .mod_svgsprite_icon[class*="_realtime"] {
  width: 2.66667em;
  height: 2.66667em; }

.mod_ghettobox.var_crisisbox .mod_ghettobox_container_content_message p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.86667em;
  text-align: center;
  line-height: 1.2;
  padding: 0.89286em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_ghettobox.var_crisisbox .mod_ghettobox_container_content_message p {
      font-size: 2em;
      padding: 1.03333em; } }
  @media all and (min-width: 64.0625em) {
    .mod_ghettobox.var_crisisbox .mod_ghettobox_container_content_message p {
      font-size: 2.66667em;
      max-width: 21.33333em;
      padding: 1em 0; } }

.mod_ghettobox.var_crisisbox .text__ghostbutton {
  color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
          box-shadow: 0 0 0 1px #FFFFFF inset; }

.mod_ghettobox.var_crisisbox .text__ghostbutton:hover,
.mod_ghettobox.var_crisisbox .text__ghostbutton:focus {
  color: #D2D2D2;
  -webkit-box-shadow: 0 0 0 1px #D2D2D2 inset;
          box-shadow: 0 0 0 1px #D2D2D2 inset; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_lightbox {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  opacity: 0.01;
  -webkit-transform: translate3d(0, 0.2em, 0);
          transform: translate3d(0, 0.2em, 0);
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
  .mod_lightbox .mCustomScrollBox {
    width: 100%; }
  .mod_lightbox.var_grey_background .mod_lightbox_header {
    background-color: #FFFFFF; }
  .mod_lightbox.var_grey_background .mod_lightbox_container {
    background-color: #F6F6F6; }
  .mod_lightbox_container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #FFFFFF; }
    .is_bottom .mod_lightbox_container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .mod_lightbox_container.is_content_centered_horizontally .mCSB_container,
    .mod_lightbox_container.is_content_centered_horizontally .mod_lightbox_content_container {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .mod_lightbox_container.is_content_centered_vertically .mCSB_container,
    .mod_lightbox_container.is_content_centered_vertically .mod_lightbox_content_container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .mod_lightbox_container.is_content_centered_horizontally .mCSB_container, .mod_lightbox_container.is_content_centered_vertically .mCSB_container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: 100%; }
  .mod_lightbox_header {
    height: 3.33333em;
    width: 100%;
    z-index: 1;
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    @media all and (min-width: 40.1875em) {
      .mod_lightbox_header {
        height: 4em; } }
    .is_bottom .mod_lightbox_header {
      border-bottom: none;
      border-top: 1px solid #E5E5E5; }
  .mod_lightbox_content_container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .mod_lightbox_content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding-left: 1.6em;
    padding-right: 1.6em; }
    @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
      .mod_lightbox_content {
        padding-left: 3.2em;
        padding-right: 3.2em; } }
    @media all and (min-width: 64.0625em) {
      .mod_lightbox_content {
        padding-left: 5.5%;
        padding-right: 5.5%; } }
    @media all and (min-width: 80.0625em) {
      .mod_lightbox_content {
        padding-left: 8.5%;
        padding-right: 8.5%; } }
    @media all and (min-width: 120em) {
      .mod_lightbox_content {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(106.26667em + 17%); } }
    @media all and (min-width: 160.0625em) {
      .mod_lightbox_content {
        max-width: none;
        padding-left: 19%;
        padding-right: 19%; } }
    @media all and (min-width: 240.0625em) {
      .mod_lightbox_content {
        max-width: 177.06667rem;
        padding-left: 0;
        padding-right: 0; } }
    .mod_lightbox_content iframe {
      border: 0;
      height: 100%; }
    .mod_lightbox_content.is_content_centered_vertically {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 100%; }
    .is_content_loaded .mod_lightbox_content {
      opacity: 0.9999;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease; }
    .mod_lightbox_content .layout_partial {
      width: 100%; }
  .mod_lightbox_footer {
    border-top: 1px solid #E5E5E5;
    background: #FFFFFF;
    padding: 0.8em 0; }
    @media all and (min-width: 40.1875em) {
      .mod_lightbox_footer {
        padding: 1.6em 0; } }
    .mod_lightbox_footer_content {
      margin-left: 1.6rem;
      margin-right: 1.6rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media all and (min-width: 64.0625em) {
        .mod_lightbox_footer_content {
          margin-left: 5.5%;
          margin-right: 5.5%; } }
      @media all and (min-width: 80.0625em) {
        .mod_lightbox_footer_content {
          margin-left: 8.5%;
          margin-right: 8.5%; } }
      @media all and (min-width: 120em) {
        .mod_lightbox_footer_content {
          max-width: 106.26667rem;
          margin-left: auto;
          margin-right: auto; } }
      @media all and (min-width: 160.0625em) {
        .mod_lightbox_footer_content {
          max-width: none;
          margin-left: 19%;
          margin-right: 19%; } }
      @media all and (min-width: 240.0625em) {
        .mod_lightbox_footer_content {
          max-width: 177.06667rem;
          margin-left: auto;
          margin-right: auto; } }
      @media all and (max-width: 40.1775em) {
        .mod_lightbox_footer_content {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
        .mod_lightbox_footer_content {
          margin-left: 3.2rem;
          margin-right: 3.2rem; } }
    @media all and (max-width: 40.1775em) {
      .mod_lightbox_footer .text__secondarybutton, .mod_lightbox_footer .text__primarybutton {
        width: 100%;
        margin-bottom: 10px; } }
    @media all and (max-width: 40.1775em) {
      .mod_lightbox_footer .text__secondarybutton .mod_svgsprite_icon, .mod_lightbox_footer .text__primarybutton .mod_svgsprite_icon {
        margin-left: 0 !important; } }
    @media all and (max-width: 40.1775em) {
      .mod_lightbox_footer button.text__primarybutton:hover, .mod_lightbox_footer button.text__secondarybutton:hover {
        padding-left: 2.66667em;
        padding-right: 4.66667em; }
        .mod_lightbox_footer button.text__primarybutton:hover .mod_svgsprite_icon:first-of-type, .mod_lightbox_footer button.text__secondarybutton:hover .mod_svgsprite_icon:first-of-type {
          margin-left: -2.33333em;
          opacity: 0;
          -webkit-transform: translateX(-1.73333em);
                  transform: translateX(-1.73333em); }
        .mod_lightbox_footer button.text__primarybutton:hover .mod_svgsprite_icon:last-of-type, .mod_lightbox_footer button.text__secondarybutton:hover .mod_svgsprite_icon:last-of-type {
          margin-left: 0;
          opacity: 0.9999;
          -webkit-transform: translateX(0px);
                  transform: translateX(0px); } }
  .mod_lightbox_close {
    width: 2.93333em;
    height: 2.93333em;
    padding: 0;
    position: absolute;
    z-index: 2;
    right: 0.93333em;
    top: 0.13333em;
    text-align: center;
    background: none;
    cursor: pointer; }
    .mod_lightbox_close:before {
      border: 1px solid #A8A8A8;
      content: '';
      width: 1.6em;
      height: 1.6em;
      border-radius: 1.6em;
      position: absolute;
      top: 0.66667em;
      left: 0.66667em;
      -webkit-transition: border 300ms;
      transition: border 300ms; }
    @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
      .mod_lightbox_close {
        right: 2.53333em;
        top: 0.53333em; } }
    @media all and (min-width: 64.0625em) {
      .mod_lightbox_close {
        right: 3.06667em;
        top: 0.53333em; } }
    .mod_lightbox_close:hover .mod_svgsprite_icon.var_close {
      fill: #C60018; }
    .mod_lightbox_close:hover:before {
      border-color: #C60018; }
    html[data-focus-source="key"] .mod_lightbox_close:focus .mod_svgsprite_icon.var_close {
      fill: #C60018; }
    html[data-focus-source="key"] .mod_lightbox_close:focus:before {
      border-color: #C60018; }
    .mod_lightbox_close .var_close {
      width: 1.06667em;
      height: 1.06667em;
      margin-left: 0.93333em;
      fill: #666666;
      pointer-events: none;
      -webkit-transition: fill 300ms;
      transition: fill 300ms; }
      .has_alert .mod_lightbox_close .var_close {
        fill: #767676; }
      @media screen and (-ms-high-contrast: active) {
        .mod_lightbox_close .var_close {
          fill: windowText; } }
    .mod_lightbox_close.is_disabled {
      opacity: 0.5;
      cursor: default;
      pointer-events: none; }
  .mod_lightbox_background {
    display: none; }
  .mod_lightbox_alert {
    visibility: hidden;
    opacity: 0;
    background: #FFFFFF;
    padding: 0 1.6em;
    top: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease; }
    .mod_lightbox_alert_message {
      text-align: center;
      margin-bottom: 1.6em; }
    .mod_lightbox_alert .text__ghostbutton:first-child {
      margin-bottom: 1.06667em; }
      @media all and (min-width: 40.1875em) {
        .mod_lightbox_alert .text__ghostbutton:first-child {
          margin-bottom: 0; } }
    .has_alert .mod_lightbox_alert {
      visibility: visible;
      opacity: 0.9999; }
  .mod_lightbox.is_visible {
    display: block; }
  .mod_lightbox.is_open {
    opacity: 0.9999;
    -webkit-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px); }
    .mod_lightbox.is_open.is_animation_ended {
      -webkit-transform: none;
              transform: none; }

body.is_body_lightbox_open {
  overflow: hidden; }
  body.is_body_lightbox_open .sg_wrapper,
  body.is_body_lightbox_open #main {
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_rail_traffic_info_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  white-space: nowrap;
  overflow: hidden;
  max-width: 75%;
  position: absolute;
  left: 1.6em;
  top: 0.8em; }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_rail_traffic_info_header {
      left: 3.2em;
      top: 1.2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_rail_traffic_info_header {
      left: 3.73333em;
      top: 1.2em; } }
  .mod_rail_traffic_info_header .mod_svgsprite_icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 0.26667em 0 0; }

.mod_rail_traffic_info_ride {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .mod_rail_traffic_info_ride_number, .mod_rail_traffic_info_ride_direction {
    margin: 0 0.26667em; }

.mod_rail_traffic_info_content {
  padding-bottom: 2em; }
  @media all and (min-width: 64.0625em) {
    .mod_rail_traffic_info_content {
      max-width: 58.66667em;
      margin-left: auto;
      margin-right: auto; } }

.mod_rail_traffic_info_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  margin-top: 2.4em; }
  .mod_rail_traffic_info_list_item_title {
    width: 4.66667em;
    font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block; }
    @media all and (min-width: 40.1875em) {
      .mod_rail_traffic_info_list_item_title {
        width: 6.66667em; } }
  .mod_rail_traffic_info_list_item_content {
    vertical-align: top;
    margin-left: 0;
    margin-bottom: 1.6em;
    width: calc(100% - 5em);
    display: inline-block; }
    @media all and (min-width: 40.1875em) {
      .mod_rail_traffic_info_list_item_content {
        width: calc(100% - 7em); } }
    .mod_rail_traffic_info_list_item_content .mod_svgsprite_icon {
      float: none;
      vertical-align: middle; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_lead_text {
  max-width: 58.66667em;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_lead_text {
      margin-bottom: 2.13333em; } }
  @media all and (min-width: 64.0625em) {
    .mod_lead_text {
      margin-bottom: 3.2em; } }
  .page_centered .mod_lead_text {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  .mod_lead_text ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: inherit;
    margin: -0.46667em 0; }
  .mod_lead_text p,
  .mod_lead_text li {
    font-size: 1.33333em;
    line-height: 1.5; }
    .mod_lead_text p:first-child,
    .mod_lead_text li:first-child {
      margin-top: -0.45em; }
    @media all and (min-width: 40.1875em) {
      .mod_lead_text p,
      .mod_lead_text li {
        font-size: 1.4em; }
        .mod_lead_text p:first-child,
        .mod_lead_text li:first-child {
          margin-top: -0.42857em; } }
  .mod_lead_text p:only-child {
    margin-top: -0.4em;
    margin-bottom: -0.4em; }
  .mod_lead_text li {
    margin-top: 1em; }
    @media all and (min-width: 40.1875em) {
      .mod_lead_text li {
        margin-top: 1.14286em; } }
  .mod_lead_text.var_invert {
    color: #FFFFFF; }
  .mod_lead_text--search {
    font-size: 0.8em; }

.mod_lead_text_link {
  text-decoration: none; }
  .mod_lead_text_link:focus .mod_lead_text_link_icon, .mod_lead_text_link:hover .mod_lead_text_link_icon {
    fill: currentColor; }

.mod_lead_text_link_icon {
  font-size: 0.75em;
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  margin-bottom: 0.15em;
  fill: #EB0000; }
  @media all and (min-width: 40.1875em) {
    .mod_lead_text_link_icon {
      font-size: 0.71429em; } }

.mod_accordion .mod_lead_text {
  text-align: left;
  max-width: 100%;
  margin-top: -0.4em;
  margin-bottom: 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion .mod_lead_text {
      margin-bottom: 1.6em; } }

.layout_center > .mod_lead_text,
.layout_columns_main > .mod_lead_text {
  margin-bottom: 2.66667em; }
  @media all and (min-width: 40.1875em) {
    .layout_center > .mod_lead_text,
    .layout_columns_main > .mod_lead_text {
      margin-bottom: 3.73333em; } }
  @media all and (min-width: 64.0625em) {
    .layout_center > .mod_lead_text,
    .layout_columns_main > .mod_lead_text {
      margin-bottom: 5.33333em; } }

.mod_dateline + .mod_lead_text {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    .mod_dateline + .mod_lead_text {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_dateline + .mod_lead_text {
      margin-top: -3.2em; } }

.mod_dateline + .mod_lead_text p:first-child {
  display: inline-block;
  margin-top: -1.4em; }
  @media all and (min-width: 40.1875em) {
    .mod_dateline + .mod_lead_text p:first-child {
      margin-top: -1.14286em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_tabs {
  *zoom: 1;
  clear: left;
  margin-left: auto;
  margin-right: auto; }
  .mod_tabs:before, .mod_tabs:after {
    content: '';
    display: table; }
  .mod_tabs:after {
    clear: both; }
  .mod_tabs.var_invert {
    color: #FFFFFF; }
    .mod_tabs.var_invert .mod_tabs_inner_wrapper .mod_tabs_tablistitem {
      color: #FFFFFF; }

.mod_tabs_inner_wrapper {
  position: relative;
  z-index: 0;
  min-height: 3.86667em; }
  .no-touchevents .mod_tabs_inner_wrapper {
    min-height: 4.93333em; }
  @media all and (min-width: 40.1875em) {
    .mod_tabs_inner_wrapper {
      min-height: 5.4em; }
      .no-touchevents .mod_tabs_inner_wrapper {
        min-height: 5.4em; } }
  .mod_tabs_inner_wrapper.is_scrolling:after, .mod_tabs_inner_wrapper.is_scrolling:before {
    position: absolute;
    top: 0;
    content: '';
    z-index: 1;
    width: 0.8em;
    height: calc(100% - 0.5rem);
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease; }
    @media all and (min-width: 40.1875em) {
      .mod_tabs_inner_wrapper.is_scrolling:after, .mod_tabs_inner_wrapper.is_scrolling:before {
        width: 1.6em; } }
  .mod_tabs_inner_wrapper.is_scrolling:before {
    left: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.37)), to(white));
    background: linear-gradient(to left, rgba(255, 255, 255, 0.37) 0%, white 100%); }
  .mod_tabs_inner_wrapper.is_scrolling:after {
    right: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.37)), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.37) 0%, white 100%); }
  .mod_tabs_inner_wrapper.is_scrolling_end:after {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  .mod_tabs_inner_wrapper.is_scrolling_start:before {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }

.mod_tabs_tablist {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: block;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height: 2.8em; }
  @media all and (min-width: 40.1875em) {
    .mod_tabs_tablist {
      height: 3.73333em; } }
  .var_centered .mod_tabs_tablist,
  .page_centered .mod_tabs_tablist {
    text-align: center; }
  .mod_tabs_tablist.mCustomScrollbar {
    height: auto; }

.mod_tabs_tablistitem {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  display: inline-block;
  margin: 0 0.9em 0 0;
  padding: 0 0 0.4em 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 1.33333em;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  text-decoration: none; }
  .mod_tabs_tablistitem.has_counter {
    margin-right: 1.6em; }
  .mod_tabs_tablistitem.is_not_clickable {
    cursor: default; }
  .mod_tabs_tablistitem:first-child {
    margin-left: 0; }
  .mod_tabs_tablistitem:not(.has_counter):last-child {
    margin-right: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_tabs_tablistitem {
      margin: 0 1.75em 0 0;
      padding-bottom: 0.625em;
      font-size: 1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_tabs_tablistitem {
      margin: 0 1.61538em 0 0;
      padding-bottom: 0.38462em;
      font-size: 1.73333em; } }
  .mod_tabs_tablistitem:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    left: 50%;
    height: 1px;
    border-bottom: 1px solid currentColor; }
    .mod_tabs:not(.has_no_animation) .mod_tabs_tablistitem:after {
      -webkit-transition: width 0.3s ease, left 0.3s ease;
      transition: width 0.3s ease, left 0.3s ease; }
  .mod_tabs_tablistitem:not(.is_active):not(.is_disabled):focus,
  .mod_tabs_tablistitem:not(.is_active):not(.is_disabled):focus .mod_tabs_tablistitem_link, .mod_tabs_tablistitem:not(.is_active):not(.is_disabled):hover,
  .mod_tabs_tablistitem:not(.is_active):not(.is_disabled):hover .mod_tabs_tablistitem_link {
    color: #C60018; }
  .mod_tabs_tablistitem:not(.is_active):not(.is_disabled):focus:after, .mod_tabs_tablistitem:not(.is_active):not(.is_disabled):hover:after {
    left: 0;
    width: 100%; }
  .mod_tabs_tablistitem_link {
    pointer-events: none;
    text-decoration: none; }
  .mod_tabs_tablistitem.is_active,
  .mod_tabs_tablistitem.is_active .mod_tabs_tablistitem_link {
    color: #000000; }
  .mod_tabs_tablistitem.is_active:after {
    width: 100%;
    left: 0; }
  .mod_tabs_tablistitem.is_disabled,
  .mod_tabs_tablistitem.is_disabled .mod_tabs_tablistitem_link {
    color: #A8A8A8;
    pointer-events: none; }

.mod_tabs_tablistitem_link {
  text-decoration: none; }

.mod_tabs_tablistitem .mod_radio_checkbox_count {
  pointer-events: none;
  position: absolute;
  top: 0.72727em;
  right: 0.81818em;
  min-width: 1.63636em;
  border-radius: 1.36364em;
  padding: 0.36364em 0.45455em;
  background: #767676;
  color: #FFFFFF;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1em;
  font-size: 0.42308em;
  text-align: center;
  top: 0em;
  right: -2.45455em;
  background-color: #EB0000; }
  @media all and (min-width: 40.1875em) {
    .mod_tabs_tablistitem .mod_radio_checkbox_count {
      top: 0.27273em; } }

.mod_tabs_tabpanel {
  opacity: 0; }
  .mod_tabs:not(.has_no_animation) .mod_tabs_tabpanel {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
  .mod_tabs_tabpanel.is_hidden:not(.display_for_init) {
    display: none; }
  .mod_tabs_tabpanel.is_active,
  .no-js .mod_tabs_tabpanel {
    display: block;
    opacity: 0.9999; }

.layout_center .mod_tabs {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .layout_center .mod_tabs {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .layout_center .mod_tabs {
      margin-bottom: 6.4em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_search {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_search {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_search {
      margin-bottom: 6.4em; } }
  @media all and (min-width: 64.0625em) {
    .mod_search {
      max-width: 36.26667em; } }
  .mod_search.var_header {
    max-width: none;
    margin-bottom: 0; }
  .mod_search.var_shopsnservices {
    max-width: 22.93333em; }
  .page_centered .mod_search {
    margin-left: auto;
    margin-right: auto; }
    .page_centered .mod_search.var_dssc {
      max-width: none;
      margin: 0 -0.8em 1.06667em -0.8em; }
      @media all and (min-width: 40.1875em) {
        .page_centered .mod_search.var_dssc {
          margin: 0 0 1.6em 0; } }

.page_centered .mod_search_title {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.10714em;
  margin-left: auto;
  width: 100%;
  display: inline-block;
  text-align: center; }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_search_title {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_search_title {
      font-size: 2.66667em; } }
  @media all and (min-width: 40.1875em) {
    .page_centered .mod_search_title {
      margin-top: -0.26667em;
      margin-bottom: 1.4em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_search_title {
      margin-top: -0.275em;
      margin-bottom: 1.2em; } }
  div[class="layout_columns_main"] .page_centered .mod_search_title,
  .mod_accordion .page_centered .mod_search_title {
    max-width: none; }

.mod_search_form {
  position: relative; }
  .mod_search.var_header .mod_search_form {
    display: none;
    min-width: 4.28571em;
    z-index: 6;
    position: fixed;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: right, left, opacity;
    transition-property: right, left, opacity;
    font-size: 1.07143em; }
  .mod_search_form .mod_textfield:not(.var_no_bottom_margin) {
    position: relative;
    max-width: none;
    min-width: 0;
    padding: 0;
    margin-bottom: 0; }
  .mod_search_form [data-autocomplete-options] {
    -webkit-transition: padding 0.3s ease;
    transition: padding 0.3s ease; }

.mod_search_button {
  position: absolute;
  top: 0.13333em;
  right: 0.13333em;
  bottom: 0.13333em;
  padding: 0;
  background: #EB0000;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  border-radius: 0; }
  .mod_search_button:hover, .mod_search_button:focus {
    background: #A20013; }
  .mod_search_button .mod_svgsprite_icon {
    width: 3.73333em;
    height: 1.6em;
    fill: #FFFFFF; }
    @media screen and (-ms-high-contrast: active) {
      .mod_search_button .mod_svgsprite_icon {
        fill: windowText; } }

.mod_lead_text + .mod_search {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    .mod_lead_text + .mod_search {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_lead_text + .mod_search {
      margin-top: -3.2em; } }

.mod_lead_text--search + .mod_search {
  margin-top: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_copy {
  margin-bottom: 3.73333em; }
  .mod_copy ul,
  .mod_copy ol {
    font-size: 1em;
    margin-left: 0.53333em;
    margin-top: 1.13333em;
    margin-bottom: 2em; }
    @media all and (min-width: 64.0625em) {
      .mod_copy ul,
      .mod_copy ol {
        margin-top: 1.66667em; } }
    .mod_copy ul li,
    .mod_copy ol li {
      margin-top: 0.53333em; }
  .mod_copy ul {
    list-style-type: disc;
    padding-left: 1.06667em; }
  .mod_copy ul li {
    padding-left: 0.66667em; }
  .mod_copy ol {
    list-style-type: none;
    counter-reset: item;
    padding-left: 0; }
    .mod_copy ol > li {
      display: table;
      padding-left: 0; }
    .mod_copy ol > li:before {
      content: counters(item, ".") ".";
      counter-increment: item;
      display: table-cell;
      padding-right: 0.86667em;
      white-space: nowrap; }
  .mod_copy ol ol,
  .mod_copy ol ul,
  .mod_copy ul ul,
  .mod_copy ul ol {
    margin: 0.4em 0 0 0.53333em; }
  .mod_copy ul li ol > li:before {
    content: counter(item) "."; }
  @media all and (min-width: 40.1875em) {
    .mod_copy {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_copy {
      margin-bottom: 6.4em; } }
  .mod_copy.var_center {
    text-align: center; }
  .mod_copy p + h4 {
    margin-top: -0.53333em; }
  .mod_copy h2 + p,
  .mod_copy h3 + p {
    margin-top: -0.46667em; }
  .mod_copy h2:last-child {
    margin-bottom: -1.54167em; }
    @media all and (min-width: 40.1875em) {
      .mod_copy h2:last-child {
        margin-bottom: -1.46154em; } }
    @media all and (min-width: 64.0625em) {
      .mod_copy h2:last-child {
        margin-bottom: -1.21875em; } }
  .mod_copy .text__actionlink,
  .mod_copy p,
  .mod_copy ul,
  .mod_copy ol {
    margin-top: 0;
    margin-bottom: 3.2em; }
  .mod_copy p + .text__actionlink,
  .mod_copy p + p,
  .mod_copy p + ul,
  .mod_copy p + ol,
  .mod_copy ul + p,
  .mod_copy ol + p {
    margin-top: -1.6em; }
  .mod_copy > p:first-child,
  .mod_copy > ul:first-child,
  .mod_copy > ol:first-child {
    display: inline-block;
    margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    .mod_copy > ul:first-child,
    .mod_copy > ol:first-child {
      margin-top: -1.06667em; } }
  .mod_copy p:first-child .text__ghostbutton {
    margin-top: 0; }
  .mod_copy p:last-child .text__ghostbutton {
    margin-bottom: -0.46667em; }
  .mod_copy > ul:last-child,
  .mod_copy > ol:last-child,
  .mod_copy > p:last-child,
  .mod_copy:last-child > .text__actionlink:last-child {
    margin-bottom: -0.46667em; }
  .mod_copy > .text__actionlink:last-child {
    margin-top: -0.33333em; }
  .mod_copy .mod_svgsprite_icon.var_inline {
    float: none;
    display: inline-block;
    width: 1.06667em;
    height: 1.06667em;
    margin-bottom: -0.26667em;
    border-radius: 1px; }
  .mod_copy div:empty,
  .mod_copy p:empty {
    display: none; }
  @media print {
    .mod_copy p a:after {
      font-size: 0.86667em;
      content: " (" attr(href) ") "; } }
  .mod_copy a:not(.text__actionlink) {
    word-wrap: break-word; }
  .mod_copy.is_hidden {
    display: none; }

.mod_copy.var_separationline {
  border-bottom: 0.06667em solid #DCDCDC;
  padding-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_copy.var_separationline {
      padding-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_copy.var_separationline {
      padding-bottom: 3.2em; } }

.mod_accordion .mod_copy:last-child {
  margin-bottom: 0; }

.mod_lead_text + .mod_copy > p:first-child,
.mod_lead_text + .mod_copy > ul:first-child,
.mod_lead_text + .mod_copy > ol:first-child {
  margin-top: 0; }

@media all and (min-width: 40.1875em) {
  .mod_lead_text + .mod_copy > ul:first-child,
  .mod_lead_text + .mod_copy > ol:first-child {
    margin-top: 0; } }

.mod_tabs .mod_copy:last-child {
  margin-bottom: 0; }

div[class*="layout_columns_main"]:not(.var_single_col_indentation) > .mod_copy:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"]:not(.var_single_col_indentation) > .mod_copy:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"]:not(.var_single_col_indentation) > .mod_copy:not(:first-child) {
      margin-top: -3.2em; } }

div[class*="layout_columns_main"] > .mod_google_ads + .mod_copy,
div[class*="layout_columns_main"] > .mod_quote + .mod_copy {
  margin-top: 0; }

@media all and (min-width: 40.1875em) {
  div[class*="layout_columns_main"] > .mod_copy h2:first-child {
    margin-top: 0.69231em; } }

@media all and (min-width: 64.0625em) {
  div[class*="layout_columns_main"] > .mod_copy h2:first-child {
    margin-top: 1.25em; } }

@media all and (min-width: 40.1875em) {
  div[class*="layout_columns_main"] > .mod_copy h3:first-child {
    margin-top: 0.7619em; } }

@media all and (min-width: 64.0625em) {
  div[class*="layout_columns_main"] > .mod_copy h3:first-child {
    margin-top: 1.90476em; } }

@media all and (min-width: 40.1875em) {
  div[class*="layout_columns_main"] > .mod_copy h4:first-child {
    margin-top: 1.06667em; } }

@media all and (min-width: 64.0625em) {
  div[class*="layout_columns_main"] > .mod_copy h4:first-child {
    margin-top: 2.66667em; } }

.mod_accordion .mod_copy:not(:last-child) {
  margin-bottom: 2.4em; }

.mod_dateline + .mod_copy p:first-child {
  display: inline-block;
  margin-top: -1.86667em; }
  @media all and (min-width: 40.1875em) {
    .mod_dateline + .mod_copy p:first-child {
      margin-top: -1.6em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_login {
  max-width: 43.33333em;
  margin: 0 auto;
  border-radius: 0.13333em;
  background: #FFFFFF;
  padding: 2.66667em 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_login {
      padding: 5.33333em 3.2em; } }

.layout_center > .mod_login:last-child {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .layout_center > .mod_login:last-child {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .layout_center > .mod_login:last-child {
      margin-bottom: 6.4em; } }

.mod_login_title {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.10714em;
  margin-left: auto;
  width: 100%;
  display: inline-block;
  text-align: center; }
  @media all and (min-width: 40.1875em) {
    .mod_login_title {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_login_title {
      font-size: 2.66667em; } }
  @media all and (min-width: 40.1875em) {
    .mod_login_title {
      margin-top: -0.26667em;
      margin-bottom: 1.4em; } }
  @media all and (min-width: 64.0625em) {
    .mod_login_title {
      margin-top: -0.275em;
      margin-bottom: 1.2em; } }
  div[class="layout_columns_main"] .mod_login_title,
  .mod_accordion .mod_login_title {
    max-width: none; }

.mod_login_separator {
  position: relative;
  margin: 3.2em 0;
  height: 0.06667em; }

.mod_login_separator:before,
.mod_login_separator_text {
  position: absolute;
  top: 50%; }

.mod_login_separator:before {
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.06667em;
  content: '';
  background: #E5E5E5; }

.mod_login_separator_text {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  font-weight: normal;
  color: #666666;
  font-size: 0.86667em;
  margin: 1em 0 0;
  margin: 0;
  padding: 0 0.8em;
  background: #FFFFFF; }
  .mod_login_separator_text a {
    color: currentColor; }

.mod_login_description {
  margin-bottom: 2.13333em;
  text-align: center; }

.mod_login_btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media (forced-colors: active) {
  .mod_login {
    border: 0.06667em solid CanvasText; }
  .mod_login_separator:before {
    background: CanvasText; }
  .mod_login_separator_text {
    background: Canvas; } }

@media screen and (-ms-high-contrast: active) {
  .mod_login {
    border: 0.06667em solid windowText; }
  .mod_login_separator:before {
    background: windowText; }
  .mod_login_separator_text {
    background: window; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_lightbox.var_login .mod_pagetitle {
  text-align: center; }

.mod_login_swisspass {
  margin: 0 auto;
  padding: 3.2em 0 0;
  text-align: center; }
  @media all and (min-width: 40.1875em) {
    .mod_login_swisspass {
      max-width: 21.33333em; } }

.page_centered .mod_login_swisspass .mod_copy,
.mod_login_swisspass .mod_copy {
  margin-bottom: 1.06667em; }

.mod_login_swisspass_link {
  display: inline-block;
  height: 3.2em;
  overflow: hidden;
  margin: 0 auto;
  color: #FFFFFF;
  background: #EB0000;
  border-radius: 0.13333em;
  text-decoration: none; }
  .mod_login_swisspass_link:focus,
  .no-touchevents .mod_login_swisspass_link:hover {
    color: #FFFFFF;
    background: #C60018; }
  @media all and (min-width: 40.1875em) {
    .mod_login_swisspass_link {
      width: 16.66667em; } }

.mod_login_links_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  color: #666666;
  font-size: 0.86667em;
  margin: 1em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 1.23077em auto 0 auto;
  color: #666666;
  text-align: center; }
  .mod_login_links_list a {
    color: currentColor; }

.mod_login_links_list_item {
  display: block;
  margin-top: 0.30769em; }
  @media all and (min-width: 26.3125em) {
    .mod_login_links_list_item {
      display: block; } }

.mod_login_links_list_item_link {
  color: #666666; }
  .mod_login_links_list_item_link:focus, .mod_login_links_list_item_link:hover {
    color: #C60018; }

.mod_logins_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 3.2em auto 0; }
  @media all and (min-width: 40.1875em) {
    .mod_logins_list {
      max-width: 34em; } }
  @media all and (min-width: 64.0625em) {
    .mod_logins_list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      max-width: 62.66667em; } }

.mod_logins_list_item {
  text-align: center;
  width: 100%; }
  @media all and (min-width: 64.0625em) {
    .mod_logins_list_item {
      width: 50%; } }

.mod_logins_list_item:nth-child(1) {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_logins_list_item:nth-child(1) {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_logins_list_item:nth-child(1) {
      margin-bottom: 6.4em; } }
  @media all and (min-width: 64.0625em) {
    .mod_logins_list_item:nth-child(1) {
      padding-right: 4.26667em; } }

@media all and (min-width: 64.0625em) {
  .mod_logins_list_item:nth-child(2) {
    padding-left: 4.26667em; } }

.mod_logins_list_item_title {
  margin-top: -0.42857em; }

.mod_logins_list_item_lead {
  margin: 0 0 1.13333em 0; }

.mod_logins_list_item_lead p {
  margin-top: -0.53333em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_tooltip {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 1rem;
  color: #666666;
  margin: -0.06667em 0.6em -0.66667em; }
  @media all and (min-width: 160.0625em) {
    .mod_tooltip {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .mod_tooltip {
      font-size: 1.5rem; } }

.mod_tooltip_button {
  width: 0.93333em;
  padding: 0;
  border-radius: 50%;
  border: 0.06667em solid #A8A8A8;
  background: #FFFFFF;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms; }
  .mod_tooltip_button:focus {
    border-color: #666666; }
    .mod_tooltip_button:focus .mod_svgsprite_icon.var_question_mark {
      fill: #666666; }
  .mod_tooltip_button:hover {
    border-color: #EB0000; }
    .mod_tooltip_button:hover .mod_svgsprite_icon.var_question_mark {
      fill: #EB0000; }
  @media screen and (-ms-high-contrast: active) {
    .mod_tooltip_button {
      border-color: windowText; } }
  @media screen and (-ms-high-contrast: active) {
    .mod_tooltip_button:focus, .mod_tooltip_button:hover {
      border-color: grayText; }
      .mod_tooltip_button:focus .mod_svgsprite_icon.var_question_mark, .mod_tooltip_button:hover .mod_svgsprite_icon.var_question_mark {
        fill: grayText; } }

@media screen {
  .mod_tooltip_window {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    overflow: hidden;
    width: 100%;
    height: 2em;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0.53333em 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.53333em 0 rgba(0, 0, 0, 0.15);
    border: 0.134em solid #666666;
    border-radius: 0.13333em;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease 0s, visibility 0s ease .3s;
    transition: opacity .3s ease 0s, visibility 0s ease .3s; }
    .mod_tooltip_window_text {
      display: inline-block;
      margin: 0;
      padding: 1.46667em 3.46667em 1.6em 1.6em;
      font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .mod_tooltip_window_image:first-child {
      padding-top: 3.46667em; }
      .mod_tooltip_window_image:first-child + .mod_tooltip_window_close_button {
        top: 0.93333em; }
    .mod_tooltip_window_close_button {
      position: absolute;
      right: 0.93333em;
      top: 1.46667em;
      z-index: 5;
      width: 1.6em;
      height: 1.6em;
      padding: 0;
      border: 0.06667em solid #A8A8A8;
      border-radius: 60%;
      background: #FFFFFF;
      -webkit-transition: border-color 300ms;
      transition: border-color 300ms; } }
    @media screen and (-ms-high-contrast: active) {
      .mod_tooltip_window_close_button {
        border-color: windowText; } }

@media screen {
      .mod_tooltip_window_close_button:focus {
        border-color: #666666; }
        .mod_tooltip_window_close_button:focus .mod_svgsprite_icon.var_close_button {
          fill: #666666; }
      .mod_tooltip_window_close_button:hover {
        border-color: #EB0000; }
        .mod_tooltip_window_close_button:hover .mod_svgsprite_icon.var_close_button {
          fill: #EB0000; } }
    @media screen and (-ms-high-contrast: active) {
      .mod_tooltip_window_close_button:focus, .mod_tooltip_window_close_button:hover {
        border-color: grayText; }
        .mod_tooltip_window_close_button:focus .mod_svgsprite_icon.var_close_button, .mod_tooltip_window_close_button:hover .mod_svgsprite_icon.var_close_button {
          fill: grayText; } }

@media screen {
    .mod_tooltip_window_arrow {
      position: absolute;
      bottom: -1.53333em;
      left: calc(50% - 0.86667em);
      width: 0;
      height: 0;
      border-left: 0.86667em solid transparent;
      border-right: 0.86667em solid transparent;
      border-top: 0.86667em solid rgba(0, 0, 0, 0.15); }
      .mod_tooltip.var_below .mod_tooltip_window_arrow {
        bottom: auto;
        top: -1.53333em;
        border-color: transparent;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .mod_tooltip_window_arrow:before, .mod_tooltip_window_arrow:after {
      position: absolute;
      content: '';
      width: 0;
      height: 0; }
    .mod_tooltip_window_arrow:before {
      top: -1.53333em;
      left: -0.93333em;
      border-left: 0.93333em solid transparent;
      border-right: 0.93333em solid transparent;
      border-top: 0.93333em solid #666666; }
    .mod_tooltip_window_arrow:after {
      top: -1.53333em;
      left: -0.73333em;
      border-left: 0.73333em solid transparent;
      border-right: 0.73333em solid transparent;
      border-top: 0.73333em solid #FFFFFF; } }

@media all and (min-width: 40.1875em) {
  .mod_tooltip_window {
    max-width: 30.66667em; } }

@media print {
  .mod_tooltip_window {
    margin: 0;
    display: inline; }
    .mod_tooltip_window_button {
      display: inline; }
    .mod_tooltip_window_text {
      display: inline;
      padding: 0;
      font-size: 0.86667em; }
      .mod_tooltip_window_text:before {
        content: '('; }
      .mod_tooltip_window_text:after {
        content: ')'; }
    .mod_tooltip_window_close_button {
      display: none; } }

.mod_tooltip .mod_svgsprite_icon {
  -webkit-transition: fill 300ms;
  transition: fill 300ms; }
  .mod_tooltip .mod_svgsprite_icon.var_question_mark {
    width: 0.8em;
    height: 0.8em;
    fill: currentColor;
    -webkit-transition: fill 300ms;
    transition: fill 300ms;
    position: relative; }
  .mod_tooltip .mod_svgsprite_icon.var_close_button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 0.93333em;
    height: 0.93333em;
    fill: #666666; }
  @media screen and (-ms-high-contrast: active) {
    .mod_tooltip .mod_svgsprite_icon.var_question_mark, .mod_tooltip .mod_svgsprite_icon.var_close_button {
      fill: windowText; } }

@media all and (min-width: 40.1875em) {
  .mod_tooltip.var_image .mod_tooltip_window {
    max-width: 30.66667em; } }

@media all and (min-width: 64.0625em) {
  .mod_tooltip.var_image .mod_tooltip_window {
    max-width: 52.66667em; } }

.mod_tooltip_window_image {
  width: 100%; }

.mod_tooltip_image {
  display: block;
  max-width: 100%; }

@media screen {
  .mod_tooltip.is_open .mod_tooltip_window {
    opacity: 0.9999;
    overflow: visible;
    visibility: visible;
    -webkit-transition: opacity .3s ease 0s, visibility 0s ease 0s;
    transition: opacity .3s ease 0s, visibility 0s ease 0s; } }

.mod_tooltip.is_open .mod_tooltip_window_text {
  width: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_form.var_columns .mod_fieldset_controls {
  display: block; }
  .mod_form.var_columns .mod_fieldset_controls .mod_multistepform_summary,
  .mod_form.var_columns .mod_fieldset_controls .mod_textarea,
  .mod_form.var_columns .mod_fieldset_controls .mod_textfield,
  .mod_form.var_columns .mod_fieldset_controls .mod_select,
  .mod_form.var_columns .mod_fieldset_controls .mod_combo,
  .mod_form.var_columns .mod_fieldset_controls .mod_radio_checkbox,
  .mod_form.var_columns .mod_fieldset_controls .mod_copy,
  .mod_form.var_columns .mod_fieldset_controls .mod_radio_checkbox_fieldset,
  .mod_form.var_columns .mod_fieldset_controls .mod_datepicker_synced {
    float: left;
    width: 100%;
    max-width: none;
    min-width: 0; }
  .mod_form.var_columns .mod_fieldset_controls .var_float_right {
    float: right; }
  .mod_form.var_columns .mod_fieldset_controls .var_online_consultation {
    width: 100%;
    float: left; }
    @media all and (min-width: 40.1875em) {
      .mod_form.var_columns .mod_fieldset_controls .var_online_consultation--email {
        max-width: 427px;
        margin-right: 64px;
        width: calc(100% - (283px + 64px)); }
      .mod_form.var_columns .mod_fieldset_controls .var_online_consultation--summary {
        max-width: 283px; } }
  .mod_form.var_columns .mod_fieldset_controls .mod_textfield,
  .mod_form.var_columns .mod_fieldset_controls .mod_select {
    padding-right: 0; }
  .mod_form.var_columns .mod_fieldset_controls .var_small_combo {
    width: 33.33333%; }
    @media all and (min-width: 40.1875em) {
      .mod_form.var_columns .mod_fieldset_controls .var_small_combo {
        width: 25%; } }
    @media all and (min-width: 64.0625em) {
      .mod_form.var_columns .mod_fieldset_controls .var_small_combo {
        width: 16.66667%; } }
  @media all and (min-width: 40.1875em) {
    .mod_form.var_columns .mod_fieldset_controls .var_medium_combo {
      width: 50%; } }
  .mod_form.var_columns .mod_fieldset_controls .var_large_combo {
    width: 66.66667%; }
    @media all and (min-width: 40.1875em) {
      .mod_form.var_columns .mod_fieldset_controls .var_large_combo {
        width: 75%; } }
    @media all and (min-width: 64.0625em) {
      .mod_form.var_columns .mod_fieldset_controls .var_large_combo {
        width: 83.33333%; } }
  .mod_form.var_columns .mod_fieldset_controls .var_four_columns_combo,
  .mod_form.var_columns .mod_fieldset_controls .mod_datepicker.var_four_columns_combo.var_arrows.var_icon {
    width: 100%; }
    @media all and (min-width: 40.1875em) {
      .mod_form.var_columns .mod_fieldset_controls .var_four_columns_combo,
      .mod_form.var_columns .mod_fieldset_controls .mod_datepicker.var_four_columns_combo.var_arrows.var_icon {
        width: 50%; } }
    @media all and (min-width: 64.0625em) {
      .mod_form.var_columns .mod_fieldset_controls .var_four_columns_combo,
      .mod_form.var_columns .mod_fieldset_controls .mod_datepicker.var_four_columns_combo.var_arrows.var_icon {
        width: 25%; } }
  .mod_form.var_columns .mod_fieldset_controls .var_small .mod_textfield_container,
  .mod_form.var_columns .mod_fieldset_controls .var_small .mod_select_wrapper {
    width: calc(33.33333% - 0.26667em); }
    @media all and (min-width: 40.1875em) {
      .mod_form.var_columns .mod_fieldset_controls .var_small .mod_textfield_container,
      .mod_form.var_columns .mod_fieldset_controls .var_small .mod_select_wrapper {
        width: calc(25% - 0.26667em); } }
    @media all and (min-width: 64.0625em) {
      .mod_form.var_columns .mod_fieldset_controls .var_small .mod_textfield_container,
      .mod_form.var_columns .mod_fieldset_controls .var_small .mod_select_wrapper {
        width: calc(16.66667% - 0.26667em); } }
  @media all and (min-width: 40.1875em) {
    .mod_form.var_columns .mod_fieldset_controls .var_medium .mod_textfield_container,
    .mod_form.var_columns .mod_fieldset_controls .var_medium .mod_select_wrapper {
      width: calc(50% - 0.26667em); } }
  .mod_form.var_columns .mod_fieldset_controls .var_large .mod_textfield_container,
  .mod_form.var_columns .mod_fieldset_controls .var_large .mod_select_wrapper {
    width: calc(66.66667% - 0.26667em); }
    @media all and (min-width: 40.1875em) {
      .mod_form.var_columns .mod_fieldset_controls .var_large .mod_textfield_container,
      .mod_form.var_columns .mod_fieldset_controls .var_large .mod_select_wrapper {
        width: calc(75% - 0.26667em); } }
    @media all and (min-width: 64.0625em) {
      .mod_form.var_columns .mod_fieldset_controls .var_large .mod_textfield_container,
      .mod_form.var_columns .mod_fieldset_controls .var_large .mod_select_wrapper {
        width: calc(83.33333% - 0.26667em); } }
  .mod_form.var_columns .mod_fieldset_controls .var_date {
    width: 8em; }

.mod_form.var_columns .mod_combo,
.mod_form.var_columns .mod_select_wrapper {
  display: block; }

.mod_form.var_columns .mod_combo > div:nth-child(1) > .mod_textfield_container {
  padding-right: 0.26667em; }
  .mod_form.var_columns .mod_combo > div:nth-child(1) > .mod_textfield_container .mod_autocomplete {
    margin-right: 0.26667em; }

.mod_form.var_columns .mod_combo > div:nth-child(2) > .mod_textfield_container,
.mod_form.var_columns .mod_combo > div:nth-child(2) .mod_error_message {
  padding-left: 0.26667em; }
  .mod_form.var_columns .mod_combo > div:nth-child(2) > .mod_textfield_container .mod_autocomplete,
  .mod_form.var_columns .mod_combo > div:nth-child(2) .mod_error_message .mod_autocomplete {
    margin-left: 0.26667em; }

@media all and (max-width: 40.1775em) {
  .mod_form.var_columns .mod_combo .var_medium_combo:nth-child(1) > .mod_textfield_container,
  .mod_form.var_columns .mod_combo .var_medium_combo:nth-child(1) > .mod_error_messsage,
  .mod_form.var_columns .mod_combo .var_medium_combo:nth-child(2) > .mod_textfield_container,
  .mod_form.var_columns .mod_combo .var_medium_combo:nth-child(2) > .mod_error_messsage {
    padding: 0; } }

.mod_form.var_columns .mod_combo .var_four_columns_combo + .var_four_columns_combo {
  margin-top: 1.6em; }

.mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(1) > .mod_textfield_container,
.mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2) > .mod_textfield_container,
.mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3) > .mod_textfield_container,
.mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4) > .mod_textfield_container, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(1).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(1).mod_select, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2).mod_select, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3).mod_select, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4).mod_select {
  padding: 0; }

@media all and (min-width: 40.1875em) {
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2) {
    margin-top: 0; }
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(1) > .mod_textfield_container,
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3) > .mod_textfield_container, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(1).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(1).mod_select, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3).mod_select {
    padding-right: 0.26667em; }
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2) > .mod_textfield_container,
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4) > .mod_textfield_container, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2).mod_select, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4).mod_select {
    padding-left: 0.26667em; } }

@media all and (min-width: 64.0625em) {
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3), .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4) {
    margin-top: 0; }
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(1) > .mod_textfield_container,
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2) > .mod_textfield_container,
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3) > .mod_textfield_container, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(1).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(1).mod_select, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2).mod_select, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3).mod_select {
    padding-right: 0.26667em; }
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2) > .mod_textfield_container,
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3) > .mod_textfield_container,
  .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4) > .mod_textfield_container, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4).mod_datepicker, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(2).mod_select, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(3).mod_select, .mod_form.var_columns .mod_combo .var_four_columns_combo:nth-child(4).mod_select {
    padding-left: 0.26667em; } }

.mod_form.var_columns .mod_datepicker {
  float: left;
  width: 13.13333em; }
  .mod_form.var_columns .mod_datepicker.var_icon.var_arrows {
    width: 15.8em; }
  @media all and (min-width: 23.4375em) {
    .mod_form.var_columns .mod_datepicker {
      width: 8.4em; }
      .mod_form.var_columns .mod_datepicker.var_icon {
        width: 12em; }
      .mod_form.var_columns .mod_datepicker.var_icon.var_arrows {
        width: 14.4em; } }

.mod_form.var_columns .mod_datepicker_synced {
  display: block; }
  .mod_form.var_columns .mod_datepicker_synced .mod_datepicker {
    padding-right: 0.53333em; }

.mod_form.var_columns .mod_textfield.var_time {
  float: left;
  width: 4.4375em; }
  @media all and (min-width: 40.1875em) {
    .mod_form.var_columns .mod_textfield.var_time {
      width: 5.06667em; } }

.mod_form.var_columns .mod_error_message {
  float: left; }

.mod_form.var_columns .mod_copy {
  margin-bottom: 2.13333em; }

.mod_form .mod_select_control {
  width: 100%; }

.mod_textarea.var_short,
.mod_textfield.var_short,
.mod_select.var_short,
.mod_file_button.var_short,
.mod_time_picker.var_short,
.mod_datepicker.var_short,
.mod_multiselect.var_short {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.46667em;
          flex: 0 0 5.46667em;
  min-width: 0;
  max-width: none; }

.mod_textarea.var_medium,
.mod_textfield.var_medium,
.mod_select.var_medium,
.mod_file_button.var_medium,
.mod_time_picker.var_medium,
.mod_datepicker.var_medium,
.mod_multiselect.var_medium {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.26667em;
          flex: 0 0 8.26667em;
  min-width: 0;
  max-width: none; }

@media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
  .mod_textarea.var_contract,
  .mod_textfield.var_contract,
  .mod_select.var_contract,
  .mod_file_button.var_contract,
  .mod_time_picker.var_contract,
  .mod_datepicker.var_contract,
  .mod_multiselect.var_contract {
    max-width: none; } }

.mod_textarea.var_flex_short,
.mod_textfield.var_flex_short,
.mod_select.var_flex_short,
.mod_file_button.var_flex_short,
.mod_time_picker.var_flex_short,
.mod_datepicker.var_flex_short,
.mod_multiselect.var_flex_short {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 0.53333em; }
  @media all and (min-width: 40.1875em) {
    .mod_textarea.var_flex_short,
    .mod_textfield.var_flex_short,
    .mod_select.var_flex_short,
    .mod_file_button.var_flex_short,
    .mod_time_picker.var_flex_short,
    .mod_datepicker.var_flex_short,
    .mod_multiselect.var_flex_short {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 5.46667em;
              flex: 1 0 5.46667em;
      min-width: 0;
      max-width: none; } }

.mod_textarea.var_attached,
.mod_textfield.var_attached,
.mod_select.var_attached,
.mod_file_button.var_attached,
.mod_time_picker.var_attached,
.mod_datepicker.var_attached,
.mod_multiselect.var_attached {
  padding-right: 0; }
  .mod_textarea.var_attached .mod_textfield_control,
  .mod_textfield.var_attached .mod_textfield_control,
  .mod_select.var_attached .mod_textfield_control,
  .mod_file_button.var_attached .mod_textfield_control,
  .mod_time_picker.var_attached .mod_textfield_control,
  .mod_datepicker.var_attached .mod_textfield_control,
  .mod_multiselect.var_attached .mod_textfield_control {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.mod_textarea.var_flex,
.mod_textfield.var_flex,
.mod_select.var_flex,
.mod_file_button.var_flex,
.mod_time_picker.var_flex,
.mod_datepicker.var_flex,
.mod_multiselect.var_flex {
  width: auto;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.mod_textarea:not(.var_no_bottom_margin),
.mod_textfield:not(.var_no_bottom_margin),
.mod_select:not(.var_no_bottom_margin),
.mod_file_button:not(.var_no_bottom_margin),
.mod_time_picker:not(.var_no_bottom_margin),
.mod_datepicker:not(.var_no_bottom_margin),
.mod_multiselect:not(.var_no_bottom_margin) {
  margin-bottom: 1.6em; }

.mod_file_button {
  margin-bottom: 1.13333em; }

.mod_textfield.var_time,
.mod_time_picker.var_time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.4375em;
          flex: 0 0 4.4375em;
  min-width: 0;
  max-width: none;
  padding-right: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_textfield.var_time,
    .mod_time_picker.var_time {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 5.06667em;
              flex: 0 0 5.06667em; } }

.mod_textarea_control,
.mod_textfield_control,
.mod_select_control,
.mod_radio_checkbox_control,
.mod_datepicker_input,
.mod_file_button_control {
  scroll-margin-top: 8.86667em; }
  @media all and (min-width: 40.1875em) {
    .mod_textarea_control,
    .mod_textfield_control,
    .mod_select_control,
    .mod_radio_checkbox_control,
    .mod_datepicker_input,
    .mod_file_button_control {
      scroll-margin-top: 11.53333em; } }
  @media all and (min-width: 64.0625em) {
    .mod_textarea_control,
    .mod_textfield_control,
    .mod_select_control,
    .mod_radio_checkbox_control,
    .mod_datepicker_input,
    .mod_file_button_control {
      scroll-margin-top: 13.86667em; } }

div[class*="layout_columns_main"] > .mod_form:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_form:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_form:not(:first-child) {
      margin-top: -3.2em; } }

.layout_columns_main > .mod_form {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .layout_columns_main > .mod_form {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .layout_columns_main > .mod_form {
      margin-bottom: 6.4em; } }

@media all and (max-width: 64.0525em) {
  .layout_columns_main.var_no_gap > .mod_form {
    margin-bottom: 0; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_fieldset {
  border: 0;
  border-bottom: 0.06667em solid #E5E5E5;
  margin: 0;
  padding: 3.2em 0 1.6em 0;
  min-width: 0; }
  .mod_fieldset:first-of-type {
    padding-top: 0; }
  .mod_fieldset:last-of-type {
    padding-bottom: 0;
    border-bottom: none; }
  .mod_fieldset.var_accordion_last_fieldset {
    padding-bottom: 0; }
  .mod_fieldset.var_full_width {
    width: 100%; }
  .mod_fieldset .mod_fieldset {
    clear: left; }
  .mod_fieldset + fieldset {
    padding-top: 1.6em; }

.mod_fieldset.var_shop.var_no_side_borders {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  border-left: 0;
  border-right: 0; }

.mod_fieldset.var_shop.var_no_side_borders:last-child {
  padding-bottom: 0;
  border-bottom: 0; }

.mod_fieldset_section:last-of-type {
  padding-bottom: 0; }

.mod_fieldset_legend {
  clear: left;
  float: left;
  width: 100%;
  *zoom: 1; }
  .mod_fieldset_legend:before, .mod_fieldset_legend:after {
    content: '';
    display: table; }
  .mod_fieldset_legend:after {
    clear: both; }
  .mod_fieldset_legend.var_headline_1 {
    display: inline-block;
    width: 100%;
    font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.33333em;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1.2em;
    margin: -0.4em 0 1.25em;
    padding: 0; }
    @media all and (min-width: 40.1875em) {
      .mod_fieldset_legend.var_headline_1 {
        margin-bottom: 1.14286em;
        font-size: 1.4em; } }
    @media all and (min-width: 160.0625em) {
      .mod_fieldset_legend.var_headline_1 {
        font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
    @media all and (min-width: 40.1875em) {
      .mod_fieldset_legend.var_headline_1 {
        margin: -0.38095em 0 1.19048em; } }
  .mod_fieldset_legend.visuallyhidden {
    width: 0; }
  .mod_fieldset_legend .mod_tooltip {
    vertical-align: baseline; }

.mod_fieldset_legend_title {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  width: auto;
  margin: -0.4em 0 1.25em; }
  @media all and (min-width: 40.1875em) {
    .mod_fieldset_legend_title {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_fieldset_legend_title {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  @media all and (min-width: 40.1875em) {
    .mod_fieldset_legend_title {
      margin: -0.38095em 0 1.19048em; } }

.mod_fieldset_legend_text {
  display: block;
  margin-bottom: 2.13333em; }
  .mod_fieldset_legend_text:only-child {
    margin-bottom: 0; }
    .mod_fieldset_legend_text:only-child p {
      margin-top: 0; }

.mod_fieldset_description {
  margin-bottom: 1.33333em;
  width: 100%; }
  .mod_fieldset_description:only-child {
    margin-bottom: 0; }
    .mod_fieldset_description:only-child p {
      margin-top: 0; }

.mod_fieldset_controls {
  clear: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  *zoom: 1; }
  .mod_fieldset_controls:before, .mod_fieldset_controls:after {
    content: '';
    display: table; }
  .mod_fieldset_controls:after {
    clear: both; }
  .page_centered .mod_fieldset_controls {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .var_space_between .mod_fieldset_controls,
  .var_timetable_extended_search .mod_fieldset_controls {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .var_action_bar .mod_fieldset_controls {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset; }
    .var_action_bar .mod_fieldset_controls > * {
      vertical-align: top; }
    .var_action_bar .mod_fieldset_controls > * + * {
      margin-top: 0.53333em; }
      @media all and (min-width: 40.1875em) {
        .var_action_bar .mod_fieldset_controls > * + * {
          margin: 0 0 0 0.53333em; } }

div[class*="layout_columns_main"] > .mod_form .mod_notification.has_error + .mod_fieldset {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_form .mod_notification.has_error + .mod_fieldset {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_form .mod_notification.has_error + .mod_fieldset {
      margin-top: -3.2em; } }

.mod_multifield + .mod_fieldset:first-of-type {
  padding-top: 3.2em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_error_message {
  width: 100%;
  font-size: 0.93333em;
  color: #EB0000; }

.parsley-error > .mod_radio_checkbox_styled {
  border-color: #EB0000 !important; }

.parsley-error > .mod_radio_checkbox_label {
  color: #EB0000; }

input.parsley-error,
textarea.parsley-error,
select.parsley-error,
button.parsley-error {
  border-color: #EB0000 !important;
  color: #EB0000; }

fieldset.parsley-error,
.mod_radio_checkbox.parsley-error {
  position: relative; }
  fieldset.parsley-error:before,
  .mod_radio_checkbox.parsley-error:before {
    content: '';
    position: absolute;
    top: 0;
    left: -0.8em;
    background-color: #EB0000;
    height: 100%;
    width: 0.13333em; }
    @media all and (min-width: 40.1875em) {
      fieldset.parsley-error:before,
      .mod_radio_checkbox.parsley-error:before {
        left: -1.6em; } }
    @media all and (min-width: 64.0625em) {
      fieldset.parsley-error:before,
      .mod_radio_checkbox.parsley-error:before {
        left: -1.06667em; } }

@-webkit-keyframes errorShow {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 5%, 0);
            transform: translate3d(-5%, 5%, 0); }
  25% {
    opacity: 0; }
  100% {
    opacity: 0.9999;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes errorShow {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 5%, 0);
            transform: translate3d(-5%, 5%, 0); }
  25% {
    opacity: 0; }
  100% {
    opacity: 0.9999;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.parsley-errors-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }
  .parsley-errors-list li {
    margin-top: 0;
    margin-top: 0.57143em;
    -webkit-animation: errorShow .25s ease-out forwards;
            animation: errorShow .25s ease-out forwards; }
    .parsley-errors-list li::before {
      content: ''; }
  .parsley-errors-list.filled li {
    -webkit-animation-direction: alternate;
            animation-direction: alternate; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_label {
  color: #666666;
  font-size: 0.86667em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.23077em;
  padding-left: 0.61538em;
  margin-top: -0.30769em;
  margin-bottom: 0.38462em; }
  .mod_label.var_block {
    display: block; }
  .mod_label .mod_tooltip {
    margin-right: 0;
    margin-left: 0.66667em; }

.mod_combo .mod_label_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_textfield {
  width: 100%; }
  @media all and (min-width: 40.1875em) {
    .mod_textfield {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: auto;
      min-width: 16em;
      max-width: 21.33333em;
      padding-right: 0.53333em; } }
  .mod_textfield input.mod_textfield_control {
    width: 100%;
    height: 3em;
    margin-top: 0;
    border: 0.125em solid #b7b7b7;
    border-radius: 0.125em; }
    .mod_textfield input.mod_textfield_control:focus {
      border-color: #666666; }
    .mod_textfield input.mod_textfield_control[readonly], .mod_textfield input.mod_textfield_control:-moz-read-only {
      background: #F6F6F6;
      border-color: #D2D2D2; }
    .mod_textfield input.mod_textfield_control[readonly], .mod_textfield input.mod_textfield_control:read-only {
      background: #F6F6F6;
      border-color: #D2D2D2; }
    .mod_textfield input.mod_textfield_control[data-autocomplete-options].var_has_clear_button {
      padding-right: 2.53333em; }
      @media all and (max-width: 40.1775em) {
        .mod_textfield input.mod_textfield_control[data-autocomplete-options].var_has_clear_button {
          padding-right: 2.375em; } }
    @media all and (max-width: 40.1775em) {
      .mod_textfield input.mod_textfield_control[data-autocomplete-options].var_has_geolocation_button {
        padding-right: 5em; } }
    .mod_filter .mod_textfield input.mod_textfield_control[data-autocomplete-options],
    .mod_search_form .mod_textfield input.mod_textfield_control[data-autocomplete-options] {
      padding-right: 4.8em; }
      .mod_filter .mod_textfield input.mod_textfield_control[data-autocomplete-options].var_has_clear_button,
      .mod_search_form .mod_textfield input.mod_textfield_control[data-autocomplete-options].var_has_clear_button {
        padding-right: 6.26667em; }
        @media all and (max-width: 40.1775em) {
          .mod_filter .mod_textfield input.mod_textfield_control[data-autocomplete-options].var_has_clear_button,
          .mod_search_form .mod_textfield input.mod_textfield_control[data-autocomplete-options].var_has_clear_button {
            padding-right: 5.875em; } }
      @media all and (max-width: 40.1775em) {
        .mod_filter .mod_textfield input.mod_textfield_control[data-autocomplete-options],
        .mod_search_form .mod_textfield input.mod_textfield_control[data-autocomplete-options] {
          padding-right: 4.5em; } }
    @media all and (min-width: 40.1875em) {
      .mod_textfield input.mod_textfield_control {
        height: 3.2em;
        border: 0.13667em solid #b7b7b7;
        border-radius: 0.13333em; } }
  .mod_textfield_container {
    position: relative; }
  .mod_textfield.var_medium, .mod_textfield.var_short {
    padding-right: 0.53333em; }
  .mod_textfield.var_street, .mod_textfield.var_location {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .mod_textfield.var_number {
    padding-left: 0.53333em;
    padding-right: 0; }
    @media all and (min-width: 40.1875em) {
      .mod_textfield.var_number {
        padding-left: 0; } }
  .mod_textfield.var_location {
    padding-right: 0; }
  .mod_textfield.var_streetnumber {
    padding-right: 0; }
  @media all and (max-width: 40.1775em) {
    .mod_datepicker + .mod_textfield.var_time {
      margin-left: 0.53333em; } }
  .mod_textfield.visuallyhidden {
    width: 0; }
  .mod_textfield.var_readonly .mod_textfield_control {
    background: #F6F6F6;
    border-color: #D2D2D2; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_radio_checkbox_wrapper {
  position: relative;
  margin-right: 1.33333em; }
  .mod_radio_checkbox_wrapper:last-child, .mod_radio_checkbox_wrapper:only-child {
    margin-right: 0; }
  .mod_radio_checkbox.var_tags .mod_radio_checkbox_wrapper {
    margin-right: 0.26667em;
    margin-bottom: 0.53333em; }
  .mod_radio_checkbox_wrapper.var_bold .mod_radio_checkbox_label {
    font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mod_radio_checkbox_wrapper.var_intended {
    margin-left: 1.86667em; }

.mod_radio_checkbox_styled {
  position: relative;
  display: inline-block;
  float: left;
  z-index: 0;
  vertical-align: middle;
  width: 1.33333em;
  height: 1.33333em;
  margin-top: 0.3em;
  margin-right: 0.66667em;
  background-color: #FFFFFF;
  border: 0.13333em solid #b7b7b7; }
  @media all and (min-width: 40.1875em) {
    .mod_radio_checkbox_styled {
      margin-top: 0.36667em; } }
  .mod_radio_checkbox_styled:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    width: 0.8em;
    height: 0.8em;
    margin-top: -0.4em;
    margin-left: -0.4em; }
    .var_tags_radio .mod_radio_checkbox_styled:after {
      display: none; }
  .mod_radio_checkbox.var_tags .mod_radio_checkbox_styled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 1.2em;
    background: #F6F6F6;
    border-width: 0.06667em;
    border-color: #F6F6F6;
    -webkit-transition: border 225ms cubic-bezier(0.4, 0, 0.2, 1), background 225ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: border 225ms cubic-bezier(0.4, 0, 0.2, 1), background 225ms cubic-bezier(0.4, 0, 0.2, 1); }

.mod_radio_checkbox_label {
  position: relative;
  display: table-cell;
  padding-top: 0.16667em;
  color: #666666;
  -webkit-transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .mod_radio_checkbox.var_tags .mod_radio_checkbox_label {
    padding: 0.6em 3.2em 0.66667em 1.06667em;
    display: block;
    line-height: 1;
    -webkit-transition: color 225ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 225ms cubic-bezier(0.4, 0, 0.2, 1); }
    .mod_radio_checkbox.var_tags .mod_radio_checkbox_label .mod_radio_checkbox_label_icon {
      display: inline-block;
      position: absolute;
      left: 0.8em;
      margin: -0.4em 0.33333em 0 0;
      height: 1.6em;
      width: 1.6em; }
  .mod_radio_checkbox.var_tags_radio:not(.var_tags_radio_count) .mod_radio_checkbox_label {
    padding: 0.6em 1.06667em 0.66667em 1.06667em; }

.mod_radio_checkbox_label_text {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }

.mod_radio_checkbox_label .mod_svgsprite_icon {
  float: right;
  display: inline-block;
  margin-left: 0.8em;
  height: 1.6em; }

.mod_radio_checkbox_label .mod_svgsprite_icon.var_close_button {
  float: left;
  margin-left: 0; }

.mod_radio_checkbox_label > .mod_tooltip {
  margin: -1.06667em 0 -0.93333em 0.53333em; }

.mod_radio_checkbox {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }
  .mod_radio_checkbox_control {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 1;
    top: 0.36667em;
    width: 1.33333em;
    height: 1.33333em; }
    .var_tags .mod_radio_checkbox_control {
      top: 0;
      height: 100%;
      width: 100%; }
  .mod_radio_checkbox_control[type="checkbox"] ~ .mod_radio_checkbox_styled {
    border-radius: 0.13333em; }
    .mod_radio_checkbox_control[type="checkbox"] ~ .mod_radio_checkbox_styled:after {
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PHBhdGggZmlsbD0iI0VCMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNSAxMi43TC42IDguM2wuNy0uNyAzLjYgMy42IDguNi04LjYuNy43TDUgMTIuN3oiLz48L3N2Zz4=) no-repeat;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      background-size: contain; }
      .mod_radio_checkbox.var_tags .mod_radio_checkbox_control[type="checkbox"] ~ .mod_radio_checkbox_styled:after {
        display: none; }
    .mod_radio_checkbox.var_tags .mod_radio_checkbox_control[type="checkbox"] ~ .mod_radio_checkbox_styled {
      border-radius: 1.2em; }
  .mod_radio_checkbox_control[type="radio"] ~ .mod_radio_checkbox_styled {
    border-radius: 50%; }
    .mod_radio_checkbox_control[type="radio"] ~ .mod_radio_checkbox_styled:after {
      border-radius: 50%;
      background: #C60018; }
      @media screen and (-ms-high-contrast: active) {
        .mod_radio_checkbox_control[type="radio"] ~ .mod_radio_checkbox_styled:after {
          background: windowText; } }
    .mod_radio_checkbox.var_tags_radio .mod_radio_checkbox_control[type="radio"] ~ .mod_radio_checkbox_styled {
      border-radius: 1.2em; }
  .mod_radio_checkbox_control:checked ~ .mod_radio_checkbox_styled:after {
    opacity: 0.9999; }
    @media (forced-colors: active) {
      .mod_radio_checkbox_control:checked ~ .mod_radio_checkbox_styled:after {
        background: CanvasText;
        opacity: 1;
        -webkit-transition: none;
        transition: none; } }
  .mod_radio_checkbox.var_tags .mod_radio_checkbox_control:checked ~ .mod_radio_checkbox_styled {
    border-color: #000000;
    background: #FFFFFF; }
    @media screen and (-ms-high-contrast: active) {
      .mod_radio_checkbox.var_tags .mod_radio_checkbox_control:checked ~ .mod_radio_checkbox_styled {
        background: windowText; } }
    @media (forced-colors: active) {
      .mod_radio_checkbox.var_tags .mod_radio_checkbox_control:checked ~ .mod_radio_checkbox_styled {
        background: Highlight; } }
  .mod_radio_checkbox_control:checked ~ .mod_radio_checkbox_label {
    color: #000000; }
    .mod_radio_checkbox_control:checked ~ .mod_radio_checkbox_label .mod_radio_checkbox_count {
      background-color: #EB0000; }
      @media screen and (-ms-high-contrast: active) {
        .mod_radio_checkbox_control:checked ~ .mod_radio_checkbox_label .mod_radio_checkbox_count {
          color: windowText; } }
    @media screen and (-ms-high-contrast: active) {
      .mod_radio_checkbox_control:checked ~ .mod_radio_checkbox_label {
        color: windowText; } }
  .mod_radio_checkbox_control[type="checkbox"]:disabled ~ .mod_radio_checkbox_label {
    opacity: 0.5; }
  .mod_radio_checkbox_control[type="checkbox"]:disabled ~ .mod_radio_checkbox_styled {
    opacity: 0.5; }
    .mod_radio_checkbox_control[type="checkbox"]:disabled ~ .mod_radio_checkbox_styled:after {
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PHBhdGggZmlsbD0iIzY2NjY2NiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjYgOC4zbC43LS43IDMuNiAzLjYgOC42LTguNi43LjdMNSAxMi43LjYgOC4zeiIvPjwvc3ZnPgo=) no-repeat;
      background-size: contain; }
  .mod_radio_checkbox_control[type="radio"]:disabled ~ .mod_radio_checkbox_label {
    color: #DCDCDC; }
    @media (forced-colors: active) {
      .mod_radio_checkbox_control[type="radio"]:disabled ~ .mod_radio_checkbox_label {
        opacity: 0.5; } }
    .mod_radio_checkbox_control[type="radio"]:disabled ~ .mod_radio_checkbox_label .mod_radio_checkbox_count {
      opacity: 0.5; }
  .mod_radio_checkbox_control[type="radio"]:disabled ~ .mod_radio_checkbox_styled {
    opacity: 0.5; }
    .mod_radio_checkbox_control[type="radio"]:disabled ~ .mod_radio_checkbox_styled:after {
      background-color: gainsboro; }

.mod_radio_checkbox_count {
  position: absolute;
  top: 0.72727em;
  right: 0.81818em;
  min-width: 1.63636em;
  border-radius: 1.36364em;
  padding: 0.36364em 0.45455em;
  background: #767676;
  color: #FFFFFF;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1em;
  font-size: 0.73333em;
  text-align: center;
  -webkit-transition: color 225ms cubic-bezier(0.4, 0, 0.2, 1), background 225ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 225ms cubic-bezier(0.4, 0, 0.2, 1), background 225ms cubic-bezier(0.4, 0, 0.2, 1); }
  @media (forced-colors: active) {
    .mod_radio_checkbox_count {
      border: 0.06667em solid ButtonText; } }

.mod_radio_checkbox_fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

.mod_radio_checkbox_legend {
  float: left;
  font-size: 0.86667em;
  margin-bottom: 0.30769em;
  padding-left: 0.61538em;
  width: 100%;
  color: #666666; }

.var_block .mod_radio_checkbox_legend {
  float: none; }

.mod_radio_checkbox {
  margin-bottom: 1.6em; }
  .mod_radio_checkbox.var_inline .mod_radio_checkbox_wrapper {
    display: inline-block; }
    .mod_radio_checkbox.var_inline .mod_radio_checkbox_wrapper.with_icon-label .mod_radio_checkbox_label {
      padding-left: 2.66667em; }
  .mod_radio_checkbox.var_inline_grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .mod_radio_checkbox.var_inline_grid .mod_radio_checkbox_wrapper {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-right: 0; }
      @media all and (min-width: 48.0625em) {
        .mod_radio_checkbox.var_inline_grid .mod_radio_checkbox_wrapper {
          -ms-flex-preferred-size: calc(50% - 20px);
              flex-basis: calc(50% - 20px); } }
      @media all and (min-width: 64.0625em) {
        .mod_radio_checkbox.var_inline_grid .mod_radio_checkbox_wrapper {
          -ms-flex-preferred-size: calc(33.33% - 40px);
              flex-basis: calc(33.33% - 40px); } }
  .mod_radio_checkbox.var_inline_grid.var_four_columns {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal; }
    .mod_radio_checkbox.var_inline_grid.var_four_columns .mod_radio_checkbox_wrapper {
      padding-bottom: 0.53333em; }
      @media all and (min-width: 26.3125em) {
        .mod_radio_checkbox.var_inline_grid.var_four_columns .mod_radio_checkbox_wrapper {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          max-width: 50%; } }
      @media all and (min-width: 48.0625em) {
        .mod_radio_checkbox.var_inline_grid.var_four_columns .mod_radio_checkbox_wrapper {
          -ms-flex-preferred-size: calc(100% / 3);
              flex-basis: calc(100% / 3);
          max-width: calc(100% / 3); } }
      @media all and (min-width: 64.0625em) {
        .mod_radio_checkbox.var_inline_grid.var_four_columns .mod_radio_checkbox_wrapper {
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
          max-width: 25%; } }
      .mod_radio_checkbox.var_inline_grid.var_four_columns .mod_radio_checkbox_wrapper .mod_radio_checkbox_styled {
        margin-top: 0.3em; }
  .mod_radio_checkbox.var_block {
    width: 100%; }
    .mod_radio_checkbox.var_block .mod_radio_checkbox_wrapper {
      display: block;
      padding-bottom: 0.53333em; }
    .mod_radio_checkbox.var_block .mod_radio_checkbox_label {
      padding-top: 0; }
    .mod_radio_checkbox.var_block .mod_radio_checkbox_styled {
      margin-top: 0.18333em; }
  .mod_radio_checkbox.var_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%; }
  .mod_radio_checkbox.var_vertically_ordered_partial {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 0;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal; }
    .mod_radio_checkbox.var_vertically_ordered_partial .mod_radio_checkbox_wrapper {
      position: relative;
      margin-right: 1em;
      padding-bottom: 0.53333em; }
      .mod_radio_checkbox.var_vertically_ordered_partial .mod_radio_checkbox_wrapper .mod_radio_checkbox_styled {
        margin-top: 0.3em; }
    .mod_radio_checkbox.var_vertically_ordered_partial label {
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; }
    .mod_radio_checkbox.var_vertically_ordered_partial:nth-child(1) {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .mod_radio_checkbox.var_vertically_ordered_partial:nth-child(2) {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .mod_radio_checkbox.var_vertically_ordered_partial:nth-child(3) {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .mod_radio_checkbox.var_vertically_ordered_partial:nth-child(4) {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    @media all and (min-width: 26.3125em) {
      .mod_radio_checkbox.var_vertically_ordered_partial {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; }
        .mod_radio_checkbox.var_vertically_ordered_partial:nth-child(2) {
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3; }
        .mod_radio_checkbox.var_vertically_ordered_partial:nth-child(3) {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; } }
    @media all and (min-width: 80.0625em) {
      .mod_radio_checkbox.var_vertically_ordered_partial {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%; }
        .mod_radio_checkbox.var_vertically_ordered_partial:nth-child(2) {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; }
        .mod_radio_checkbox.var_vertically_ordered_partial:nth-child(3) {
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3; } }
  .mod_radio_checkbox.var_no_bottom_margin {
    margin-bottom: 0; }

.mod_radio_checkbox_wrapper.var_terms_and_conditions.parsley-error > .mod_radio_checkbox_label {
  color: #000000; }

.mod_radio_checkbox_wrapper.var_terms_and_conditions .mod_error_message {
  padding-left: 2em; }

.mod_radio_checkbox .mod_fieldset_collapsible {
  margin-top: 1.6em; }
  .mod_radio_checkbox .mod_fieldset_collapsible legend {
    margin-bottom: 0.8em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_select {
  width: 100%; }
  @media all and (min-width: 40.1875em) {
    .mod_select {
      width: auto;
      max-width: 21.33333em;
      padding-right: 0.53333em; }
      .mod_select.var_max_width {
        width: 100%; } }
  .mod_select.is_disabled .mod_svgsprite_icon {
    opacity: 0.5; }
  .mod_select .mod_svgsprite_icon.var_small_down {
    position: absolute;
    top: 50%;
    right: 0.4em;
    width: 2em;
    height: 2em;
    margin-top: -1em;
    fill: #666666;
    pointer-events: none; }
    @media screen and (-ms-high-contrast: active) {
      .mod_select .mod_svgsprite_icon.var_small_down {
        fill: windowText; } }

.mod_select_wrapper {
  display: inline-block;
  position: relative;
  max-width: 100%; }
  .var_max_width .mod_select_wrapper {
    width: 100%; }

.mod_select_control {
  background: #FFFFFF;
  border-radius: 0.125em;
  color: #666666;
  line-height: 1.4;
  font-size: 1.06667em;
  border: 0.12812em solid #b7b7b7;
  min-width: 4.6875em;
  padding: 0.5em 2.5em 0.5em 0.75em;
  height: 3em; }
  .var_max_width .mod_select_control {
    width: 100%; }
  @media all and (min-width: 40.1875em) {
    .mod_select_control {
      border-radius: 0.13333em;
      font-size: 1em;
      border-width: 0.13667em;
      padding: 0.6em 2.66667em 0.66667em 0.93333em;
      height: 3.2em; } }
  .mod_select_control:disabled {
    opacity: 0.5; }
  .mod_select_control:focus {
    border-color: #666666; }
  .mod_select_control.parsley-error option,
  .mod_select_control.parsley-error optgroup {
    color: #666666; }

.mod_select_icon {
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: 0.13667em;
  width: 2.66667em;
  background: #FFFFFF;
  pointer-events: none;
  overflow: hidden;
  z-index: 2; }

.mod_select_title_wrapper {
  position: relative;
  display: inline-block; }

.mod_select_title_visual {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6em;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.33333em;
  pointer-events: none;
  background: #FFFFFF;
  color: #767676;
  margin-bottom: 0em;
  padding-right: 0.95833em; }
  @media all and (min-width: 40.1875em) {
    .mod_select_title_visual {
      margin-bottom: 1.23077em;
      font-size: 1.73333em; } }
  @media all and (min-width: 64.0625em) {
    .mod_select_title_visual {
      margin-bottom: 1em;
      font-size: 2.13333em; } }
  @media all and (min-width: 160.0625em) {
    .mod_select_title_visual {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  @media all and (min-width: 40.1875em) {
    .mod_select_title_visual {
      margin-bottom: 0;
      padding-right: 0.88462em; } }
  @media all and (min-width: 64.0625em) {
    .mod_select_title_visual {
      margin-bottom: 0;
      padding-right: 0.71875em; } }

.mod_select_title_control {
  position: absolute;
  left: 0;
  top: 0.125em;
  bottom: 0.125em;
  width: 100%;
  z-index: 0;
  font-size: 1.06667em; }

.mod_select_title_control,
.mod_select_title_control:focus {
  border: 0;
  outline: none; }

.mod_select_title_icon .mod_svgsprite_icon {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.53333em;
  fill: #767676;
  pointer-events: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_multiselect {
  width: 100%; }
  @media all and (min-width: 40.1875em) {
    .mod_multiselect {
      -ms-flex-preferred-size: 21.33333em;
          flex-basis: 21.33333em;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: auto;
      min-width: 16em;
      max-width: 21.33333em;
      padding-right: 0.53333em; } }
  .mod_multiselect.is_expanded .mod_multiselect_options_container {
    display: block;
    visibility: visible;
    z-index: 4; }
  .mod_multiselect.is_expanded .mod_multiselect_button {
    padding-top: 0.8em;
    padding-bottom: 0.93333em;
    border-color: #666666;
    border-bottom: 0;
    border-radius: 0.13667em 0.13667em 0 0; }
    .mod_multiselect.is_expanded .mod_multiselect_button:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0.13333em;
      right: 0.13333em;
      height: 0.06667em;
      background: #DCDCDC;
      z-index: 3; }
  .mod_multiselect.is_expanded .mod_multiselect_icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .mod_multiselect.is_expanded .mod_multiselect_button_open {
    display: none;
    visibility: hidden; }
  .mod_multiselect.is_expanded .mod_multiselect_button_close {
    display: block;
    visibility: visible; }
  .mod_multiselect.is_disabled .mod_multiselect_dropdown {
    opacity: 0.5;
    pointer-events: none; }
  .mod_multiselect .mod_radio_checkbox {
    margin: 0;
    padding: 0.46667em 0 0.6em; }
  .mod_multiselect .mod_radio_checkbox_styled {
    margin-top: 0.13333em; }
  .mod_multiselect .mod_radio_checkbox_control {
    top: 0.46667em;
    left: 0.93333em; }
  .mod_multiselect .mod_radio_checkbox_wrapper {
    padding: 0.2em 0.93333em; }
  .mod_multiselect .mod_radio_checkbox_label {
    display: block;
    overflow: hidden;
    padding-top: 0; }
  .mod_multiselect .mod_radio_checkbox.var_multiselect_reset {
    border-bottom: 1px solid #DCDCDC; }

.mod_multiselect_select {
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
  display: block;
  margin: 0;
  padding: 0;
  border: 0; }
  .mod_multiselect_select.parsley-error ~ .mod_multiselect_button,
  .mod_multiselect_select.parsley-error ~ .mod_multiselect_options_container {
    border-color: #EB0000; }

.mod_multiselect_selection {
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.06667em; }
  @media all and (min-width: 40.1875em) {
    .mod_multiselect_selection {
      font-size: 1em; } }
  .mod_multiselect_selection.is_active {
    color: #666666; }

.mod_multiselect_dropdown {
  position: relative; }

.mod_multiselect_options_container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  border: 0.13667em solid #666666;
  border-top: 0;
  background: #FFFFFF;
  width: 100%;
  -webkit-box-shadow: 0 0.53333em 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.53333em 0 rgba(0, 0, 0, 0.15);
  max-height: 24em;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.mod_multiselect_options {
  position: relative; }

.mod_multiselect_button {
  display: block;
  border: 0.13667em solid #b7b7b7;
  border-radius: 0.13333em;
  background: transparent;
  margin: 0;
  padding: 0.73333em 2.66667em 0.73333em 0.86667em;
  width: 100%;
  height: 3.2em;
  line-height: 1;
  text-align: left;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .mod_multiselect_button:focus {
    border-color: #666666; }

.mod_multiselect_button_close {
  display: none;
  visibility: hidden; }

.mod_multiselect_icon {
  position: absolute;
  top: 0.6em;
  right: 0.33333em; }
  .mod_multiselect_icon .mod_svgsprite_icon.var_small_down {
    width: 2em;
    height: 2em;
    fill: #666666; }
    @media screen and (-ms-high-contrast: active) {
      .mod_multiselect_icon .mod_svgsprite_icon.var_small_down {
        fill: windowText; } }

.mod_multiselect_group {
  padding: 0.86667em 0 0; }
  .mod_multiselect_group:last-child {
    padding-bottom: 0.6em; }

.mod_multiselect_group_label {
  color: #767676;
  padding: 0 1.07692em;
  font-size: 0.86667em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_combo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .mod_combo .mod_textfield,
  .mod_combo .mod_select,
  .mod_combo .mod_datepicker {
    margin-bottom: 0; }
  @media all and (max-width: 40.1775em) {
    .mod_combo .var_medium_combo {
      margin-top: 1.6em; }
      .mod_combo .var_medium_combo:first-child {
        margin-top: 0; } }

.mod_combo:not(:only-child) {
  margin-bottom: 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_combo:not(:only-child) {
      margin-bottom: 1.6em; } }

.mod_combo.var_margin_bottom {
  margin-bottom: 1.6em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_textfield.var_time .mod_textfield_container {
  position: relative;
  overflow: hidden; }

.mod_textfield.var_time input.mod_textfield_control {
  padding-right: 0;
  white-space: nowrap;
  overflow: hidden; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_togglebutton {
  clear: left;
  position: relative;
  z-index: 0;
  display: block;
  border: 0;
  padding: 0; }

@media all and (max-width: 23.4275em) {
  .mod_togglebutton.var_flip .mod_togglebutton_label.var_first_option,
  .mod_togglebutton.var_flip .mod_togglebutton_label.var_second_option {
    clear: left;
    width: 100%;
    margin: 0.66667em auto;
    padding: 0;
    text-align: center; }
  .mod_togglebutton.var_flip .mod_togglebutton_input_visual {
    clear: left;
    float: none;
    overflow: hidden;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin: 0.66667em auto 0 auto; } }

.mod_togglebutton.var_hide_first_option .var_first_option {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0; }

.mod_togglebutton.var_hide_first_option > .mod_togglebutton_input:not(:checked) ~ .mod_togglebutton_input_visual:before {
  background: #EB0000; }

.mod_togglebutton_input_visual {
  float: left;
  position: relative;
  display: block;
  cursor: pointer;
  width: 2.93333em;
  height: 1.6em;
  min-height: 1.6em;
  margin-top: 0.8em;
  border-radius: 0.8em; }

.mod_togglebutton_input_visual:before,
.mod_togglebutton_input_visual:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: ''; }

.mod_togglebutton_input_visual:before {
  height: 1.6em;
  left: 0;
  right: 0;
  background-color: #b7b7b7;
  border-radius: 0.8em;
  -webkit-transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1); }
  @media screen and (-ms-high-contrast: active) {
    .mod_togglebutton_input_visual:before {
      background: windowText;
      -webkit-transition: none;
      transition: none; } }

.mod_togglebutton_input_visual:after {
  width: 1.33333em;
  height: 1.33333em;
  top: 0.13333em;
  left: 0.13333em;
  background-color: #FFFFFF;
  border-radius: 0.66667em;
  -webkit-transform: translate3d(1.33333em, 0, 0);
          transform: translate3d(1.33333em, 0, 0);
  -webkit-transition: -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1); }

.mod_togglebutton_input:checked ~ .mod_togglebutton_input_visual:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.mod_togglebutton_input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer; }

.mod_togglebutton_input:checked {
  z-index: 0; }

.mod_togglebutton_input:checked + .mod_togglebutton_label {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: default; }

.mod_togglebutton_label {
  float: left;
  display: block;
  position: relative;
  z-index: 0;
  min-height: 3.2em;
  line-height: 3.2em;
  padding: 0;
  color: #666666;
  text-align: left; }
  .mod_togglebutton_label:after {
    display: block;
    content: attr(data-label);
    font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 0;
    color: transparent;
    visibility: hidden; }

.mod_togglebutton_label.var_first_option {
  padding-right: 0.6em; }

.mod_togglebutton_label.var_second_option {
  padding-left: 0.6em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .mod_group.var_inline {
    width: auto; }
  .mod_group__title {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 0.66667em;
    color: #666666;
    font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.var_vertically_ordered_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.6em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_iframes {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_iframes {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_iframes {
      margin-bottom: 6.4em; } }

.mod_iframes_iframe {
  width: 100%;
  height: 200px; }

.mod_iframes_iframe.is_lightbox_iframe {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 100; }

body.is_lightbox_iframe_open {
  overflow: hidden; }

div[class*="layout_columns_main"] > .mod_iframes:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_iframes:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_iframes:not(:first-child) {
      margin-top: -3.2em; } }

.mod_iframes--video {
  max-width: 640px; }
  .mod_iframes--video .mod_iframes_wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
  .mod_iframes--video .mod_iframes_iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    max-width: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_notification {
  padding: 1.71429em;
  margin-bottom: 3.73333em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  background: #666666; }
  @media all and (min-width: 40.1875em) {
    .mod_notification {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_notification {
      margin-bottom: 6.4em; } }
  .page_centered .mod_notification {
    max-width: 58.66667em;
    margin-left: auto;
    margin-right: auto; }

.mod_notification.var_ie_only {
  display: none; }
  @media all and (-ms-high-contrast: none) {
    .mod_notification.var_ie_only {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.mod_notification.var_full_width {
  width: 100%; }

.mod_notification.var_element_spacing_top {
  margin-top: 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_notification.var_element_spacing_top {
      margin-top: 2.13333em; } }

.mod_notification[data-init] {
  opacity: 0;
  -webkit-transition: opacity 225ms ease-in;
  transition: opacity 225ms ease-in; }

.mod_notification[data-init].is_visible {
  opacity: 1; }

.mod_notification.is_hidden {
  display: none; }

.mod_notification_message {
  font-size: 0.93333em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .mod_notification_message ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1em; }
  .mod_notification_message li {
    margin: 0 0.57143em 0 0;
    display: block;
    list-style-type: none; }
    .mod_notification_message li:after {
      content: '/';
      padding-left: 0.71429em; }
    .mod_notification_message li:last-child:after {
      content: '';
      padding-left: 0; }
  .mod_notification_message a {
    color: #FFFFFF; }
  .mod_notification_message p {
    margin-top: 0; }

.mod_notification_url {
  display: table; }

.mod_notification.var_alert {
  background: #EB0000; }

.mod_notification.var_form_alert {
  display: none; }
  .mod_notification.var_form_alert.parsley-error, .mod_notification.var_form_alert.has_error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.mod_notification_icon {
  font-size: 0.93333em;
  margin-left: -1.14286em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.mod_notification_icon .var_SBB_141_exclamation_mark {
  height: 3.57143em; }

.mod_notification_icon .var_SBB_143_info {
  height: 2.85714em; }

.mod_notification .var_SBB_142_checkmark {
  height: 2.85714em; }

.mod_notification_icon .mod_svgsprite_icon {
  float: none;
  width: 4.28571em;
  fill: currentColor;
  vertical-align: top; }

div[class*="layout_columns_main"] > .mod_notification:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_notification:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_notification:not(:first-child) {
      margin-top: -3.2em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_form .mod_togglebutton,
.mod_timetable_input_form .mod_togglebutton {
  margin: -0.66667em auto 0.93333em; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_form .mod_togglebutton,
    .mod_timetable_input_form .mod_togglebutton {
      margin: 1.13333em 1.06667em 0; } }

.mod_timetable_input_form {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_input_form {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_input_form {
      margin-bottom: 6.4em; } }
  .mod_timetable_input_form.var_first_line_hidden .mod_form .mod_fieldset_section:first-of-type,
  .mod_timetable_input_form.var_first_line_hidden .mod_form .mod_timetable_input_form_linkwrapper {
    display: none; }
  .mod_timetable_input_form.var_centered {
    margin-bottom: 0; }
    .page_centered .mod_timetable_input_form.var_centered .mod_fieldset_controls {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .mod_timetable_input_form.var_home {
    margin-top: 2.53333em;
    margin-bottom: 1.06667em; }
    @media all and (min-width: 40.1875em) {
      .mod_timetable_input_form.var_home {
        margin-top: 4em;
        margin-bottom: 0.53333em; } }
  .page_centered .mod_timetable_input_form .mod_fieldset_controls {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_input_form .mod_time_picker,
    .mod_timetable_input_form .mod_datepicker {
      max-width: 50%; } }
  .mod_timetable_input_form .mod_textfield,
  .mod_timetable_input_form .mod_time_picker,
  .mod_timetable_input_form .mod_datepicker {
    max-width: none;
    min-width: 0; }
  .mod_timetable_input_form > .mod_form {
    position: relative;
    z-index: 1;
    max-width: 64em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4.8em; }
    @media all and (min-width: 64.0625em) {
      .page_centered .mod_timetable_input_form > .mod_form {
        padding-bottom: 0; } }
    .mod_timetable_input_form > .mod_form .mod_fieldset {
      border: 0;
      margin: 0;
      padding: 0; }

.mod_timetable_input_form:not(.var_home) .mod_form {
  margin-bottom: -1.6em; }

@media all and (min-width: 40.1875em) {
  .mod_timetable_input_form .mod_combo {
    width: 20em; } }

.mod_timetable_input_form:not(.is_expanded) .mod_textfield {
  margin-bottom: 0; }

.mod_textfield.mod_timetable_input_form_gpsinput {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  .mod_group.mod_timetable_input_form_swapwrapper + .mod_textfield.mod_timetable_input_form_gpsinput {
    margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    .mod_textfield.mod_timetable_input_form_gpsinput {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
      .mod_group.mod_timetable_input_form_swapwrapper + .mod_textfield.mod_timetable_input_form_gpsinput {
        margin-top: 0; } }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_textfield.mod_timetable_input_form_gpsinput {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: calc(50% - 0.03333em); }
      .mod_timetable_input_form.is_expanded .mod_textfield.mod_timetable_input_form_gpsinput {
        width: calc(50% - 1.63333em); }
      .mod_group.mod_timetable_input_form_swapwrapper + .mod_textfield.mod_timetable_input_form_gpsinput {
        padding-right: 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_textfield.mod_timetable_input_form_gpsinput {
      -ms-flex-preferred-size: calc(50% - 0.53333em);
          flex-basis: calc(50% - 0.53333em); } }

.mod_timetable_input_form_fieldwrapper {
  position: relative;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_input_form_fieldwrapper {
      width: auto; } }

.mod_timetable_input_form_geobutton {
  position: absolute;
  top: 0;
  right: 0.13333em;
  width: 3.2em;
  height: 3.2em;
  background: transparent;
  text-align: center;
  display: none; }
  .mod_timetable_input_form_geobutton:hover .mod_svgsprite_icon, .mod_timetable_input_form_geobutton:focus .mod_svgsprite_icon {
    fill: #C60018; }

.mod_timetable_input_form .mod_label {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: opacity 0.2s ease-in 0s, visibility 0s ease 0.2s, -webkit-transform 0.2s ease-in 0s;
  transition: opacity 0.2s ease-in 0s, visibility 0s ease 0.2s, -webkit-transform 0.2s ease-in 0s;
  transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, visibility 0s ease 0.2s;
  transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, visibility 0s ease 0.2s, -webkit-transform 0.2s ease-in 0s; }

.mod_timetable_input_form.is_expanded .mod_label {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.2s ease-in 0s, visibility 0s ease 0s, -webkit-transform 0.2s ease-in 0s;
  transition: opacity 0.2s ease-in 0s, visibility 0s ease 0s, -webkit-transform 0.2s ease-in 0s;
  transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, visibility 0s ease 0s;
  transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s, visibility 0s ease 0s, -webkit-transform 0.2s ease-in 0s; }

.mod_timetable_input_form.is_first_line_expanded .mod_label {
  height: auto; }

@media all and (min-width: 40.1875em) {
  .mod_timetable_input_form .mod_label_text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; } }

.mod_timetable_input_form .mod_error_message.has_error + .mod_fieldset {
  margin-top: 1.6em; }

.mod_timetable_input_form_viafield {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, visibility 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 300ms;
  transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, visibility 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 300ms; }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_timetable_input_form_viafield {
      position: absolute;
      top: auto;
      right: 0;
      display: block;
      width: calc(33.33% - 3.33333em);
      margin-top: 0;
      padding-right: 0; } }

.mod_timetable_input_form:not(.is_via_opened) .mod_timetable_input_form_viafield {
  margin: 0; }

.mod_timetable_input_form:not(.is_expanded) .mod_timetable_input_form_viafield {
  margin-bottom: 0; }

.mod_timetable_input_form.is_via_opened:not(.is_for_extended_search) .mod_timetable_input_form_viafield.only_extended {
  opacity: 0;
  visibility: hidden;
  display: none;
  max-width: none; }

@media all and (min-width: 64.0625em) {
  .mod_timetable_input_form .mod_timetable_input_form_gpsinput {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
    html[lang^=de] .mod_timetable_input_form .mod_timetable_input_form_gpsinput {
      width: 35.41667%; }
    html[lang^=en] .mod_timetable_input_form .mod_timetable_input_form_gpsinput {
      width: 37.03125%; }
    html[lang^=fr] .mod_timetable_input_form .mod_timetable_input_form_gpsinput {
      width: 33.75%; }
    html[lang^=it] .mod_timetable_input_form .mod_timetable_input_form_gpsinput {
      width: 35.9375%; } }

@media all and (min-width: 64.0625em) {
  html[lang^=de] .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput {
    width: 32.86458%; }
  html[lang^=en] .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput {
    width: 34.47917%; }
  html[lang^=fr] .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput {
    width: 31.19792%; }
  html[lang^=it] .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput {
    width: 33.38542%; }
  html[lang^=de] .layout_columns_main .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput,
  html[lang^=en] .layout_columns_main .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput,
  html[lang^=fr] .layout_columns_main .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput,
  html[lang^=it] .layout_columns_main .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput {
    width: calc(50% - 1.63333em); }
    html[lang^=de] .layout_columns_main .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput + * + .mod_timetable_input_form_gpsinput,
    html[lang^=en] .layout_columns_main .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput + * + .mod_timetable_input_form_gpsinput,
    html[lang^=fr] .layout_columns_main .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput + * + .mod_timetable_input_form_gpsinput,
    html[lang^=it] .layout_columns_main .mod_timetable_input_form.is_expanded .mod_timetable_input_form_gpsinput + * + .mod_timetable_input_form_gpsinput {
      padding-right: 0; } }

.mod_timetable_input_form.is_expanded.is_via_opened .mod_timetable_input_form_viafield {
  max-height: none;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s ease-in 0s, visibility 0s ease 0s;
  transition: opacity 0.25s ease-in 0s, visibility 0s ease 0s; }
  @media all and (min-width: 64.0625em) {
    html[lang^=de] .mod_timetable_input_form.is_expanded.is_via_opened .mod_timetable_input_form_viafield {
      width: 28.33333%; }
    html[lang^=en] .mod_timetable_input_form.is_expanded.is_via_opened .mod_timetable_input_form_viafield {
      width: 25.10417%; }
    html[lang^=fr] .mod_timetable_input_form.is_expanded.is_via_opened .mod_timetable_input_form_viafield {
      width: 31.66667%; }
    html[lang^=it] .mod_timetable_input_form.is_expanded.is_via_opened .mod_timetable_input_form_viafield {
      width: 27.29167%; } }

.mod_timetable_input_form .mod_timepicker_via {
  display: none; }

.mod_timetable_input_form .mod_timetable_input_form_via_wrapper {
  width: 100%; }

@media all and (min-width: 64.0625em) {
  .page_centered .mod_timetable_input_form .mod_timetable_input_form_via_wrapper {
    width: auto; } }

.mod_timetable_input_form.is_via_wrapper_visible {
  display: block;
  width: 100%; }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_input_form.is_via_wrapper_visible {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.mod_timetable_input_form .mod_timetable_input_form_delete {
  display: none; }

.mod_timetable_input_form .mod_fieldset_section.var_secondline {
  height: 0; }

.mod_timetable_input_form.is_expanded .mod_fieldset_section.var_secondline {
  height: auto; }

.mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_fieldset_controls > * {
  opacity: 0; }

.mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_timetable_input_form_linkwrapper,
.mod_timetable_input_form .mod_timetable_input_form_viawrapper {
  display: none; }

.mod_timetable_input_form.is_first_line_expanded .mod_timetable_input_form_viawrapper {
  display: block; }

.mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_timetable_input_form_linkwrapper {
  display: block; }
  @media all and (max-width: 64.0525em) {
    .mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_timetable_input_form_linkwrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 50%; } }

.mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_fieldset_controls > * {
  opacity: 1 !important;
  -webkit-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in; }
  .mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_fieldset_controls > *:nth-child(1) {
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms; }
  .mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_fieldset_controls > *:nth-child(2) {
    -webkit-transition-delay: 50ms;
            transition-delay: 50ms; }
  .mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_fieldset_controls > *:nth-child(3) {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms; }
  .mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_fieldset_controls > *:nth-child(4) {
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms; }
  .mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_fieldset_controls > *:nth-child(5) {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms; }

.mod_timetable_input_form_link {
  position: absolute;
  bottom: 0;
  width: 50%;
  padding-top: 0;
  padding-bottom: 0; }
  @media all and (min-width: 64.0625em) {
    .page_centered .mod_timetable_input_form_link {
      position: relative;
      bottom: auto;
      left: auto;
      right: auto;
      width: auto;
      min-width: 12em;
      margin-left: 2.26667em;
      margin-top: 2.06667em;
      margin-bottom: 0; }
      .page_centered .mod_timetable_input_form_link.var_add_via {
        margin-left: 1.73333em; } }
  .mod_timetable_input_form_link.var_add_via {
    left: 0;
    background: transparent;
    margin-top: 2em;
    padding-right: 2em;
    text-align: left; }
    .mod_timetable_input_form_link.var_add_via.small_viewport {
      clear: both;
      margin-left: 0;
      margin-top: 0; }
      @media all and (min-width: 40.1875em) {
        .mod_timetable_input_form_link.var_add_via.small_viewport {
          margin-top: 1.33333em;
          text-align: left; } }
      @media all and (min-width: 64.0625em) {
        .mod_timetable_input_form_link.var_add_via.small_viewport {
          visibility: hidden;
          display: none; } }
    .mod_timetable_input_form_link.var_add_via.large_viewport {
      display: none;
      visibility: hidden; }
      @media all and (min-width: 64.0625em) {
        .mod_timetable_input_form_link.var_add_via.large_viewport {
          visibility: visible;
          display: block; } }
    .no-touchevents .mod_timetable_input_form_link.var_add_via:hover, .mod_timetable_input_form_link.var_add_via:focus {
      padding-right: 0; }
  .mod_timetable_input_form_link.var_advanced_search {
    right: 0;
    text-align: right;
    padding-right: 2em;
    width: auto; }
    .no-touchevents .mod_timetable_input_form_link.var_advanced_search:hover, .mod_timetable_input_form_link.var_advanced_search:focus {
      padding-right: 0; }
    @media all and (min-width: 64.0625em) {
      .page_centered .mod_timetable_input_form_link.var_advanced_search {
        text-align: left; } }

.mod_timetable_input_form .mod_timetable_input_form_viawrapper {
  width: auto;
  opacity: 0; }

.mod_timetable_input_form.is_via_opened:not(.is_for_extended_search) .mod_timetable_input_form_viawrapper {
  visibility: hidden;
  opacity: 0; }

.mod_timetable_input_form.is_expanded .mod_timetable_input_form_viawrapper {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-in 150ms;
  transition: opacity 200ms ease-in 150ms; }

@media all and (max-width: 40.1775em) {
  .mod_timetable_input_form .mod_datepicker.var_icon.var_arrows {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 5em);
            flex: 1 0 calc(100% - 5em);
    -ms-flex-preferred-size: calc(100% - 5em);
        flex-basis: calc(100% - 5em); } }

.mod_timetable_input_form .mod_svgsprite_icon.var_plus {
  width: 1.4em;
  height: 1.4em; }

.mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
  opacity: 1;
  position: absolute;
  bottom: 1.06667em;
  right: 0; }
  @media all and (max-width: 40.1775em) {
    .mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); } }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
      top: 2.06667em;
      bottom: auto;
      right: 50%;
      margin-top: 0.53333em;
      margin-right: 0;
      width: auto;
      -webkit-transform: translate3d(50%, 100%, 0);
              transform: translate3d(50%, 100%, 0); } }

@media all and (min-width: 64.0625em) {
  .page_centered .mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
    top: 0.58333em;
    right: auto;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    html[lang^=de] .page_centered .mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
      left: 70.83333%; }
    html[lang^=en] .page_centered .mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
      left: 74.0625%; }
    html[lang^=fr] .page_centered .mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
      left: 67.5%; }
    html[lang^=it] .page_centered .mod_timetable_input_form .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
      left: 71.875%; } }

.mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
  position: static;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  @media all and (max-width: 40.1775em) {
    .mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
      top: auto;
      bottom: auto;
      right: auto; } }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_input_form.is_first_line_expanded .mod_fieldset_section.var_secondline .mod_timetable_input_form_buttonwrapper {
      width: auto;
      margin-top: 1.11667em; } }

.mod_timetable_input_form_swap {
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .mod_timetable_input_form_swap.is_swapped {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
    @media all and (min-width: 40.1875em) {
      .mod_timetable_input_form_swap.is_swapped {
        -webkit-transform: rotate(90deg) rotateX(180deg);
                transform: rotate(90deg) rotateX(180deg); } }
  .no-touchevents .mod_timetable_input_form_swap:hover .mod_svgsprite_icon.var_swap, .mod_timetable_input_form_swap:focus .mod_svgsprite_icon.var_swap {
    fill: #C60018; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_input_form_swap {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); } }

.mod_group.mod_timetable_input_form_swapwrapper {
  position: relative;
  top: 0;
  z-index: 1;
  min-width: 0.53333em;
  height: 0;
  opacity: 0;
  overflow: hidden;
  display: none;
  -webkit-transition: width 200ms ease-out, height 200ms ease-out, opacity 200ms ease-in;
  transition: width 200ms ease-out, height 200ms ease-out, opacity 200ms ease-in; }
  @media all and (max-width: 40.1775em) {
    .mod_group.mod_timetable_input_form_swapwrapper {
      margin: -1.93333em auto -0.8em auto; } }
  @media all and (min-width: 40.1875em) {
    .mod_group.mod_timetable_input_form_swapwrapper {
      margin: 0 0.26667em 0 -0.26667em;
      top: 1.06667em; } }
  .mod_timetable_input_form.is_expanded .mod_group.mod_timetable_input_form_swapwrapper {
    display: block;
    height: 3.2em;
    width: 3.2em;
    opacity: 1; }
  .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:after {
    position: absolute;
    top: 1.66667em;
    left: 0.53333em;
    content: '';
    display: block;
    width: 2.13333em;
    height: 0.06667em;
    -webkit-transform: rotate(-45deg) scale3d(0.1, 0.1, 0.1);
            transform: rotate(-45deg) scale3d(0.1, 0.1, 0.1);
    background: #BDBDBD;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
    transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
    transition: opacity 200ms ease-out, transform 200ms ease-out;
    transition: opacity 200ms ease-out, transform 200ms ease-out, -webkit-transform 200ms ease-out; }
    @media all and (min-width: 40.1875em) {
      .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:after {
        top: 1.6em;
        left: 0.46667em; } }
    @media screen and (-ms-high-contrast: active) {
      .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:after {
        background: windowText; } }
  .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:disabled .var_swap, .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:disabled:hover .var_swap, .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:disabled:focus .var_swap {
    fill: #BDBDBD; }
    @media screen and (-ms-high-contrast: active) {
      .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:disabled .var_swap, .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:disabled:hover .var_swap, .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:disabled:focus .var_swap {
        fill: windowText; } }
  .mod_group.mod_timetable_input_form_swapwrapper .mod_timetable_input_form_swap:disabled:after {
    -webkit-transform: rotate(-45deg) scale3d(1, 1, 1);
            transform: rotate(-45deg) scale3d(1, 1, 1);
    opacity: 1; }

.mod_timetable_input_form .var_swap,
.mod_timetable_input_form .var_gps {
  float: none;
  vertical-align: middle;
  fill: #666666; }
  @media screen and (-ms-high-contrast: active) {
    .mod_timetable_input_form .var_swap,
    .mod_timetable_input_form .var_gps {
      fill: windowText; } }
  .no-touchevents .mod_timetable_input_form .var_swap:hover, .mod_timetable_input_form .var_swap:focus, .no-touchevents
  .mod_timetable_input_form .var_gps:hover,
  .mod_timetable_input_form .var_gps:focus {
    fill: #C60018; }

div[class*="layout_columns_main"] > .mod_timetable_input_form:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_timetable_input_form:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_timetable_input_form:not(:first-child) {
      margin-top: -3.2em; } }

.mod_timetable_input_form .var_add_via .mod_svgsprite_icon:first-of-type,
.mod_timetable_input_form .var_add_via .mod_svgsprite_icon:last-of-type {
  top: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_loading_animation {
  text-align: center; }

.mod_loading_animation_canvas {
  width: 11.33333em;
  height: 1.2em;
  margin: 0 auto;
  -webkit-perspective: 11.33333em;
          perspective: 11.33333em;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate3d(-3em, 0, 0);
          transform: translate3d(-3em, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .mod_loading_animation_canvas.var_tiny {
    width: 3.46667em;
    height: 0.33333em;
    -webkit-perspective: 6em;
            perspective: 6em;
    -webkit-transform: translate3d(-2em, 0, 0);
            transform: translate3d(-2em, 0, 0); }
  .mod_loading_animation_canvas.var_small {
    width: 5.8em;
    height: 0.6em;
    -webkit-transform: translate3d(-2.66667em, 0, 0);
            transform: translate3d(-2.66667em, 0, 0);
    -webkit-perspective: 8em;
            perspective: 8em; }
  .mod_loading_animation_canvas.var_big {
    width: 16.86667em;
    height: 1.8em;
    -webkit-perspective: 16.66667em;
            perspective: 16.66667em; }

.mod_loading_animation_transformed_container {
  position: relative;
  -webkit-transform: rotateY(50deg) translateZ(1em);
          transform: rotateY(50deg) translateZ(1em);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.mod_loading_animation_container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: loading_container 0.23s linear infinite;
          animation: loading_container 0.23s linear infinite; }
  .var_small .mod_loading_animation_container {
    -webkit-animation: loading_container_small 0.23s linear infinite;
            animation: loading_container_small 0.23s linear infinite; }
  .var_big .mod_loading_animation_container {
    -webkit-animation: loading_container_big 0.23s linear infinite;
            animation: loading_container_big 0.23s linear infinite; }
  .var_tiny .mod_loading_animation_container {
    -webkit-animation: loading_container_tiny 0.23s linear infinite;
            animation: loading_container_tiny 0.23s linear infinite; }

.mod_loading_animation_rect {
  width: 2em;
  height: 1.2em;
  margin-right: 0.33333em;
  background: #EB0000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  contain: strict;
  will-change: opacity, transform; }
  .var_tiny .mod_loading_animation_rect {
    width: 0.53333em;
    height: 0.33333em;
    -webkit-transform: translate3d(-0.1em, 0, 0);
            transform: translate3d(-0.1em, 0, 0);
    margin-right: 0.2em; }
  .var_small .mod_loading_animation_rect {
    width: 1em;
    height: 0.6em;
    margin-right: 0.2em; }
  .var_big .mod_loading_animation_rect {
    width: 3em;
    height: 1.8em;
    margin-right: 0.46667em; }
  .var_gray .mod_loading_animation_rect {
    background: #5A5A5A; }
  .mod_loading_animation_rect:nth-child(1) {
    -webkit-animation: loading_rectangle1 0.23s linear infinite;
            animation: loading_rectangle1 0.23s linear infinite; }
  .mod_loading_animation_rect:nth-child(2) {
    -webkit-animation: loading_rectangle2 0.23s linear infinite;
            animation: loading_rectangle2 0.23s linear infinite; }
  .mod_loading_animation_rect:nth-child(3) {
    -webkit-animation: loading_rectangle3 0.23s linear infinite;
            animation: loading_rectangle3 0.23s linear infinite; }
  .mod_loading_animation_rect:nth-child(4) {
    -webkit-animation: loading_rectangle4 0.23s linear infinite;
            animation: loading_rectangle4 0.23s linear infinite; }
  .mod_loading_animation_rect:nth-child(5) {
    -webkit-animation: loading_rectangle5 0.23s linear infinite;
            animation: loading_rectangle5 0.23s linear infinite; }
  .mod_loading_animation_rect:last-child {
    margin-right: 0; }
  @media screen and (-ms-high-contrast: active) {
    .mod_loading_animation_rect {
      background: windowText; } }

@-webkit-keyframes loading_container {
  0% {
    -webkit-transform: translateX(2.33333em);
            transform: translateX(2.33333em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes loading_container {
  0% {
    -webkit-transform: translateX(2.33333em);
            transform: translateX(2.33333em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes loading_container_tiny {
  0% {
    -webkit-transform: translateX(0.73333em);
            transform: translateX(0.73333em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes loading_container_tiny {
  0% {
    -webkit-transform: translateX(0.73333em);
            transform: translateX(0.73333em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes loading_container_small {
  0% {
    -webkit-transform: translateX(1.2em);
            transform: translateX(1.2em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes loading_container_small {
  0% {
    -webkit-transform: translateX(1.2em);
            transform: translateX(1.2em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes loading_container_big {
  0% {
    -webkit-transform: translateX(3.46667em);
            transform: translateX(3.46667em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes loading_container_big {
  0% {
    -webkit-transform: translateX(3.46667em);
            transform: translateX(3.46667em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes loading_rectangle1 {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0.000001; } }

@keyframes loading_rectangle1 {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0.000001; } }

@-webkit-keyframes loading_rectangle2 {
  0% {
    opacity: 0.9999; }
  100% {
    opacity: 0.5; } }

@keyframes loading_rectangle2 {
  0% {
    opacity: 0.9999; }
  100% {
    opacity: 0.5; } }

@-webkit-keyframes loading_rectangle3 {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0.9999; } }

@keyframes loading_rectangle3 {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0.9999; } }

@-webkit-keyframes loading_rectangle4 {
  0% {
    opacity: 0.25; }
  100% {
    opacity: 0.5; } }

@keyframes loading_rectangle4 {
  0% {
    opacity: 0.25; }
  100% {
    opacity: 0.5; } }

@-webkit-keyframes loading_rectangle5 {
  0% {
    opacity: 0.000001; }
  100% {
    opacity: 0.25; } }

@keyframes loading_rectangle5 {
  0% {
    opacity: 0.000001; }
  100% {
    opacity: 0.25; } }

.mod_loading_animation_message {
  font-weight: normal;
  color: #666666;
  font-size: 0.86667em;
  margin: 1em 0 0;
  margin: 3.69231em auto 0; }
  .mod_loading_animation_message a {
    color: currentColor; }
  .var_tiny + .mod_loading_animation_message {
    margin-top: 1.23077em; }
  .var_small + .mod_loading_animation_message {
    margin-top: 2.46154em; }
  .var_big + .mod_loading_animation_message {
    margin-top: 6.15385em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
@media all and (min-width: 64.0625em) {
  .mod_pressrelease_pagination {
    margin-top: -1.73333em; } }

.mod_pressrelease_pagination_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  overflow: auto;
  border-top: 0.06667em solid #DCDCDC; }
  .layout_columns_main .mod_pressrelease_pagination_list {
    margin: 0 -1.6em;
    border-top-width: 0; }
    @media all and (min-width: 40.1875em) {
      .layout_columns_main .mod_pressrelease_pagination_list {
        padding: 0 1.6em;
        border-top-width: 0.06667em; } }
    @media all and (min-width: 64.0625em) {
      .layout_columns_main .mod_pressrelease_pagination_list {
        margin: 0;
        padding: 0; } }

.mod_pressrelease_pagination_list_item {
  margin: 0;
  width: 100%;
  padding: 0 1.33333em; }
  @media all and (min-width: 40.1875em) {
    .mod_pressrelease_pagination_list_item {
      width: 50%;
      padding: 0; } }

.mod_pressrelease_pagination_list_item.var_previous {
  float: left; }

.mod_pressrelease_pagination_list_item:nth-child(2) {
  border-top: 0.06667em solid #DCDCDC; }
  @media all and (min-width: 40.1875em) {
    .mod_pressrelease_pagination_list_item:nth-child(2) {
      border-top: none; } }

.mod_pressrelease_pagination_list_item.var_next {
  float: right;
  text-align: right; }

.mod_pressrelease_pagination_button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  position: relative;
  font-size: 0.86667em;
  height: 4.92308em;
  line-height: 4.92308em;
  color: #666666;
  text-decoration: none; }
  @media all and (min-width: 40.1875em) {
    .mod_pressrelease_pagination_button {
      padding: 0 2em; } }

.mod_pressrelease_pagination_button.var_previous {
  padding-left: 2em; }

.mod_pressrelease_pagination_button.var_next {
  padding-right: 2em; }

.mod_pressrelease_pagination_button .mod_svgsprite_icon {
  position: absolute;
  fill: #666666;
  top: 1.69231em;
  width: 1.53846em;
  height: 1.53846em; }

.mod_pressrelease_pagination_button .mod_svgsprite_icon.var_arrow_left {
  left: -0.07692em; }

.mod_pressrelease_pagination_button .mod_svgsprite_icon.var_arrow_right {
  right: 0; }

.mod_pressrelease_pagination_button:before {
  position: absolute;
  content: '';
  top: 1.84615em;
  width: 1.23077em;
  height: 1.23077em;
  border: 0.07692em solid #A8A8A8;
  border-radius: 60%; }

.mod_pressrelease_pagination_button:focus:before,
.mod_pressrelease_pagination_button:hover:before {
  border-color: #C60018; }

.mod_pressrelease_pagination_button.var_previous:before {
  left: 0.07692em; }

.mod_pressrelease_pagination_button.var_next:before {
  right: 0.15385em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_promo_code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_promo_code {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_promo_code {
      margin-bottom: 6.4em; } }

@media all and (min-width: 40.1875em) {
  .mod_promo_code_input_wrapper {
    padding-right: 1.2em; } }

@media all and (min-width: 64.0625em) {
  .mod_promo_code_input_wrapper {
    padding-right: 0.53333em; } }

.mod_promo_code_input_wrapper .mod_textfield_container {
  width: 100%;
  margin: 0 0 1.6em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_promo_code_input_wrapper .mod_textfield_container {
      width: auto;
      min-width: 14em;
      margin: 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_promo_code_input_wrapper .mod_textfield_container {
      min-width: 20.8em; } }

.mod_promo_code_error {
  display: none; }

.mod_promo_code_group {
  width: 100%; }

.mod_promo_code .mod_combo {
  margin-bottom: 0; }

.mod_promo_code .mod_group {
  display: block; }
  @media all and (min-width: 40.1875em) {
    .mod_promo_code .mod_group {
      width: auto; } }

.mod_promo_code .mod_label {
  float: left;
  margin: 0 0 1.14286em 0;
  padding: 0;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  color: #000000; }
  @media all and (min-width: 40.1875em) {
    .mod_promo_code .mod_label {
      height: 2.33333em;
      line-height: 2.2381em;
      margin: 0 1.06667em 0 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_promo_code .mod_label {
      margin-right: 0.8em; } }

.mod_promo_code .mod_textfield {
  float: left;
  max-width: none; }

.mod_promo_code .mod_textfield_container {
  float: left; }

.mod_promo_code .mod_error_message {
  clear: left;
  float: right;
  width: 100%;
  margin: -1.71429em 0 1.6em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_promo_code .mod_error_message {
      width: 15em;
      margin: 0 0 -2.28571em 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_promo_code .mod_error_message {
      width: 22.28571em; } }

.mod_promo_code_group + .mod_error_message {
  display: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_product_tree_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  margin: -2.4em 0 -0.8em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_product_tree_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: -3.46667em -1.6em -1.6em -1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_product_tree_list {
      margin: -3.46667em -1.06667em -1.6em -1.06667em; } }

.mod_product_tree_list_item {
  margin: 3.06667em 0 0.8em; }
  @media all and (min-width: 40.1875em) {
    .mod_product_tree_list_item {
      margin-top: 3.86667em;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }
  @media all and (min-width: 64.0625em) {
    .mod_product_tree_list_item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      margin-bottom: 1.6em; } }
  .mod_product_tree_list_item.var_distributed {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.mod_product_tree_list_item_title {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  margin-bottom: 0.85714em;
  text-decoration: none; }
  @media all and (min-width: 40.1875em) {
    .mod_product_tree_list_item_title {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_product_tree_list_item_title {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  @media all and (min-width: 40.1875em) {
    .mod_product_tree_list_item_title {
      padding: 0 1.14286em; } }
  @media all and (min-width: 64.0625em) {
    .mod_product_tree_list_item_title {
      min-height: 3.2381em;
      margin-bottom: 0;
      padding: 0 0.7619em;
      overflow: hidden; } }
  .mod_product_tree_list_item.var_distributed .mod_product_tree_list_item_title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }

.mod_product_tree_list_level2 {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }
  @media all and (min-width: 40.1875em) {
    .mod_product_tree_list_level2 {
      padding: 0 1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_product_tree_list_level2 {
      padding: 0 1.06667em; } }
  .mod_product_tree_list_item.var_distributed .mod_product_tree_list_level2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  @media all and (min-width: 40.1875em) {
    .mod_product_tree_list_level2 {
      margin-bottom: 0.53333em; }
      .mod_product_tree_list_item.var_distributed .mod_product_tree_list_level2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        padding: 0;
        margin-bottom: 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_product_tree_list_level2 {
      margin-bottom: 0.53333em; }
      .mod_product_tree_list_item.var_distributed .mod_product_tree_list_level2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%; } }

.mod_product_tree_list_level2_item {
  margin: 0; }
  .mod_product_tree_list_level2_item:last-of-type {
    border-bottom: none; }
  .mod_product_tree_list_level2_item.is_hidden {
    display: none; }
  .mod_product_tree_list_level2_item:last-child .mod_product_tree_list_level2_item_link {
    border-bottom: 1px solid #E5E5E5; }
  @media all and (min-width: 40.1875em) {
    .mod_product_tree_list_item.var_distributed .mod_product_tree_list_level2_item {
      margin: 0 1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_product_tree_list_item.var_distributed .mod_product_tree_list_level2_item {
      margin: 0 1.06667em; } }

.mod_product_tree_list_level2_item_link {
  position: relative;
  display: block;
  contain: content;
  padding: 0.86667em 0 0.8em 0;
  border-top: 0.06667em solid #E5E5E5;
  text-decoration: none;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  -webkit-transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: height 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .mod_product_tree_list_level2_item_link.var_compact {
    padding-top: 0.46667em;
    padding-bottom: 0.53333em; }
  .mod_product_tree_list_level2_item_link:not(.var_no_icon) {
    padding-right: 1.6em; }
    .mod_product_tree_list_level2_item_link:not(.var_no_icon):after {
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      display: block;
      width: 1.6em;
      height: 1.6em;
      margin-left: 0.26667em;
      margin-top: -0.8em;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      background-size: contain;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjYgNy41bC0uOC44IDMuNyAzLjdoLTEydjFoMTJsLTMuNyAzLjcuOC43IDUtNSIvPjwvc3ZnPg==) no-repeat; }
    .mod_product_tree_list_level2_item_link:not(.var_no_icon):focus:after, .mod_product_tree_list_level2_item_link:not(.var_no_icon):hover:after, .mod_product_tree_list_level2_item_link:not(.var_no_icon).var_icon_colored:after {
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0M2MDAxOCIgZD0iTTEzLjYgNy41bC0uOC44IDMuNyAzLjdoLTEydjFoMTJsLTMuNyAzLjcuOC43IDUtNSIvPjwvc3ZnPgo=) no-repeat; }

.mod_product_tree_list_level2_item_button {
  display: block;
  width: 100%;
  padding: 0.86667em 0 0.8em;
  border-top: 1px solid #E5E5E5;
  background: none;
  text-align: left;
  text-decoration: underline; }
  .mod_product_tree_list_level2_item_button:hover, .mod_product_tree_list_level2_item_button:focus {
    color: #C60018; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_lh_badge_megadropdown {
  display: block;
  text-align: center;
  text-decoration: none;
  margin-bottom: 5.33333em; }
  @media all and (min-width: 40.1875em) {
    .mod_lh_badge_megadropdown {
      margin-bottom: 1.6em; } }
  @media all and (min-width: 40.1875em) and (min-width: 40.1875em) {
    .mod_lh_badge_megadropdown {
      margin-bottom: 3.2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_lh_badge_megadropdown {
      margin-top: 1.4rem;
      margin-bottom: 0; } }

.mod_lh_badge_megadropdown_icons {
  position: relative;
  display: block;
  width: 10.33333em;
  height: 7.8em;
  margin: 0 auto; }

.mod_lh_badge_megadropdown .mod_svgsprite_icon {
  position: absolute;
  background-color: #F6F6F6;
  border: 0.06667em solid #666666;
  border-radius: 50%;
  padding: 5%;
  stroke: #000000;
  -webkit-transition: stroke 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: stroke 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  @media screen and (-ms-high-contrast: active) {
    .mod_lh_badge_megadropdown .mod_svgsprite_icon {
      stroke: windowText; } }
  .mod_lh_badge_megadropdown .mod_svgsprite_icon.var_size_1 {
    width: 2.86667em;
    height: 2.86667em;
    top: 3.13333em;
    left: 0; }
  .mod_lh_badge_megadropdown .mod_svgsprite_icon.var_size_2 {
    width: 3.46667em;
    height: 3.46667em;
    top: 4.33333em;
    left: 4.8em; }
  .mod_lh_badge_megadropdown .mod_svgsprite_icon.var_size_3 {
    width: 4em;
    height: 4em;
    top: 4.33333em;
    left: 1.73333em; }
  .mod_lh_badge_megadropdown .mod_svgsprite_icon.var_size_4 {
    width: 4.53333em;
    height: 4.53333em;
    top: 1.13333em;
    left: 6.46667em; }
  .mod_lh_badge_megadropdown .mod_svgsprite_icon.var_size_5 {
    width: 5.66667em;
    height: 5.66667em;
    top: 0;
    left: 1.73333em; }

.mod_lh_badge_megadropdown_text {
  display: block;
  width: 100%;
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  line-height: 1.35;
  margin: 0.4em 0 0.53333em;
  -webkit-transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  @media all and (min-width: 40.1875em) {
    .mod_lh_badge_megadropdown_text {
      font-size: 1.73333rem; } }
  @media all and (min-width: 64.0625em) {
    .mod_lh_badge_megadropdown_text {
      font-size: 2.13333em; } }

.mod_lh_badge_megadropdown_link_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.2em;
  padding: 0.93333em 2.66667em 1em 2.66667em;
  background-color: #EB0000;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.333333;
  border: none;
  border-radius: 0.13333em;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  max-width: 100%;
  position: relative;
  padding-left: 3.33333em;
  padding-right: 5.33333em;
  font-size: 1em;
  color: #FFFFFF;
  background-color: #EB0000;
  -webkit-transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: padding-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  @media all and (min-width: 40.1875em) {
    .mod_lh_badge_megadropdown_link_text {
      font-size: 1rem;
      width: auto;
      min-width: 10.66667em;
      max-width: 26.66667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_lh_badge_megadropdown_link_text {
      font-size: 1rem; } }
  @media all and (min-width: 160.0625em) {
    .mod_lh_badge_megadropdown_link_text {
      font-size: 1.25rem; } }
  @media all and (min-width: 240.0625em) {
    .mod_lh_badge_megadropdown_link_text {
      font-size: 1.5rem; } }
  .mod_lh_badge_megadropdown_link_text:not([disabled]):hover, .mod_lh_badge_megadropdown_link_text:not([disabled]):focus {
    cursor: pointer; }
  .mod_lh_badge_megadropdown_link_text:disabled {
    opacity: 0.5; }
  @media screen and (-ms-high-contrast: active) {
    .mod_lh_badge_megadropdown_link_text {
      border: 0.06667em solid windowText; } }
  @media (forced-colors: active) {
    .mod_lh_badge_megadropdown_link_text {
      border: 0.06667em solid ButtonText; } }
  @media all and (min-width: 40.1875em) {
    .mod_lh_badge_megadropdown_link_text {
      width: 100%;
      max-width: 100%; } }
  @media all and (min-width: 64.0625em) {
    .mod_lh_badge_megadropdown_link_text {
      width: 100%;
      max-width: 100%; } }

.mod_lh_badge_megadropdown_link_text:after,
.mod_lh_badge_megadropdown_link_text:before {
  position: absolute;
  content: '';
  top: calc(50% - 0.8em);
  width: 1.6em;
  height: 1.6em;
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlsaW5lIGZpbGw9IiNGRkZGRkYiIGlkPSJTaGFwZSIgcG9pbnRzPSIxMy45NTI4MDA2IDYgMTMuMDQxNzQ1MSA2LjkxMTA1NTUgMTcuNTM5Mjk1NCAxMS40MDk3MDcgMyAxMS40MDk3MDcgMyAxMi42OTgyNzE4IDE3LjU0NDU2NDggMTIuNjk4MjcxOCAxMy4wNDE3NDUxIDE3LjIyMTQ2MTMgMTMuOTU1MzE3MyAxOC4xMzAwMDAxIDIwLjAwNDI3MzMgMTIuMDUyNzMxIj48L3BvbHlsaW5lPjwvc3ZnPgo=) no-repeat;
  -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), right 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.mod_lh_badge_megadropdown_link_text:after {
  right: 2.8em; }

.mod_lh_badge_megadropdown_link_text:before {
  left: -1.6em;
  opacity: 0; }

.mod_lh_badge_megadropdown:hover .mod_svgsprite_icon,
.mod_lh_badge_megadropdown:focus .mod_svgsprite_icon {
  stroke: #C60018;
  border-color: #C60018; }

.mod_lh_badge_megadropdown:hover .mod_lh_badge_megadropdown_link_text,
.mod_lh_badge_megadropdown:focus .mod_lh_badge_megadropdown_link_text {
  background-color: #C60018;
  padding-left: 5.33333em;
  padding-right: 3.33333em; }

.mod_lh_badge_megadropdown:hover .mod_lh_badge_megadropdown_link_text:after,
.mod_lh_badge_megadropdown:focus .mod_lh_badge_megadropdown_link_text:after {
  right: -1.6em;
  opacity: 0; }

.mod_lh_badge_megadropdown:hover .mod_lh_badge_megadropdown_link_text:before,
.mod_lh_badge_megadropdown:focus .mod_lh_badge_megadropdown_link_text:before {
  left: 2.66667em;
  opacity: 0.9999; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_dl:not(.var_no_module_spacing) {
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_dl:not(.var_no_module_spacing) {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_dl:not(.var_no_module_spacing) {
      margin-bottom: 6.4em; } }

.page_centered h3:not(.mod_dl.var_accordion) .mod_dl_title, .page_centered
h4:not(.mod_dl.var_accordion) .mod_dl_title {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.10714em;
  margin-left: auto;
  width: 100%;
  display: inline-block;
  text-align: center; }
  @media all and (min-width: 40.1875em) {
    .page_centered h3:not(.mod_dl.var_accordion) .mod_dl_title, .page_centered
    h4:not(.mod_dl.var_accordion) .mod_dl_title {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered h3:not(.mod_dl.var_accordion) .mod_dl_title, .page_centered
    h4:not(.mod_dl.var_accordion) .mod_dl_title {
      font-size: 2.66667em; } }
  @media all and (min-width: 40.1875em) {
    .page_centered h3:not(.mod_dl.var_accordion) .mod_dl_title, .page_centered
    h4:not(.mod_dl.var_accordion) .mod_dl_title {
      margin-top: -0.26667em;
      margin-bottom: 1.4em; } }
  @media all and (min-width: 64.0625em) {
    .page_centered h3:not(.mod_dl.var_accordion) .mod_dl_title, .page_centered
    h4:not(.mod_dl.var_accordion) .mod_dl_title {
      margin-top: -0.275em;
      margin-bottom: 1.2em; } }
  div[class="layout_columns_main"] .page_centered h3:not(.mod_dl.var_accordion) .mod_dl_title,
  .mod_accordion .page_centered h3:not(.mod_dl.var_accordion) .mod_dl_title, div[class="layout_columns_main"] .page_centered
  h4:not(.mod_dl.var_accordion) .mod_dl_title,
  .mod_accordion .page_centered
  h4:not(.mod_dl.var_accordion) .mod_dl_title {
    max-width: none; }

.mod_dl_list {
  margin: 0; }

.mod_dl_list,
.mod_dl_nested_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.mod_dl_nested_list {
  margin: 0;
  padding-top: 0.8em; }

.mod_dl_nested_list_item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  min-width: 100%; }

.mod_dl_list_title {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
  padding: 0 1.6em 0.8em 0;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }
  @media all and (min-width: 26.3125em) {
    .mod_dl_list_title {
      -webkit-box-flex: 12.53333em;
          -ms-flex: 12.53333em 0 0px;
              flex: 12.53333em 0 0;
      max-width: 12.53333em;
      min-width: 12.53333em; } }

.mod_dl_list_title.var_title {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-bottom: 0;
  padding-right: 0; }

.mod_dl_list_title.var_title_bold {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_dl_list_title.var_title:not(:first-child) {
  padding-top: 0.8em; }

.mod_dl_list_description {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
  margin: 0;
  padding: 0 0 0.8em 0;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }
  .mod_dl_list_description ul,
  .mod_dl_list_description ol {
    font-size: 1em;
    margin-left: 0.53333em;
    margin-top: 1.13333em;
    margin-bottom: 2em; }
    @media all and (min-width: 64.0625em) {
      .mod_dl_list_description ul,
      .mod_dl_list_description ol {
        margin-top: 1.66667em; } }
    .mod_dl_list_description ul li,
    .mod_dl_list_description ol li {
      margin-top: 0.53333em; }
  .mod_dl_list_description ul {
    list-style-type: disc;
    padding-left: 1.06667em; }
  .mod_dl_list_description ul li {
    padding-left: 0.66667em; }
  .mod_dl_list_description ol {
    list-style-type: none;
    counter-reset: item;
    padding-left: 0; }
    .mod_dl_list_description ol > li {
      display: table;
      padding-left: 0; }
    .mod_dl_list_description ol > li:before {
      content: counters(item, ".") ".";
      counter-increment: item;
      display: table-cell;
      padding-right: 0.86667em;
      white-space: nowrap; }
  .mod_dl_list_description ol ol,
  .mod_dl_list_description ol ul,
  .mod_dl_list_description ul ul,
  .mod_dl_list_description ul ol {
    margin: 0.4em 0 0 0.53333em; }
  .mod_dl_list_description ul li ol > li:before {
    content: counter(item) "."; }
  .mod_dl_list_description ul,
  .mod_dl_list_description ol {
    margin: 0.8em 0 0.8em 1.6em;
    padding-top: 0; }
    .mod_dl_list_description ul li,
    .mod_dl_list_description ol li {
      margin-top: 0;
      padding-left: 0; }
  @media all and (min-width: 26.3125em) {
    .mod_dl_list_description {
      -webkit-box-flex: calc(100% - 12.53333em);
          -ms-flex: calc(100% - 12.53333em) 1 1;
              flex: calc(100% - 12.53333em) 1 1;
      max-width: calc(100% - 12.53333em);
      min-width: calc(100% - 12.53333em); } }

.mod_dl_list_description:last-of-type,
.mod_dl_list_title:last-of-type {
  padding-bottom: 0; }

.mod_dl_list_title.var_title + .mod_dl_list_description {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  min-width: 100%; }

.mod_dl_list_title.var_title + .mod_dl_list_description + .mod_dl_list_title:not(.var_title) {
  padding-top: 0.8em; }

.mod_dl :not(.mod_dl_button) .mod_svgsprite_icon {
  margin: 0.06667em 0.4em -0.06667em -0.33333em; }

.mod_dl p {
  margin-top: 0; }

.mod_dl .mod_svgsprite_icon ~ p {
  padding-left: 1.6em; }

.mod_dl .mod_dl_button {
  margin-top: 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_dl .mod_dl_button {
      margin-top: 2.13333em; } }
  @media all and (min-width: 64.0625em) {
    .mod_dl .mod_dl_button {
      margin-top: 3.2em; } }

.no-js .mod_dl .mod_svgsprite_icon {
  display: none; }

.no-js .mod_dl .visuallyhidden {
  display: inline;
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  margin: 0;
  clip: auto; }

.mod_dl_list_title.var_border_top,
.mod_dl_list_description.var_border_top {
  padding-top: 0.8em;
  border-top: 0.06667em solid #DCDCDC; }

.mod_dl_list_title.var_nested_border_top {
  padding-top: 0.8em;
  border-top: 0.06667em solid #DCDCDC; }

.mod_dl_list_title.var_vert_gutter_spacing,
.mod_dl_list_description.var_vert_gutter_spacing {
  padding: 0.53333em 0; }

.mod_dl.var_invoice {
  margin-top: -2.13333em;
  margin-bottom: 2.13333em; }
  @media all and (min-width: 40.1875em) {
    .mod_dl.var_invoice {
      margin-top: -3.2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_dl.var_invoice {
      margin-top: -4.26667em; } }

.mod_dl.var_invoice .mod_dl_list_title,
.mod_dl.var_invoice .mod_dl_list_description {
  padding-bottom: 0.53333em; }

.mod_accordion .mod_dl:not(:last-child) {
  margin-bottom: 2.4em; }

.mod_accordion .mod_dl:first-child > .mod_dl_list {
  margin-top: -2.13333em; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion .mod_dl:first-child > .mod_dl_list {
      margin-top: -3.2em; } }
  .mod_accordion .mod_dl:first-child > .mod_dl_list .mod_dl_list_title.var_border_top:first-of-type,
  .mod_accordion .mod_dl:first-child > .mod_dl_list .mod_dl_list_description.var_border_top:first-of-type {
    border: none; }

.mod_accordion .mod_dl:first-child > .mod_dl_title + .mod_dl_list {
  margin: 0; }

.mod_accordion .mod_dl.var_margin_top {
  margin-top: 2.13333em; }

div[class*="layout_columns_main"] > .mod_dl:not(:first-child) {
  margin-top: -0.53333em; }
  @media all and (min-width: 40.1875em) {
    div[class*="layout_columns_main"] > .mod_dl:not(:first-child) {
      margin-top: -1.6em; } }
  @media all and (min-width: 64.0625em) {
    div[class*="layout_columns_main"] > .mod_dl:not(:first-child) {
      margin-top: -3.2em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_onetrust_open_preferences {
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  color: #000000;
  text-decoration: underline; }
  .mod_onetrust_open_preferences:hover, .mod_onetrust_open_preferences:focus {
    color: #C60018; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
@media all and (min-width: 64.0625em) {
  .layout_checkout {
    width: 74.69879%; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable {
  clear: left; }

.mod_timetable .mod_svgsprite_icon {
  pointer-events: all; }

.mod_accordion.var_timetable {
  margin-bottom: 0; }
  .layout_center .mod_accordion.var_timetable {
    margin-left: -1.6rem;
    margin-right: -1.6rem; }
    @media all and (min-width: 40.1875em) {
      .layout_center .mod_accordion.var_timetable {
        margin-left: -3.2rem;
        margin-right: -3.2rem; } }
    @media all and (min-width: 64.0625em) {
      .layout_center .mod_accordion.var_timetable {
        margin-left: 0;
        margin-right: 0; } }

.mod_timetable_list {
  overflow: hidden; }

.mod_timetable_header {
  padding-bottom: 0.73333em; }

.mod_timetable_header_cta {
  display: block;
  margin: 0 auto;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center; }
  @media print {
    .mod_timetable_header_cta {
      display: none !important; } }

.mod_timetable_header_columns {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #666666;
  padding: 1.66667em 0 0.73333em 0; }
  .mod_timetable_header_columns a {
    color: currentColor;
    text-decoration: none; }

.mod_timetable_header_columns > .mod_timetable_header_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.mod_timetable_header_column_title {
  font-size: 0.86667em; }

.mod_accordion_item.var_timetable {
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease; }
  .mod_accordion_item.var_timetable:last-of-type {
    border-bottom: 2px solid #FFFFFF; }
    @media print {
      .mod_accordion_item.var_timetable:last-of-type {
        border-bottom: 1px solid #DCDCDC; } }
  .mod_accordion_item.var_timetable.is_hidden {
    opacity: 0; }
  @media print {
    .mod_accordion_item.var_timetable {
      border: 1px solid #DCDCDC;
      border-bottom: 0; } }

.mod_accordion_item_heading.var_timetable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  min-height: 6.8em;
  padding: 1.73333em 0.8em 0.66667em 0.8em; }
  .mod_accordion_item_heading.var_timetable.var_no_price {
    padding-top: 1.06667em; }
  .mod_accordion_item_heading.var_timetable:last-of-type {
    border-bottom: 0; }
  .mod_accordion_item_heading.var_timetable p {
    margin: 0; }

.mod_accordion_item_link.var_timetable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer; }
  .mod_accordion_item_link.var_timetable:hover, .mod_accordion_item_link.var_timetable:focus {
    background-color: #E5E5E5; }

.mod_accordion_item_link_close.var_timetable,
.mod_accordion_item_link_open.var_timetable {
  right: 1.6em;
  width: 1.6em;
  height: 1.6em;
  margin-top: -0.66667em; }
  .mod_accordion_item_link_close.var_timetable .mod_svgsprite_icon,
  .mod_accordion_item_link_open.var_timetable .mod_svgsprite_icon {
    width: 1.06667em;
    height: 1.06667em;
    margin: 0.2em 0 0 0.2em; }
  .var_hide_expand_button .mod_accordion_item_link_close.var_timetable, .var_hide_expand_button
  .mod_accordion_item_link_open.var_timetable {
    display: none; }
  @media print {
    .mod_accordion_item_link_close.var_timetable,
    .mod_accordion_item_link_open.var_timetable {
      display: none !important; } }

.mod_accordion_item_content.var_timetable {
  padding: 0; }

.mod_accordion_item_content_wrapper.var_timetable {
  padding: 0; }
  .mod_accordion_item_content_wrapper.var_timetable > :last-child {
    margin-bottom: 0; }

.mod_timetable_connection_details,
.mod_timetable_duration,
.mod_timetable_change,
.mod_timetable_occupancy,
.mod_timetable_accessibility,
.mod_timetable_travel_hints,
.mod_timetable_cus_him,
.mod_timetable_platform,
.mod_timetable_message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  line-height: 1;
  pointer-events: none; }

.mod_timetable_row_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  min-height: 100%; }

.mod_timetable_connection_details {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 0; }

.mod_timetable_connection_details_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden; }

.mod_timetable_connection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  overflow: hidden; }
  .mod_timetable_connection .mod_svgsprite_icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .mod_timetable_connection .mod_svgsprite_icon[class*="_product"] {
    margin-left: 0.26667em; }

.mod_timetable_direction {
  padding: 0 0.53333em;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.mod_timetable_direction_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.86667em;
  line-height: 1.4; }
  .mod_timetable_direction_text .mod_svgsprite_icon {
    float: none;
    vertical-align: top; }

.mod_timetable_identification {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-right: 0.4em; }

.mod_timetable_walk.var_departure {
  padding-right: 0.61538em; }

.mod_timetable_walk.var_arrival {
  padding-left: 0.61538em; }

.mod_timetable_walk .var_walk {
  font-size: 0.6em; }

.mod_timetable_walk .mod_svgsprite_icon.var_walk {
  fill: #000000;
  height: 1.66667em;
  width: 1.66667em; }

.mod_timetable_transport {
  height: 1.53846em;
  width: 1.61538em;
  margin-right: 0.61538em; }
  .mod_timetable_transport .mod_svgsprite_icon {
    fill: #666666; }
    @media screen and (-ms-high-contrast: active) {
      .mod_timetable_transport .mod_svgsprite_icon {
        fill: windowText; } }

.mod_timetable_pearl_chain_container {
  position: relative;
  -ms-flex-preferred-size: calc(100% - 4em);
      flex-basis: calc(100% - 4em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.53333em 0; }

.mod_timetable_starttime,
.mod_timetable_endtime {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.46667em;
          flex: 0 0 3.46667em; }

.mod_timetable_endtime {
  text-align: right; }

.mod_timetable_pearl_chain {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

@media all and (min-width: 40.1875em) {
  .mod_timetable_connection_details .mod_timetable_accessibility:not(.has_fast_change),
  .mod_timetable_connection_details .mod_timetable_fast_change {
    margin-right: 3.93333em; } }

.mod_timetable_connection_details .mod_timetable_accessibility .mod_svgsprite_icon {
  height: 1.33333em;
  width: 1.33333em; }

.mod_timetable_connection_details .mod_timetable_travel_hints_list {
  margin-top: 0.26667em; }

.mod_timetable_cus_him {
  max-width: 4.93333em;
  min-width: 3.46667em;
  margin-right: 4em;
  padding: 0 0 0 0.53333em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .mod_timetable_cus_him .mod_svgsprite_icon {
    fill: #FFFFFF; }

.mod_timetable_cus_him_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.mod_timetable_cus_him_list_item {
  width: 1.33333em;
  margin: 0 0.06667em; }

.mod_timetable_duration {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_timetable_duration span {
  font-size: 0.86667em; }

.mod_timetable_duration_unit {
  padding-left: 0.23077em; }

.mod_timetable_change {
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0; }

.mod_timetable_change .mod_svgsprite_icon.var_SBB_timetable_walk_fast {
  margin-left: 0.4em; }

.mod_timetable_occupancy {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 4.13333em;
          flex: 1 1 4.13333em;
  padding-top: 0.06667em; }

.mod_timetable_occupancy_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.mod_timetable_occupancy_list_item {
  margin-left: 0.53333em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mod_timetable_occupancy_list_item:first-child {
    margin-left: 0; }
  .mod_timetable_occupancy_list_item.var_high {
    color: #EB0000; }
  .mod_timetable_occupancy_list_item .mod_svgsprite_icon {
    float: none;
    vertical-align: bottom;
    width: 0.93333em;
    height: 0.86667em;
    margin-left: 0.2em; }
  .mod_timetable_occupancy_list_item span {
    font-size: 0.86667em;
    line-height: 1.1; }

.mod_accordion_item_heading > .mod_timetable_accessibility {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0; }

.mod_timetable_accessibility {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.mod_timetable_accessibility .mod_svgsprite_icon {
  fill: #767676; }
  @media screen and (-ms-high-contrast: active) {
    .mod_timetable_accessibility .mod_svgsprite_icon {
      fill: windowText; } }

.mod_accordion_item_heading > .mod_timetable_travel_hints {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0; }

.mod_timetable_fast_change .var_SBB_timetable_walk_fast {
  height: 1.33333em; }

.mod_timetable_travel_hints_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.mod_timetable_travel_hints_list_item {
  margin: 0 0.13333em; }

.mod_timetable_platform {
  min-width: 3.46667em;
  padding-right: 1.33333em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap; }

.mod_timetable_platform_text {
  font-size: 0.86667em; }

.mod_timetable_cta {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: 1;
  font-size: 1em; }

.mod_timetable_buy_button {
  margin: 3.33333em 0.8em 0 0.8em;
  background: #EB0000;
  color: #FFFFFF;
  padding: 0.8em;
  border-radius: 0.13333em;
  visibility: visible;
  -webkit-transition: opacity 300ms ease-in-out, visibility 0s linear 0s, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, visibility 0s linear 0s, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 0s linear 0s;
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 0s linear 0s, -webkit-transform 300ms ease-in-out; }
  .mod_timetable.var_checkout .mod_timetable_buy_button {
    margin-top: 3.06667em; }
  .mod_timetable_buy_button.is_hidden {
    opacity: 0;
    -webkit-transform: translateY(0.8em);
            transform: translateY(0.8em);
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 0s linear 300ms, -webkit-transform 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 0s linear 300ms, -webkit-transform 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 0s linear 300ms;
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 0s linear 300ms, -webkit-transform 300ms ease-in-out; }
  .mod_timetable_buy_button .mod_svgsprite_icon {
    float: right;
    fill: #FFFFFF; }
  .mod_timetable_buy_button:hover, .mod_timetable_buy_button:focus {
    background: #C60018; }
  @media screen and (-ms-high-contrast: active) {
    .mod_timetable_buy_button {
      border: 0.06667em solid windowText; }
      .mod_timetable_buy_button .mod_svgsprite_icon {
        fill: windowText; } }

.mod_timetable_buy_button_label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0; }

.mod_timetable_buy_button.var_unavailable {
  border: 0.06667em solid #979797;
  background: none;
  color: #666666;
  -webkit-transition: none;
  transition: none;
  text-align: center; }
  .mod_timetable_buy_button.var_unavailable .mod_svgsprite_icon {
    fill: #666666; }
  .mod_timetable_buy_button.var_unavailable:hover, .mod_timetable_buy_button.var_unavailable:focus {
    background: none; }

.mod_timetable_buy_button.var_unavailable .mod_timetable_buy_button_label {
  display: none;
  text-decoration: line-through; }

.mod_timetable_message {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.mod_timetable_message .mod_svgsprite_icon {
  margin: 0.2em 0.53333em 0 0; }

.mod_timetable_message_item.var_no_reservation {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666; }

.mod_timetable_leg .mod_timetable_occupancy,
.mod_timetable_stage_summary .mod_timetable_occupancy {
  padding-right: 0; }

.mod_timetable_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.53333em;
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_footer {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_footer {
      margin-bottom: 6.4em; } }
  .mod_connection_returntrip .mod_timetable_footer {
    margin-bottom: 0; }

.mod_timetable_footer_nextconnections {
  display: block;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 auto 1.6em auto; }
  @media print {
    .mod_timetable_footer_nextconnections {
      display: none !important; } }

.mod_timetable_footer_footnotes {
  font-weight: normal;
  color: #666666;
  font-size: 0.86667em;
  margin: 1em 0 0;
  width: 100%;
  max-width: 100%;
  margin: 0 0 1.53846em;
  color: #666666; }
  .mod_timetable_footer_footnotes a {
    color: currentColor; }
  .mod_timetable_footer_footnotes:only-child {
    margin-bottom: 0; }
  .mod_timetable_footer_footnotes a {
    color: #666666; }

.text__ghostbutton {
  position: relative; }
  .text__ghostbutton.is_loading .text__ghostbutton_label {
    opacity: 0; }
  .text__ghostbutton.is_loading .text__ghostbutton_loading {
    opacity: 1; }

.text__ghostbutton_label {
  -webkit-transition: all .35s ease;
  transition: all .35s ease; }

.text__ghostbutton_loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease; }
  .text__ghostbutton_loading .mod_svgsprite_icon {
    -webkit-animation: captchaLoading 1s linear infinite;
            animation: captchaLoading 1s linear infinite; }

@media all and (max-width: 64.0525em) {
  .mod_timetable_footer_next_connections {
    margin-bottom: 1.6em; } }

.mod_accordion_item.var_timetable.var_separator {
  background: transparent; }
  @media print {
    .mod_accordion_item.var_timetable.var_separator {
      border-left: 0;
      border-right: 0; } }

.mod_timetable_day_change {
  margin: 0;
  padding: 1.4em 1.6em 0.53333em;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.86667em;
  color: #000000; }

@media print {
  .mod_timetable {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); } }

@media print {
  .mod_timetable.var_wide .mod_timetable_header_columns {
    padding-right: 0 !important;
    margin-left: -24px;
    margin-right: -24px; } }

@media all and (max-width: 22.49em) {
  .mod_timetable.var_wide .mod_accordion_item_heading.var_timetable.var_no_price .mod_timetable_buy_button {
    margin-top: 2.73333em; }
  .mod_timetable.var_wide .mod_timetable_connection_details {
    position: static; }
  .mod_timetable.var_wide .mod_timetable_platform {
    padding-right: 0.66667em; }
  .mod_timetable.var_wide .mod_timetable_cus_him {
    max-width: 4.13333em; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list_item {
    width: 1.06667em; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list_item .mod_svgsprite_icon {
    width: 1.06667em;
    height: 1.06667em; }
  .mod_timetable.var_wide .mod_timetable_platform_text,
  .mod_timetable.var_wide .mod_timetable_duration span,
  .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_item span {
    font-size: 0.73333em; }
  .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_item span {
    line-height: 1.55; }
  .mod_timetable.var_wide .mod_timetable_duration_unit {
    padding-left: 0.23077em; } }

@media all and (max-width: 59.99em) {
  .mod_timetable.var_wide .mod_accordion_item_heading.var_timetable.var_no_price .mod_timetable_buy_button {
    margin-top: 2.73333em; }
  .mod_timetable.var_wide .mod_timetable_connection_details {
    position: static; }
  .mod_timetable.var_wide .mod_timetable_platform {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .mod_timetable.var_wide .mod_timetable_occupancy {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .mod_timetable.var_wide .mod_timetable_duration {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .mod_timetable.var_wide .mod_timetable_cus_him {
    float: right;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .mod_timetable.var_wide .mod_timetable_message {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; } }

@media all and (min-width: 60em) {
  .mod_timetable.var_wide .mod_timetable_connection_details {
    position: static; }
  .mod_timetable.var_wide .mod_timetable_header_columns {
    margin-left: 0;
    margin-right: 0;
    padding-right: 6.4em; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_row_header {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_connection_detail,
  .mod_timetable.var_wide .mod_timetable_connection_details {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 16.8em;
            flex: 1 1 16.8em;
    max-width: none; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_duration,
  .mod_timetable.var_wide .mod_timetable_duration {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 5.33333em;
            flex: 0 1 5.33333em; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_change,
  .mod_timetable.var_wide .mod_timetable_change {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 5.33333em;
            flex: 0 1 5.33333em; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_occupancy,
  .mod_timetable.var_wide .mod_timetable_occupancy {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 7.33333em;
            flex: 0 1 7.33333em; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_accessibility,
  .mod_timetable.var_wide .mod_timetable_accessibility {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.73333em;
            flex: 0 0 3.73333em;
    margin-right: 0; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_travel_hints,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_travel_hints {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 7.06667em;
            flex: 0 1 7.06667em;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_cus_him_icons,
  .mod_timetable.var_wide .mod_timetable_cus_him {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 0;
    min-width: 4.53333em;
    max-width: none; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_platform,
  .mod_timetable.var_wide .mod_timetable_platform {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 2em;
            flex: 1 1 2em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_message {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 0px;
            flex: 0 0 0;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_cta {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10.13333em;
            flex: 0 0 10.13333em;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0; }
  .mod_timetable.var_wide .mod_timetable_connection_details_inner {
    padding: 0 1.6em; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list {
    padding: 0 1.6em; }
  .mod_timetable.var_wide .mod_timetable_platform_text,
  .mod_timetable.var_wide .mod_timetable_occupancy_list,
  .mod_timetable.var_wide .mod_timetable_travel_hints_list {
    padding: 0 0.53333em; }
  .mod_timetable.var_wide .mod_timetable_pearl_chain_container {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-right: 0; }
  .mod_timetable.var_wide .mod_timetable_connection_details .mod_timetable_accessibility,
  .mod_timetable.var_wide .mod_timetable_connection_details .mod_timetable_travel_hints_list,
  .mod_timetable.var_wide .mod_timetable_connection_details .mod_timetable_fast_change {
    display: none; }
  .mod_timetable.var_wide .mod_timetable_duration {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .mod_timetable.var_wide .mod_timetable_duration span {
    font-size: 1em; }
  .mod_timetable.var_wide .mod_timetable_duration_unit {
    padding-left: 0.2em; }
  .mod_timetable.var_wide .mod_timetable_cus_him {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    clip: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0; }
  .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_list_item {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: 0.53333em;
    font-size: 1em; }
    .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_list_item:first-child {
      margin-left: 0; }
    .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_list_item .mod_svgsprite_icon {
      width: 1.4em;
      height: 1.2em;
      margin-left: 0.2em; }
    .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_list_item span {
      font-size: 1em; }
  .mod_timetable.var_wide .mod_timetable_message {
    padding-left: 1.6em; }
  .mod_timetable.var_wide .mod_timetable_platform {
    min-width: 0;
    padding-right: 0; }
  .mod_timetable.var_wide .mod_timetable_platform_text {
    font-size: 1em; }
  .mod_timetable.var_wide .mod_timetable_platform_prefix {
    display: none; }
  .mod_timetable.var_wide .mod_accordion_item_heading.var_timetable {
    padding: 1.6em 6.4em 1.6em 0; }
  .mod_timetable.var_wide .mod_timetable_cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list_item {
    margin: 0; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list_item:not(:first-child) {
    margin-top: 0.06667em; }
  .mod_timetable.var_wide .mod_accordion_item_link_close.var_timetable,
  .mod_timetable.var_wide .mod_accordion_item_link_open.var_timetable {
    right: 2.13333em;
    width: 2.13333em;
    height: 2.13333em;
    margin-top: -1.06667em; }
    .mod_timetable.var_wide .mod_accordion_item_link_close.var_timetable .mod_svgsprite_icon,
    .mod_timetable.var_wide .mod_accordion_item_link_open.var_timetable .mod_svgsprite_icon {
      width: 1.6em;
      height: 1.6em;
      margin: 0.2em 0 0 0.2em; }
  .mod_timetable.var_wide .mod_timetable_buy_button {
    margin: auto 1.6em auto 0; }
  .mod_timetable.var_wide .mod_timetable_header_columns,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_accessibility,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_travel_hints,
  .mod_timetable.var_wide .mod_timetable_change {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    clip: auto; }
  .mod_timetable.var_wide .mod_timetable_departure_time,
  .mod_timetable.var_wide .mod_timetable_duration {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_change,
  .mod_timetable.var_wide .mod_timetable_change,
  .mod_timetable.var_wide .mod_timetable_header_column.var_occupancy,
  .mod_timetable.var_wide .mod_timetable_occupancy,
  .mod_timetable.var_wide .mod_timetable_header_column.var_travel_hints,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_accessibility {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .mod_timetable.var_wide .mod_timetable_change,
  .mod_timetable.var_wide .mod_timetable_occupancy,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_accessibility,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_travel_hints,
  .mod_timetable.var_wide .mod_timetable_platform,
  .mod_timetable.var_wide .mod_timetable_cta {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .mod_timetable.var_wide .mod_timetable_footer_footnotes {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0; }
  .mod_timetable.var_wide .mod_timetable_footer_next_connections {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .mod_timetable.var_wide .mod_timetable_stage {
    padding: 1.6em; }
  .mod_timetable.var_wide .mod_timetable_stage_alert {
    padding: 1.6em; } }

@media all and (min-width: 64.0625em) {
  .mod_timetable.var_wide .mod_timetable_day_change {
    padding-left: 0;
    padding-right: 0; }
  .mod_timetable.var_wide .mod_timetable_stage {
    padding: 1.6em 0; }
  .mod_timetable.var_wide .mod_timetable_stage_alert {
    padding: 1.6em 0; }
  .mod_timetable.var_wide .mod_timetable_stage_walk {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 1280px) {
  .mod_timetable.var_wide .mod_timetable_header_columns {
    padding-right: 10.66667em; }
  .mod_timetable.var_wide .mod_timetable_buy_button {
    padding: 0.8em 2.93333em; }
  .mod_timetable.var_wide .mod_accordion_item_heading.var_timetable {
    padding: 1.6em 10.66667em 1.6em 0; } }

@media (min-width: 1580px) {
  .mod_timetable.var_wide .mod_timetable_header_column.var_connection_detail,
  .mod_timetable.var_wide .mod_timetable_connection_details {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 21.46667em;
            flex: 1 1 21.46667em; }
  .mod_timetable.var_wide .mod_timetable_connection_details {
    position: relative; }
  .mod_timetable.var_wide .mod_timetable_header_columns {
    padding-right: 22.13333em; }
  .mod_timetable.var_wide .mod_accordion_item_heading.var_timetable {
    padding: 1.6em 22.13333em 1.6em 0; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_cus_him_icons,
  .mod_timetable.var_wide .mod_timetable_cus_him {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 7.33333em;
            flex: 0 1 7.33333em; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list_item {
    margin: 0; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list_item:not(:first-child) {
    margin: 0 0 0 0.06667em; }
  .mod_timetable.var_wide .mod_timetable_cta {
    right: 6.4em; }
  .mod_timetable.var_wide .mod_timetable_buy_button {
    min-width: 14.13333em;
    margin: 0; }
  .mod_timetable.var_wide .mod_timetable_buy_button_label {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    clip: auto;
    display: inline;
    padding-right: 0.53333em; }
  .mod_timetable.var_wide .mod_timetable_buy_button.var_unavailable .mod_svgsprite_icon {
    display: none; }
  .mod_timetable.var_wide .mod_timetable_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .mod_timetable.var_wide .mod_timetable_header_cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: -3.93333em; }
  .mod_timetable.var_wide .mod_timetable_header_cta .text__ghostbutton {
    z-index: 2;
    bottom: -4.13333em; }
  .mod_timetable.var_wide .mod_accordion_item_content.var_timetable {
    padding: 0 1.6em; }
  .mod_timetable.var_wide .mod_timetable_footer_footnotes {
    padding-right: 3.2em; }
  .mod_timetable.var_wide.var_hide_expand_button .mod_accordion_item_link_close.var_timetable,
  .mod_timetable.var_wide.var_hide_expand_button .mod_accordion_item_link_open.var_timetable {
    display: block; }
  .mod_timetable.var_wide.var_hide_expand_button .mod_accordion_item:not(.is_open) .mod_accordion_item_link_close.var_timetable {
    display: none; }
  .mod_timetable.var_wide.var_hide_expand_button .mod_accordion_item.is_open .mod_accordion_item_link_open.var_timetable {
    display: none; } }

@media print {
  .mod_timetable.var_wide .mod_timetable_connection_details {
    position: static; }
  .mod_timetable.var_wide .mod_timetable_header_columns {
    margin-left: 0;
    margin-right: 0;
    padding-right: 6.4em; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_row_header {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_connection_detail,
  .mod_timetable.var_wide .mod_timetable_connection_details {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 16.8em;
            flex: 1 1 16.8em;
    max-width: none; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_duration,
  .mod_timetable.var_wide .mod_timetable_duration {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 5.33333em;
            flex: 0 1 5.33333em; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_change,
  .mod_timetable.var_wide .mod_timetable_change {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 5.33333em;
            flex: 0 1 5.33333em; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_occupancy,
  .mod_timetable.var_wide .mod_timetable_occupancy {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 7.33333em;
            flex: 0 1 7.33333em; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_accessibility,
  .mod_timetable.var_wide .mod_timetable_accessibility {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.73333em;
            flex: 0 0 3.73333em;
    margin-right: 0; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_travel_hints,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_travel_hints {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 7.06667em;
            flex: 0 1 7.06667em;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_cus_him_icons,
  .mod_timetable.var_wide .mod_timetable_cus_him {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 0;
    min-width: 4.53333em;
    max-width: none; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_platform,
  .mod_timetable.var_wide .mod_timetable_platform {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 2em;
            flex: 1 1 2em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_message {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 0px;
            flex: 0 0 0;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_cta {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10.13333em;
            flex: 0 0 10.13333em;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0; }
  .mod_timetable.var_wide .mod_timetable_connection_details_inner {
    padding: 0 1.6em; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list {
    padding: 0 1.6em; }
  .mod_timetable.var_wide .mod_timetable_platform_text,
  .mod_timetable.var_wide .mod_timetable_occupancy_list,
  .mod_timetable.var_wide .mod_timetable_travel_hints_list {
    padding: 0 0.53333em; }
  .mod_timetable.var_wide .mod_timetable_pearl_chain_container {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-right: 0; }
  .mod_timetable.var_wide .mod_timetable_connection_details .mod_timetable_accessibility,
  .mod_timetable.var_wide .mod_timetable_connection_details .mod_timetable_travel_hints_list,
  .mod_timetable.var_wide .mod_timetable_connection_details .mod_timetable_fast_change {
    display: none; }
  .mod_timetable.var_wide .mod_timetable_duration {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .mod_timetable.var_wide .mod_timetable_duration span {
    font-size: 1em; }
  .mod_timetable.var_wide .mod_timetable_duration_unit {
    padding-left: 0.2em; }
  .mod_timetable.var_wide .mod_timetable_cus_him {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    clip: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0; }
  .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_list_item {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: 0.53333em;
    font-size: 1em; }
    .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_list_item:first-child {
      margin-left: 0; }
    .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_list_item .mod_svgsprite_icon {
      width: 1.4em;
      height: 1.2em;
      margin-left: 0.2em; }
    .mod_timetable.var_wide .mod_timetable_occupancy .mod_timetable_occupancy_list_item span {
      font-size: 1em; }
  .mod_timetable.var_wide .mod_timetable_message {
    padding-left: 1.6em; }
  .mod_timetable.var_wide .mod_timetable_platform {
    min-width: 0;
    padding-right: 0; }
  .mod_timetable.var_wide .mod_timetable_platform_text {
    font-size: 1em; }
  .mod_timetable.var_wide .mod_timetable_platform_prefix {
    display: none; }
  .mod_timetable.var_wide .mod_accordion_item_heading.var_timetable {
    padding: 1.6em 6.4em 1.6em 0; }
  .mod_timetable.var_wide .mod_timetable_cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list_item {
    margin: 0; }
  .mod_timetable.var_wide .mod_timetable_cus_him_list_item:not(:first-child) {
    margin-top: 0.06667em; }
  .mod_timetable.var_wide .mod_accordion_item_link_close.var_timetable,
  .mod_timetable.var_wide .mod_accordion_item_link_open.var_timetable {
    right: 2.13333em;
    width: 2.13333em;
    height: 2.13333em;
    margin-top: -1.06667em; }
    .mod_timetable.var_wide .mod_accordion_item_link_close.var_timetable .mod_svgsprite_icon,
    .mod_timetable.var_wide .mod_accordion_item_link_open.var_timetable .mod_svgsprite_icon {
      width: 1.6em;
      height: 1.6em;
      margin: 0.2em 0 0 0.2em; }
  .mod_timetable.var_wide .mod_timetable_buy_button {
    margin: auto 1.6em auto 0; }
  .mod_timetable.var_wide .mod_timetable_header_columns,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_accessibility,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_travel_hints,
  .mod_timetable.var_wide .mod_timetable_change {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    clip: auto; }
  .mod_timetable.var_wide .mod_timetable_departure_time,
  .mod_timetable.var_wide .mod_timetable_duration {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .mod_timetable.var_wide .mod_timetable_header_column.var_change,
  .mod_timetable.var_wide .mod_timetable_change,
  .mod_timetable.var_wide .mod_timetable_header_column.var_occupancy,
  .mod_timetable.var_wide .mod_timetable_occupancy,
  .mod_timetable.var_wide .mod_timetable_header_column.var_travel_hints,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_accessibility {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .mod_timetable.var_wide .mod_timetable_change,
  .mod_timetable.var_wide .mod_timetable_occupancy,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_accessibility,
  .mod_timetable.var_wide .mod_accordion_item_heading > .mod_timetable_travel_hints,
  .mod_timetable.var_wide .mod_timetable_platform,
  .mod_timetable.var_wide .mod_timetable_cta {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .mod_timetable.var_wide .mod_timetable_footer_footnotes {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0; }
  .mod_timetable.var_wide .mod_timetable_footer_next_connections {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; } }

.mod_timetable.var_checkout .mod_accordion_item_heading.var_timetable.var_no_price .mod_timetable_buy_button {
  margin-top: 2.73333em; }

.mod_timetable.var_checkout .mod_timetable_connection_details {
  position: static; }

.mod_timetable.var_checkout .mod_timetable_platform {
  padding-right: 0.66667em; }

.mod_timetable.var_checkout .mod_timetable_cus_him {
  max-width: 4.13333em; }

.mod_timetable.var_checkout .mod_timetable_cus_him_list_item {
  width: 1.06667em; }

.mod_timetable.var_checkout .mod_timetable_cus_him_list_item .mod_svgsprite_icon {
  width: 1.06667em;
  height: 1.06667em; }

.mod_timetable.var_checkout .mod_timetable_platform_text,
.mod_timetable.var_checkout .mod_timetable_duration span,
.mod_timetable.var_checkout .mod_timetable_occupancy .mod_timetable_occupancy_item span {
  font-size: 0.73333em; }

.mod_timetable.var_checkout .mod_timetable_occupancy .mod_timetable_occupancy_item span {
  line-height: 1.55; }

.mod_timetable.var_checkout .mod_timetable_duration_unit {
  padding-left: 0.23077em; }

.mod_timetable.var_checkout .mod_accordion_item_heading.var_timetable.var_no_price .mod_timetable_buy_button {
  margin-top: 2.73333em; }

.mod_timetable.var_checkout .mod_timetable_connection_details {
  position: static; }

.mod_timetable.var_checkout .mod_timetable_platform {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.mod_timetable.var_checkout .mod_timetable_occupancy {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.mod_timetable.var_checkout .mod_timetable_duration {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

.mod_timetable.var_checkout .mod_timetable_cus_him {
  float: right;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

.mod_timetable.var_checkout .mod_timetable_message {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_pearl_chain {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  margin: 0;
  position: relative;
  height: 0.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .mod_timetable_pearl_chain_stop {
    display: block;
    position: relative;
    min-width: 0.86667em;
    margin-top: 0.06667em; }
    .mod_timetable_pearl_chain_stop:before {
      position: absolute;
      content: '';
      left: 0;
      right: 0.73333em;
      top: 50%;
      height: 0.13333em;
      margin-top: -0.06667em;
      background: #000000; }
      @media screen and (-ms-high-contrast: active) {
        .mod_timetable_pearl_chain_stop:before {
          background: windowText; } }
    .mod_timetable_pearl_chain_stop.var_stage_outage:before {
      background: repeating-linear-gradient(270deg, #EB0000 0, #EB0000 0.26667em, rgba(0, 0, 0, 0) 0.26667em, rgba(0, 0, 0, 0) 0.4em); }
    .mod_timetable_pearl_chain_stop:after {
      position: absolute;
      content: '';
      top: 50%;
      right: 0;
      display: block;
      height: 0.53333em;
      width: 0.53333em;
      margin-top: -0.26667em;
      border-radius: 50%;
      background: #000000;
      border: 0.26667em solid #000000;
      -webkit-box-shadow: 0 0 0 0.06667em #F6F6F6;
              box-shadow: 0 0 0 0.06667em #F6F6F6;
      -webkit-transition: background 300ms ease-out;
      transition: background 300ms ease-out; }
      .mod_accordion_item.is_open .mod_timetable_pearl_chain_stop:after {
        -webkit-box-shadow: 0 0 0 0.06667em #FFFFFF;
                box-shadow: 0 0 0 0.06667em #FFFFFF; }
      .mod_accordion_item_heading:hover .mod_timetable_pearl_chain_stop:after,
      .mod_accordion_item.is_open .mod_accordion_item_heading:hover .mod_timetable_pearl_chain_stop:after {
        -webkit-box-shadow: 0 0 0 0.06667em #E5E5E5;
                box-shadow: 0 0 0 0.06667em #E5E5E5; }
    .mod_timetable_pearl_chain_stop:first-child:after, .mod_timetable_pearl_chain_stop:last-child:after {
      width: 0.8em;
      height: 0.8em;
      border: 0.4em solid #000000;
      margin-top: -0.4em; }
    .mod_timetable_pearl_chain_stop:first-child {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 0.8em;
              flex: 0 0 0.8em;
      min-width: 0; }
      .mod_timetable_pearl_chain_stop:first-child:before {
        display: none; }
    .mod_timetable_pearl_chain_stop:last-child:before {
      right: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_details {
  position: relative; }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_details {
      padding: 1.6em; } }

.mod_timetable_details_loading {
  display: none; }

.mod_timetable_details_container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.mod_timetable_details_content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_details_content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-right: 1.6em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_environment_calculator {
  border-bottom: 0.06667em solid #DCDCDC;
  padding: 2.66667em 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_environment_calculator {
      padding: 3.2em 1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_environment_calculator {
      padding-left: 0;
      padding-right: 0; } }

.mod_timetable_environment_calculator_bordertop {
  border-top: 0.06667em solid #DCDCDC; }

.sg_module .mod_timetable_environment_calculator_subtitle, .sg_module
.mod_timetable_environment_calculator_title {
  border-bottom: 0; }

.mod_timetable_environment_calculator_title {
  font-size: 1.6em;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: -0.375em 0 -0.29167em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_environment_calculator_title {
      margin: -0.375em 0 -0.3125em;
      font-size: 2.13333em; } }

.mod_timetable_environment_calculator_subtitle {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  margin: 0.7em 0 1.3em; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_environment_calculator_subtitle {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_timetable_environment_calculator_subtitle {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_environment_calculator_subtitle {
      margin: 0.7619em 0 1.2381em; } }

.mod_timetable_environment_calculator_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: -1.06667em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_environment_calculator_list {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.mod_timetable_environment_calculator_item {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .mod_timetable_environment_calculator_item.var_details {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0.53333em 0; }
    @media all and (min-width: 40.1875em) {
      .mod_timetable_environment_calculator_item.var_details {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: 0.2em 0 0 0; } }
  .mod_timetable_environment_calculator_item .mod_svgsprite_icon {
    width: 3.2em;
    height: 3.2em;
    margin: 0.06667em 0 0 0; }
    @media screen and (-ms-high-contrast: active) {
      .mod_timetable_environment_calculator_item .mod_svgsprite_icon {
        fill: windowText; } }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_environment_calculator_item {
      margin-right: 2.26667em; } }
  .mod_timetable_environment_calculator_item:first-child {
    margin-left: -0.73333em; }

.mod_timetable_environment_calculator_label {
  font-size: 1.4em;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_timetable_environment_calculator_details {
  white-space: nowrap; }

.mod_connection_returntrip .mod_timetable_environment_calculator {
  padding-left: 0.8em;
  padding-right: 0.8em; }
  @media all and (min-width: 40.1875em) {
    .mod_connection_returntrip .mod_timetable_environment_calculator {
      padding-left: 0;
      padding-right: 0; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_legend {
  padding: 2.66667em 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_legend {
      padding: 3.2em 1.6em; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_legend {
      padding-left: 0;
      padding-right: 0; } }
  .mod_timetable_legend .mod_svgsprite_icon {
    float: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2.26667em;
            flex: 0 0 2.26667em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0.33333em 0.4em 0 0; }
  .mod_timetable_legend .mod_svgsprite_icon[class*="_utilization"] {
    margin-top: 0.2em; }
  .mod_timetable_legend .mod_svgsprite_icon.var_SBB_timetable_walk_fast {
    margin-top: -0.06667em; }

.mod_timetable_legend_title {
  font-size: 1em;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  border-bottom: none;
  margin: -0.4em 0 -0.33333em 0; }
  .sg_module .mod_timetable_legend_title {
    border-bottom: none; }

.mod_timetable_legend_list {
  margin: 1.6em 0 -0.53333em 0;
  padding: 0; }

.mod_timetable_legend_item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 1.6em; }

.mod_timetable_legend_label {
  display: inline-block;
  font-size: 0.86667em;
  color: #666666; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_nbc {
  z-index: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_timetable_nbc {
      padding-bottom: 2.66667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_nbc {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 21.33333em;
              flex: 1 1 21.33333em;
      max-width: 21.33333em; } }
  @media print {
    .mod_timetable_nbc {
      display: none !important; } }
  .mod_timetable_nbc .mod_timetable_summary {
    padding-right: 0.8em; }
  .mod_timetable_nbc .mod_timetable_cta {
    display: none; }
  .mod_timetable_nbc .mod_select {
    padding-right: 0;
    margin-bottom: 1.06667em; }
  .mod_timetable_nbc .mod_select_wrapper {
    width: 100%; }
  .mod_timetable_nbc .mod_timetable_nbc_button {
    width: 100%; }

.mod_timetable_nbc .mod_timetable_accessibility,
.mod_timetable_nbc .mod_timetable_cus_him {
  margin-right: 0; }

.mod_timetable_nbc .mod_timetable_pearl_chain_container {
  padding-right: 0; }

.mod_timetable_nbc .mod_accordion_item_heading {
  display: none; }

.mod_timetable_nbc.var_has_mobile_version .mod_accordion_item_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: left; }

.mod_timetable_nbc_section {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  background: #FFFFFF;
  padding: 0 1.6em 2.66667em;
  margin-bottom: 0;
  border-top: 0.06667em solid #DCDCDC;
  text-align: left; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_nbc_section {
      max-width: calc(50% - 0.8em);
      margin: 0 auto 1.6em;
      padding: 0 1.6em 1.6em;
      border: 0.06667em solid #DCDCDC; }
      .mod_timetable_nbc_section:nth-last-child(-n + 2) {
        margin-bottom: 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_nbc_section {
      max-width: none; } }

.mod_timetable_nbc_section_title {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  position: relative;
  margin: 0;
  padding: 1.14286em 0;
  border-bottom: 1px solid #DCDCDC; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_nbc_section_title {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_timetable_nbc_section_title {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_nbc_section_title {
      padding: 1.14286em 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_nbc_section_title {
      padding: 1.14286em 0; } }

.mod_timetable_nbc_section_title.visuallyhidden {
  position: static;
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 0; }

.mod_timetable_nbc_section_text {
  margin-bottom: 1.6em; }

.mod_timetable_nbc_toggle_wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9;
  display: block;
  width: 100%;
  height: 4.8em;
  background: rgba(255, 255, 255, 0);
  margin: 0;
  will-change: opacity;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-in;
  transition: opacity 250ms ease-in; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_nbc_toggle_wrapper {
      height: 6.4em; } }
  .mod_timetable_nbc_toggle_wrapper:before {
    position: absolute;
    left: 0;
    right: 0;
    height: 0.06667em;
    content: '';
    background: #E5E5E5;
    opacity: 0;
    -webkit-transition: opacity 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms;
    transition: opacity 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms; }

.mod_timetable_nbc_toggle_wrapper_button {
  position: absolute;
  bottom: 0.8em;
  right: 0.8em;
  display: block;
  width: 3.2em;
  height: 3.2em;
  padding: 0;
  background: #EB0000;
  border-radius: 60%;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
  text-align: center;
  visibility: hidden; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_nbc_toggle_wrapper_button {
      bottom: 1.6em;
      right: 1.6em; } }
  .mod_timetable_nbc_toggle_wrapper_button:hover, .mod_timetable_nbc_toggle_wrapper_button:focus {
    background: #C60018; }
  .var_has_mobile_version .mod_timetable_nbc_toggle_wrapper_button {
    visibility: visible; }

.mod_timetable_nbc_toggle_wrapper_button .mod_svgsprite_icon {
  fill: #FFFFFF;
  float: none;
  vertical-align: bottom; }
  .mod_timetable_nbc_toggle_wrapper_button .mod_svgsprite_icon.var_SBB_04_close {
    display: none;
    width: 2em;
    height: 2em;
    fill: #767676; }
  .mod_timetable_nbc_toggle_wrapper_button .mod_svgsprite_icon.var_SBB_101_nbc_mobile {
    display: inline-block; }

.mod_timetable_nbc.var_has_mobile_version .mod_timetable_nbc_wrapper {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 4;
  width: 100%;
  padding-bottom: 4.8em;
  background: #FFFFFF;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
  contain: none;
  text-align: center;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0); }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_nbc.var_has_mobile_version .mod_timetable_nbc_wrapper {
      padding: 1.6em 1.6em 8em 1.6em; } }

.mod_timetable_nbc.var_has_mobile_version.has_animation .mod_timetable_nbc_wrapper {
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.mod_timetable_nbc.var_has_mobile_version .mod_timetable_nbc_toggle_wrapper {
  opacity: 1;
  -webkit-transition: background 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms, opacity 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms;
  transition: background 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms, opacity 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms; }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_nbc.var_has_mobile_version .mod_timetable_nbc_toggle_wrapper {
      opacity: 0; } }

.mod_timetable_nbc.var_has_mobile_version:after {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  will-change: opacity;
  contain: none;
  -webkit-transition: opacity 325ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 25ms;
  transition: opacity 325ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 25ms; }

@media all and (min-width: 40.1875em) {
  .mod_timetable_nbc_wrapper .mod_accordion_item_heading.var_timetable {
    width: calc(100% + 3.2em);
    margin: -1.6em -1.6em 1.6em;
    border-bottom: 1px solid #E5E5E5; } }

.mod_timetable_nbc.var_has_mobile_version.is_expanded .mod_timetable_nbc_wrapper {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms;
  transition: -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms;
  transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms;
  transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms, -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 125ms; }

.mod_timetable_nbc.var_has_mobile_version.is_expanded .mod_timetable_nbc_toggle_wrapper {
  background: #FFFFFF;
  border-color: #E5E5E5;
  -webkit-transition: background 50ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, border 50ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: background 50ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, border 50ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }
  .mod_timetable_nbc.var_has_mobile_version.is_expanded .mod_timetable_nbc_toggle_wrapper .var_SBB_101_nbc_mobile-tablet {
    display: none; }
  .mod_timetable_nbc.var_has_mobile_version.is_expanded .mod_timetable_nbc_toggle_wrapper .var_SBB_04_close {
    display: inline-block; }
  .mod_timetable_nbc.var_has_mobile_version.is_expanded .mod_timetable_nbc_toggle_wrapper:before {
    opacity: 1;
    -webkit-transition: opacity 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: opacity 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.mod_timetable_nbc.var_has_mobile_version.is_expanded .mod_timetable_nbc_toggle_wrapper_button {
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  border: 1px solid #A8A8A8; }

.mod_timetable_nbc.var_has_mobile_version.is_expanded:after {
  background: rgba(0, 0, 0, 0.4);
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.mod_timetable_nbc_list {
  margin: 0 0 1.53333em;
  padding: 0; }

.mod_timetable_nbc_list_item {
  border-bottom: 0.06667em solid #DCDCDC;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.mod_timetable_nbc_list_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 0.53333em 0; }

.mod_timetable_nbc_list_label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.mod_timetable_nbc_list_icon {
  margin-right: 0.4em; }

.mod_timetable_nbc_list_type {
  fill: #EB0000; }

.mod_timetable_nbc_list .mod_svgsprite_icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
  @media screen and (-ms-high-contrast: active) {
    .mod_timetable_nbc_list .mod_svgsprite_icon {
      fill: windowText; } }

.mod_timetable_nbc_buy {
  position: relative;
  width: 100%;
  display: block;
  background: #EB0000;
  color: #FFFFFF;
  padding: 0.8em;
  border-radius: 0.13333em; }
  .mod_timetable_nbc_buy .mod_svgsprite_icon {
    float: none;
    display: inline;
    vertical-align: middle;
    fill: #FFFFFF; }
  .mod_timetable_nbc_buy:hover, .mod_timetable_nbc_buy:focus {
    background: #C60018; }
  @media screen and (-ms-high-contrast: active) {
    .mod_timetable_nbc_buy {
      border: 0.06667em solid windowText; } }

.mod_timetable_nbc_buy_label {
  padding-right: 0.53333em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_stage {
  margin: 0;
  padding: 2.26667em 0.8em 1.26667em;
  border-bottom: 0.06667em solid #DCDCDC; }
  .mod_timetable_stage.var_extendedview .mod_timetable_stage_traininfo, .mod_timetable_stage.var_fullview .mod_timetable_stage_traininfo {
    display: inherit; }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg_cushim, .mod_timetable_stage.var_fullview .mod_timetable_leg_cushim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mod_timetable_stage.var_extendedview .mod_timetable_stage_cushim, .mod_timetable_stage.var_fullview .mod_timetable_stage_cushim {
    display: none; }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg_type:before, .mod_timetable_stage.var_fullview .mod_timetable_leg_type:before {
    -webkit-transform: translateY(0.66667em);
            transform: translateY(0.66667em); }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg_type:after, .mod_timetable_stage.var_fullview .mod_timetable_leg_type:after {
    -webkit-transform: translateY(0.66667em);
            transform: translateY(0.66667em); }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg.var_stage_stopover, .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_stopover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg.var_stage_start .mod_timetable_leg_arrival,
  .mod_timetable_stage.var_extendedview .mod_timetable_leg.var_stage_start .mod_timetable_leg_arrival_delay, .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_start .mod_timetable_leg_arrival,
  .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_start .mod_timetable_leg_arrival_delay {
    display: block; }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg.var_stage_end .mod_timetable_leg_type:after, .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_end .mod_timetable_leg_type:after {
    display: block; }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg.var_stage_end:not(:last-child) .mod_timetable_leg_type:before, .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_end:not(:last-child) .mod_timetable_leg_type:before {
    display: block; }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg.var_stage_end .mod_timetable_leg_arrival, .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_end .mod_timetable_leg_arrival {
    color: #000000; }
  .mod_timetable_stage.var_extendedview .mod_timetable_stage_expander, .mod_timetable_stage.var_fullview .mod_timetable_stage_expander {
    -webkit-transform: translateY(0.66667em);
            transform: translateY(0.66667em); }
    .mod_timetable_stage.var_extendedview .mod_timetable_stage_expander.var_show, .mod_timetable_stage.var_fullview .mod_timetable_stage_expander.var_show {
      display: none; }
    .mod_timetable_stage.var_extendedview .mod_timetable_stage_expander.var_hide, .mod_timetable_stage.var_fullview .mod_timetable_stage_expander.var_hide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .mod_timetable_stage.var_extendedview .mod_timetable_stage_summary, .mod_timetable_stage.var_fullview .mod_timetable_stage_summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.8em 0 2.26667em 7.86667em; }
    @media all and (min-width: 40.1875em) {
      .mod_timetable_stage.var_extendedview .mod_timetable_stage_summary, .mod_timetable_stage.var_fullview .mod_timetable_stage_summary {
        margin-right: 0.8em; } }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg .mod_timetable_stage_summary, .mod_timetable_stage.var_fullview .mod_timetable_leg .mod_timetable_stage_summary {
    display: none; }
  .mod_timetable_stage.var_extendedview .mod_timetable_leg.var_stage_start:not(:first-child), .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_start:not(:first-child) {
    position: relative; }
    .mod_timetable_stage.var_extendedview .mod_timetable_leg.var_stage_start:not(:first-child):after, .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_start:not(:first-child):after {
      position: absolute;
      top: -2.53333em;
      left: 5.26667em;
      content: '';
      width: 0.13333em;
      height: 2.93333em;
      background: #D2D2D2;
      -webkit-transform: translateY(0.66667em);
              transform: translateY(0.66667em); }
  .mod_timetable_stage.var_fullview .mod_timetable_leg.var_start, .mod_timetable_stage.var_fullview .mod_timetable_leg.var_end, .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stopover, .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_stopover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_end .mod_timetable_leg_type {
    min-height: 5.33333em; }
    .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_end .mod_timetable_leg_type:before {
      background: #D2D2D2;
      border-color: #D2D2D2; }
  .mod_timetable_stage.var_fullview .mod_timetable_leg.var_stage_start:not(:first-child):after {
    display: none; }
  .mod_timetable_stage .mod_timetable_occupancy {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.mod_timetable_legs {
  margin: 0;
  padding: 0; }

.mod_timetable_leg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mod_timetable_leg:last-child .mod_timetable_leg_type {
    min-height: 0; }
    .mod_timetable_leg:last-child .mod_timetable_leg_type:before {
      display: none; }
  .mod_timetable_leg.var_start, .mod_timetable_leg.var_end, .mod_timetable_leg.var_stopover {
    display: none;
    color: #767676; }
    .mod_timetable_leg.var_start .mod_timetable_occupancy, .mod_timetable_leg.var_end .mod_timetable_occupancy, .mod_timetable_leg.var_stopover .mod_timetable_occupancy {
      opacity: 0.5;
      -webkit-filter: saturate(0);
              filter: saturate(0); }
    .mod_timetable_leg.var_start .mod_timetable_leg_departure, .mod_timetable_leg.var_end .mod_timetable_leg_departure, .mod_timetable_leg.var_stopover .mod_timetable_leg_departure {
      font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mod_timetable_leg.var_stage_stopover {
    display: none; }
    .mod_timetable_leg.var_stage_stopover .mod_timetable_leg_departure {
      color: #000000; }
  .mod_timetable_leg.var_stage_start .mod_timetable_leg_departure,
  .mod_timetable_leg.var_stage_start .mod_timetable_leg_station, .mod_timetable_leg.var_stage_end .mod_timetable_leg_departure,
  .mod_timetable_leg.var_stage_end .mod_timetable_leg_station, .mod_timetable_leg.var_stage_stopover .mod_timetable_leg_departure,
  .mod_timetable_leg.var_stage_stopover .mod_timetable_leg_station {
    font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mod_timetable_leg.var_stage_start .mod_timetable_leg_content, .mod_timetable_leg.var_stage_end .mod_timetable_leg_content, .mod_timetable_leg.var_stage_stopover .mod_timetable_leg_content {
    color: #000000; }
  .mod_timetable_leg.var_stage_start .mod_timetable_leg_arrival,
  .mod_timetable_leg.var_stage_start .mod_timetable_leg_arrival_delay {
    display: none; }
  .mod_timetable_leg.var_stage_end .mod_timetable_leg_arrival {
    font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .mod_timetable_leg.var_stage_end .mod_timetable_leg_departure,
  .mod_timetable_leg.var_stage_end .mod_timetable_leg_departure_delay {
    display: none; }
    .var_extendedview .mod_timetable_leg.var_stage_end .mod_timetable_leg_departure, .var_extendedview
    .mod_timetable_leg.var_stage_end .mod_timetable_leg_departure_delay {
      display: block; }
  .mod_timetable_leg.var_stage_end .mod_timetable_leg_type {
    min-height: 0; }
  .mod_timetable_leg.var_stage_end .mod_timetable_leg_type:before,
  .mod_timetable_leg.var_stage_end .mod_timetable_leg_type:after {
    display: none; }
  .mod_timetable_leg.var_trip_start .mod_timetable_leg_departure,
  .mod_timetable_leg.var_trip_start .mod_timetable_leg_station {
    font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .mod_timetable_leg.var_trip_stopover .mod_timetable_leg_station {
    font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .mod_timetable_leg.var_trip_end .mod_timetable_leg_arrival,
  .mod_timetable_leg.var_trip_end .mod_timetable_leg_station,
  .mod_timetable_leg.var_trip_end .mod_timetable_leg_times {
    font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .mod_timetable_leg.var_trip_end .mod_timetable_leg_type:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mod_timetable_leg .mod_timetable_stage_summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .mod_timetable_leg .mod_timetable_leg_station {
    font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_timetable_leg_skipped_dash {
  position: absolute;
  left: 0.2em;
  top: 1.4em;
  z-index: 2;
  height: 0.13333em;
  width: 1.13333em;
  background: #EB0000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: 0.13333em -0.13333em 0 0 Canvas;
          box-shadow: 0.13333em -0.13333em 0 0 Canvas; }
  @media (forced-colors: active) {
    .mod_timetable_leg_skipped_dash {
      top: 1.33333em;
      height: 0.26667em;
      background: CanvasText;
      border-top: 0.134em solid Canvas; } }

.mod_timetable_leg_times {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.33333em;
          flex: 0 0 3.33333em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1em; }

.mod_timetable_leg_arrival {
  color: #666666;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.mod_timetable_leg_departure {
  line-height: 1.6; }

.mod_timetable_leg_arrival_delay,
.mod_timetable_leg_departure_delay {
  color: #EB0000;
  line-height: 1.6;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  width: 1em; }

.mod_timetable_leg_type {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.6em;
          flex: 0 0 1.6em;
  margin: 0 1.2em;
  min-height: 6.53333em;
  position: relative; }
  .mod_timetable_leg_type:before {
    content: '';
    position: absolute;
    top: 0.8em;
    bottom: -0.8em;
    left: 50%;
    margin-left: -0.06667em;
    width: 0.13333em;
    background: #D2D2D2;
    border-left: 0.13333em solid #D2D2D2; }
    .mod_timetable_leg.var_end .mod_timetable_leg_type:before {
      display: none; }
    .mod_timetable_leg.var_trip_start .mod_timetable_leg_type:before,
    .mod_timetable_leg.var_stage_start .mod_timetable_leg_type:before,
    .mod_timetable_leg.var_stage_stopover .mod_timetable_leg_type:before {
      background: #000000;
      border-color: #000000; }
    .mod_timetable_leg.var_outage .mod_timetable_leg_type:before {
      background: repeating-linear-gradient(to bottom, rgba(235, 0, 0, 0.2) 0, rgba(235, 0, 0, 0.2) 0.26667em, #FFFFFF 0.26667em, #FFFFFF 0.4em) !important;
      border: 0; }
    .mod_timetable_leg.var_stage_outage .mod_timetable_leg_type:before {
      background: repeating-linear-gradient(to bottom, #EB0000 0, #EB0000 0.26667em, #FFFFFF 0.26667em, #FFFFFF 0.4em);
      border: 0; }
    .mod_timetable_leg.var_stage_start .mod_timetable_leg_type:before {
      bottom: -1.2em; }
  .mod_timetable_leg_type:after {
    content: '';
    position: absolute;
    top: 0.53333em;
    left: 50%;
    margin-left: -0.26667em;
    width: 0.53333em;
    height: 0.53333em;
    background: #FFFFFF;
    border: 0.13333em solid #BDBDBD;
    border-radius: 50%;
    z-index: 1; }
    .mod_timetable_leg.var_start .mod_timetable_leg_type:after,
    .mod_timetable_leg.var_end .mod_timetable_leg_type:after {
      background: #BDBDBD; }
    .mod_timetable_leg.var_stage_stopover .mod_timetable_leg_type:after,
    .mod_timetable_leg.var_stage_end .mod_timetable_leg_type:after {
      border-color: #000000; }
    .mod_timetable_leg.var_stage_end .mod_timetable_leg_type:after {
      border-width: 0.26667em; }
    .mod_timetable_leg.var_stage_start .mod_timetable_leg_type:after,
    .mod_timetable_leg.var_trip_start .mod_timetable_leg_type:after,
    .mod_timetable_leg.var_trip_end .mod_timetable_leg_type:after,
    .mod_timetable_leg.var_stage_skipped .mod_timetable_leg_type:after {
      width: 0.8em;
      height: 0.8em;
      margin-left: -0.4em;
      top: 0.4em;
      border-color: #000000;
      border-width: 0.4em;
      background: #000000; }
    .mod_timetable_leg.var_stage_skipped .mod_timetable_leg_type:after {
      border-color: #EB0000;
      border-width: 0.13667em;
      background: Canvas; }

.mod_timetable_leg_cushim,
.mod_timetable_stage_cushim {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0.8em 0;
  margin: 0; }
  .mod_timetable_leg_cushim_item,
  .mod_timetable_stage_cushim_item {
    list-style-type: none;
    padding: 0;
    margin: 0.13333em 0.26667em 0.13333em 0; }

.mod_timetable_stage_cushim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.mod_timetable_stage_expander {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.6em;
  height: 1.6em;
  margin-left: -0.8em;
  padding: 0;
  border: 0.06667em solid currentColor;
  border-radius: 50%;
  background: #FFFFFF;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .mod_timetable_stage_expander.var_hide {
    display: none; }
  .mod_timetable_stage_expander:hover, .mod_timetable_stage_expander:focus {
    color: #EB0000; }
  .mod_timetable_stage_expander .mod_svgsprite_icon {
    fill: currentColor;
    width: 1.2em;
    height: 1.2em;
    float: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  @media screen and (-ms-high-contrast: active) {
    .mod_timetable_stage_expander {
      border-color: windowText !important; }
      .mod_timetable_stage_expander .mod_svgsprite_icon {
        fill: windowText !important; } }
  @media print {
    .mod_timetable_stage_expander {
      display: none !important; } }

.mod_timetable_leg_content {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .mod_timetable_leg_content > .mod_timetable_occupancy {
    display: none;
    padding-top: 0.33333em !important; }
    .var_extendedview .mod_timetable_leg_content > .mod_timetable_occupancy {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }

.mod_timetable_leg_additionalcontent {
  display: none;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 1.73333em;
  margin-bottom: 1.86667em; }
  .var_extendedview .mod_timetable_leg_additionalcontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.mod_timetable_leg_station .mod_svgsprite_icon {
  float: none;
  display: inline;
  vertical-align: top; }

.mod_timetable_stage_summary {
  margin: 1.66667em 0 1.2em 7.86667em;
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_stage_summary {
      margin-right: 0.8em; } }

.mod_timetable_stage_summary .mod_timetable_occupancy {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 0.4em; }
  @media all and (min-width: 26.3125em) {
    .mod_timetable_stage_summary .mod_timetable_occupancy {
      position: relative; } }

.mod_timetable_stage_symbols {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 0.13333em 0 0.33333em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_stage_symbols {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: 0.2em 0 0 0;
      padding: 0 1.8em 0 0; } }

.mod_timetable_stage_symbols_item {
  padding: 0;
  margin: 0 0.2em; }

.mod_timetable_stage_symbols_item:first-child {
  margin-left: 0; }

.mod_timetable_stage_connection {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.7;
  padding-right: 0.8em;
  padding-bottom: 0.53333em; }
  .mod_timetable_stage_connection .mod_svgsprite_icon {
    margin-right: 0.26667em;
    margin-top: 0.2em; }
  @media all and (min-width: 26.3125em) {
    .mod_timetable_stage_connection {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_stage_connection {
      padding-right: 2.13333em;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; } }

.mod_timetable_stage_connection_icons_wrapper {
  padding-right: 0.53333em; }

.mod_timetable_stage_direction {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%; }
  @media all and (min-width: 26.3125em) {
    .mod_timetable_stage_direction {
      width: auto; } }

.mod_timetable_stage_identification {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 0.53333em 0 0;
  width: auto; }

.mod_timetable_stage_identification,
.mod_timetable_stage_direction {
  padding-top: 0.46667em;
  line-height: 1; }

.mod_timetable_stage_identification,
.mod_timetable_stage_direction,
.mod_timetable_stage_traininfo {
  color: #000000;
  font-size: 0.86667em; }

.mod_timetable_stage_traininfo {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  line-height: 1.7;
  background: none;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_stage_traininfo {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; } }
  @media print {
    .mod_timetable_stage_traininfo {
      display: none !important; } }
  .mod_timetable_stage_traininfo:hover, .mod_timetable_stage_traininfo:focus {
    color: #C60018; }

.mod_timetable_stage_fullview {
  display: none;
  padding-top: 2.4em; }
  .var_extendedview .mod_timetable_stage_fullview {
    display: block; }
  .var_fullview .mod_timetable_stage_fullview .mod_timetable_stage_fullview_show {
    display: none; }
  .var_fullview .mod_timetable_stage_fullview .mod_timetable_stage_fullview_hide {
    display: block; }

.mod_timetable_stage_fullview_show,
.mod_timetable_stage_fullview_hide {
  font-size: 0.86667em; }

.mod_timetable_stage_fullview_hide {
  display: none; }

.mod_timetable_route_change {
  color: #EB0000; }

.mod_timetable_stage_walk {
  background: #F6F6F6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0.53333em 0.8em 0.46667em; }
  @media print {
    .mod_timetable_stage_walk {
      border-bottom: 0.06667em solid #DCDCDC; } }
  .mod_timetable_stage_walk .mod_svgsprite_icon {
    float: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    fill: #666666; }
    @media screen and (-ms-high-contrast: active) {
      .mod_timetable_stage_walk .mod_svgsprite_icon {
        fill: windowText; } }

.mod_timetable_stage_walk_duration {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.84615em;
          flex: 0 0 2.84615em;
  text-align: right;
  font-size: 0.86667em; }

.mod_timetable_stage_walk_icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.33333em;
          flex: 0 0 6.33333em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.mod_timetable_stage_walk_label {
  margin-top: 0;
  font-size: 0.86667em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.mod_timetable_route_outage {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #EB0000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4em 0; }
  .mod_timetable_route_outage.var_before {
    margin-bottom: 1.6em; }
  .mod_timetable_route_outage.var_after {
    margin-top: 1.6em; }
  .mod_timetable_route_outage .mod_svgsprite_icon {
    margin-right: 0.53333em;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.mod_timetable_stage_alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.75;
  padding: 1.4em 0.8em;
  border-bottom: 0.06667em solid #DCDCDC; }
  .mod_timetable_stage_alert .mod_svgsprite_icon {
    float: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 0.8em;
    margin-top: 0.2em; }

.mod_timetable_stage_info {
  color: #EB0000;
  margin-bottom: 1.6em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_trainformation {
  max-width: 81.33333em;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }

.mod_trainformation_scrolled_inner {
  display: block; }

.mod_trainformation_scrolled {
  display: block;
  padding-bottom: 2.66667em;
  margin-bottom: 2.66667em;
  border-bottom: 1px solid #E5E5E5; }
  .mod_trainformation_scrolled.mCustomScrollbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  @media all and (min-width: 40.1875em) {
    .mod_trainformation_scrolled {
      padding-bottom: 5.33333em; } }
  @media all and (min-width: 64.0625em) {
    .mod_trainformation_scrolled {
      padding-bottom: 0;
      border-bottom: 0;
      margin-bottom: 5.33333em; } }

.touchevents .mod_trainformation_scrolled {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }

.touchevents .mod_trainformation_sectors_wrapper,
.touchevents .mod_trainformation_train {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap; }

.mod_trainformation_sectors_wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  *zoom: 1;
  display: block;
  margin-top: 3.73333em;
  white-space: nowrap; }
  .mod_trainformation_sectors_wrapper:before, .mod_trainformation_sectors_wrapper:after {
    content: '';
    display: table; }
  .mod_trainformation_sectors_wrapper:after {
    clear: both; }

.touchevents .mod_trainformation_sector {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20.26667em;
          flex: 0 0 20.26667em;
  min-width: 0;
  float: left; }

.mod_trainformation_sector_name {
  position: relative;
  display: inline-block;
  height: 1.73333em;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.touchevents .mod_trainformation_train_item {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 5.06667em;
          flex: 0 1 5.06667em;
  min-width: 5.06667em; }

.mod_trainformation_sector {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  position: relative;
  display: inline-block;
  width: 20.26667em;
  height: 1.73333em;
  vertical-align: middle;
  padding: 0 0.8em;
  background: #F6F6F6;
  text-align: center; }
  .mod_trainformation_sector.is_hidden {
    opacity: 0; }
  @media screen and (-ms-high-contrast: active) {
    .mod_trainformation_sector {
      background: none;
      border: 0.06667em solid highlight; } }

.mod_trainformation_sector:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: #767676; }

.mod_trainformation_sector:first-of-type:after {
  display: none; }

.mod_trainformation_train {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  *zoom: 1;
  display: block; }
  .mod_trainformation_train:before, .mod_trainformation_train:after {
    content: '';
    display: table; }
  .mod_trainformation_train:after {
    clear: both; }
  .mod_trainformation_train.var_shift_1 {
    margin-left: 5.06667em; }
  .mod_trainformation_train.var_shift_2 {
    margin-left: 10.13333em; }
  .mod_trainformation_train.var_shift_3 {
    margin-left: 15.2em; }

.mod_trainformation_train_item {
  position: relative;
  display: block;
  float: left;
  width: 5.06667em;
  padding: 0 0.13333em; }

.mod_trainformation_train_wagon_number {
  display: block;
  height: 1.73333em;
  width: 100%; }

.mod_trainformation_train_wagon_number .var_SBB_service_traintype {
  fill: #000000; }
  @media screen and (-ms-high-contrast: active) {
    .mod_trainformation_train_wagon_number .var_SBB_service_traintype {
      fill: windowText; } }

.mod_trainformation_train_transport,
.mod_trainformation_train_wagon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.73333em;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: #000000; }
  @media screen and (-ms-high-contrast: active) {
    .mod_trainformation_train_transport,
    .mod_trainformation_train_wagon {
      border: 0.06667em solid highlight;
      background: none; } }

.mod_trainformation_train_transport {
  background: #A8A8A8; }

.mod_trainformation_train_wagon_class,
.mod_trainformation_train_wagon_occupancy {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.33%;
          flex: 0 1 33.33%;
  color: #FFFFFF; }

.mod_trainformation_train_wagon_occupancy {
  padding-right: 0.26667em; }

.mod_trainformation_train_wagon_type {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 2.13333em;
          flex: 0 1 2.13333em;
  text-align: center; }

.mod_trainformation_train_wagon_class {
  text-align: center;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_trainformation_train_services {
  display: block;
  text-align: center;
  padding-top: 0.33333em; }
  .mod_trainformation_train_services .var_SBB_trainformation_disability_access {
    fill: #767676; }

.mod_trainformation_train_destination {
  position: absolute;
  left: 0;
  top: -5.86667em;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  padding-right: 0.8em;
  overflow: hidden; }

.mod_trainformation_train_services .mod_svgsprite_icon {
  float: none;
  fill: #767676;
  width: 1.6em;
  height: 1.6em; }
  @media screen and (-ms-high-contrast: active) {
    .mod_trainformation_train_services .mod_svgsprite_icon {
      fill: windowText; } }

.mod_trainformation_train_wagon_type .mod_svgsprite_icon {
  fill: #FFFFFF;
  float: none;
  vertical-align: middle; }

.mod_trainformation .var_SBB_arrow_right_bold {
  width: 2.13333em;
  height: 2.13333em;
  float: none;
  vertical-align: middle;
  top: -0.06667em;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.mod_trainformation .var_SBB_arrow_right_bold,
.mod_trainformation .var_SBB_07_arrow_left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.mod_trainformation_train_wagon_occupancy .mod_svgsprite_icon {
  float: right;
  width: 1.6em;
  height: 1.6em;
  fill: #FFFFFF; }
  @media screen and (-ms-high-contrast: black-on-white) {
    .mod_trainformation_train_wagon_occupancy .mod_svgsprite_icon {
      fill: #000000; } }

.mod_trainformation_train_item .var_SBB_trainformation_locomotive {
  width: 100%; }
  @media screen and (-ms-high-contrast: active) {
    .mod_trainformation_train_item .var_SBB_trainformation_locomotive {
      fill: windowText; } }

.mod_trainformation_legend {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media all and (min-width: 40.1875em) {
    .mod_trainformation_legend {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.mod_trainformation_legend_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.mod_trainformation_legend_column {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.86667em;
  padding: 0 0.92308em;
  color: #767676; }
  @media all and (min-width: 40.1875em) {
    .mod_trainformation_legend_column {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; } }

.mod_trainformation_legend_item .mod_svgsprite_icon {
  width: 1.4em;
  margin-right: 0.8em;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  fill: currentColor; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_trainformation_tabs .mod_tabs_tablist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.mod_trainformation_tabs_title {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.86667em;
  line-height: 1.4;
  margin: 2em 0 0;
  text-align: center;
  margin-bottom: 1.42857em; }
  @media all and (min-width: 40.1875em) {
    .mod_trainformation_tabs_title {
      line-height: 1.2;
      font-size: 2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_trainformation_tabs_title {
      font-size: 2.66667em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_price_badge.is_hidden {
  opacity: 0; }

.mod_timetable_price_badge .mod_timetable_price_badge_triangle {
  display: none; }

.mod_timetable_price_badge .mod_timetable_price_badge_price_prefix {
  display: none; }

.mod_timetable_price_badge .mod_timetable_price_badge_price {
  display: none; }

.mod_timetable_price_badge .mod_svgsprite_icon {
  font-size: 15px;
  fill: currentColor; }

.mod_accordion_item_content.var_timetable .mod_timetable_price_badge {
  position: absolute;
  top: -1.06667em;
  left: -0.8em;
  z-index: 1;
  font-size: 1em;
  color: #FFFFFF; }
  .var_wide .mod_accordion_item_content.var_timetable .mod_timetable_price_badge {
    top: -1.6em;
    left: 0; }
  .mod_accordion_item_content.var_timetable .mod_timetable_price_badge:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #000000 transparent transparent transparent;
    border-width: 2.4em 2.4em 0 0; }
    @media screen and (-ms-high-contrast: active) {
      .mod_accordion_item_content.var_timetable .mod_timetable_price_badge:before {
        border: none; } }
  .mod_accordion_item_content.var_timetable .mod_timetable_price_badge .mod_svgsprite_icon {
    position: relative;
    width: 1.6em;
    height: 1.6em;
    margin-top: -0.13333em; }
    @media screen and (-ms-high-contrast: active) {
      .mod_accordion_item_content.var_timetable .mod_timetable_price_badge .mod_svgsprite_icon {
        fill: windowText; } }
    @media all and (max-width: 64.0525em) {
      .mod_accordion_item_content.var_timetable .mod_timetable_price_badge .mod_svgsprite_icon {
        width: 1.06667em;
        height: 1.06667em; } }
  .mod_accordion_item_content.var_timetable .mod_timetable_price_badge.is_hidden {
    -webkit-transform: translate3d(-3.33333em, 0, 0);
            transform: translate3d(-3.33333em, 0, 0); }

.mod_accordion_item_heading.var_timetable .mod_timetable_price_badge,
.sg_wrapper .sg_demo .mod_timetable_price_badge {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 260ms;
          transition-duration: 260ms;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.is_hidden,
  .sg_wrapper .sg_demo .mod_timetable_price_badge.is_hidden {
    opacity: 0; }
  @media (max-width: 1579px) {
    .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge,
    .sg_wrapper .sg_demo .mod_timetable_price_badge {
      position: absolute;
      top: 0em;
      right: 0em;
      height: 1.46667em;
      font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1;
      padding: 0.13333em 0.8em 0 0.26667em; }
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge .mod_timetable_price_badge_price_prefix,
      .sg_wrapper .sg_demo .mod_timetable_price_badge .mod_timetable_price_badge_price_prefix {
        font-size: 0.73333em;
        display: inline; }
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge .mod_timetable_price_badge_price,
      .sg_wrapper .sg_demo .mod_timetable_price_badge .mod_timetable_price_badge_price {
        font-size: 0.93333em;
        display: inline; }
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge .mod_timetable_price_badge_triangle,
      .sg_wrapper .sg_demo .mod_timetable_price_badge .mod_timetable_price_badge_triangle {
        position: absolute;
        display: block; }
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.is_hidden,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.is_hidden {
        -webkit-transform: translate3d(3.33333em, 0, 0);
                transform: translate3d(3.33333em, 0, 0); }
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount {
        color: #FFFFFF;
        background-color: #000000;
        padding-top: 0.2em; }
        .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount .mod_timetable_price_badge_triangle,
        .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount .mod_timetable_price_badge_triangle {
          font-size: 16px;
          top: 0;
          left: -0.875em;
          border-style: solid;
          border-color: transparent #000000 transparent transparent;
          border-width: 0 0.875em 1.375em 0; } }
      @media screen and (max-width: 1579px) and (-ms-high-contrast: active) {
        .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount .mod_timetable_price_badge_triangle,
        .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount .mod_timetable_price_badge_triangle {
          border: none; } }
  @media (max-width: 1579px) {
        .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount .mod_svgsprite_icon,
        .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount .mod_svgsprite_icon {
          margin: -0.33333em -0.13333em -0.26667em -0.4em; }
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_no_discount,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_no_discount {
        color: #000000;
        border-color: #A8A8A8;
        border-width: 0.06667em;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid; }
        .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_no_discount .mod_svgsprite_icon,
        .sg_wrapper .sg_demo .mod_timetable_price_badge.var_no_discount .mod_svgsprite_icon {
          display: none; }
        .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_no_discount .mod_timetable_price_badge_triangle,
        .sg_wrapper .sg_demo .mod_timetable_price_badge.var_no_discount .mod_timetable_price_badge_triangle {
          top: -0.06667em;
          left: -0.93333em;
          width: 0.93333em;
          height: 1.46667em;
          border-top: 0.06667em solid #A8A8A8; }
        .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_no_discount .mod_timetable_price_badge_triangle:before,
        .sg_wrapper .sg_demo .mod_timetable_price_badge.var_no_discount .mod_timetable_price_badge_triangle:before {
          content: '';
          position: absolute;
          left: -0.06667em;
          top: -0.06667em;
          width: 0.06667em;
          height: 1.73333em;
          background-color: #A8A8A8;
          -webkit-transform-origin: top right;
                  transform-origin: top right;
          -webkit-transform: rotate(-34deg);
                  transform: rotate(-34deg); } }
    @media screen and (max-width: 1579px) and (-ms-high-contrast: active) {
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_no_discount,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_no_discount {
        border: none; } }
  @media (min-width: 1580px) {
    .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount,
    .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount {
      position: absolute;
      top: -1.06667em;
      left: -0.8em;
      z-index: 1;
      font-size: 1em;
      color: #FFFFFF; }
      .var_wide .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount, .var_wide
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount {
        top: -1.6em;
        left: 0; }
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount:before,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border-style: solid;
        border-color: #000000 transparent transparent transparent;
        border-width: 2.4em 2.4em 0 0; } }
    @media screen and (min-width: 1580px) and (-ms-high-contrast: active) {
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount:before,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount:before {
        border: none; } }
  @media (min-width: 1580px) {
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount .mod_svgsprite_icon,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount .mod_svgsprite_icon {
        position: relative;
        width: 1.6em;
        height: 1.6em;
        margin-top: -0.13333em; } }
    @media screen and (min-width: 1580px) and (-ms-high-contrast: active) {
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount .mod_svgsprite_icon,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount .mod_svgsprite_icon {
        fill: windowText; } }
    @media all and (min-width: 1580px) and (max-width: 64.0525em) {
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount .mod_svgsprite_icon,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount .mod_svgsprite_icon {
        width: 1.06667em;
        height: 1.06667em; } }
  @media (min-width: 1580px) {
      .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge.var_discount.is_hidden,
      .sg_wrapper .sg_demo .mod_timetable_price_badge.var_discount.is_hidden {
        -webkit-transform: translate3d(-3.33333em, 0, 0);
                transform: translate3d(-3.33333em, 0, 0); } }

.mod_accordion_item_content.var_timetable .mod_timetable_nbc_section .mod_timetable_price_badge {
  top: 0em; }
  @media all and (max-width: 64.0525em) {
    .mod_accordion_item_content.var_timetable .mod_timetable_nbc_section .mod_timetable_price_badge:before {
      border-width: 1.6em 1.6em 0 0; } }

@media (min-width: 1580px) {
  .mod_timetable.var_checkout .mod_accordion_item_heading.var_timetable .mod_timetable_price_badge {
    top: 0;
    left: 0; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_processflow {
  overflow: hidden;
  display: block;
  position: relative;
  margin-top: 2.66667em;
  margin-bottom: -1.06667em;
  margin-left: -0.8em;
  margin-right: -0.8em; }
  .js.no-touchevents .mod_processflow:not(.mCustomScrollbar) {
    width: 333.33333em;
    min-height: 5.2em; }
    @media all and (min-width: 40.1875em) {
      .js.no-touchevents .mod_processflow:not(.mCustomScrollbar) {
        min-height: 6em; } }
    @media all and (min-width: 64.0625em) {
      .js.no-touchevents .mod_processflow:not(.mCustomScrollbar) {
        min-height: 6.06667em; } }
    @media all and (min-width: 80.0625em) {
      .js.no-touchevents .mod_processflow:not(.mCustomScrollbar) {
        min-height: 5.73333em; } }
  @media all and (min-width: 40.1875em) {
    .mod_processflow {
      margin-top: 2.13333em;
      margin-bottom: -0.8em;
      margin-left: 0;
      margin-right: 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_processflow {
      margin-top: 2.66667em;
      margin-bottom: 1.06667em;
      margin-left: auto;
      margin-right: auto; } }
  .mod_processflow.is_scrolling:after, .mod_processflow.is_scrolling:before {
    position: absolute;
    top: 0;
    content: '';
    z-index: 1;
    width: 0.8em;
    height: calc(100% - 0.5rem);
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease; }
    @media all and (min-width: 40.1875em) {
      .mod_processflow.is_scrolling:after, .mod_processflow.is_scrolling:before {
        width: 1.6em; } }
  .mod_processflow.is_scrolling:before {
    left: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.37)), to(white));
    background: linear-gradient(to left, rgba(255, 255, 255, 0.37) 0%, white 100%); }
  .mod_processflow.is_scrolling:after {
    right: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.37)), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.37) 0%, white 100%); }
  .mod_processflow.is_scrolling_end:after {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  .mod_processflow.is_scrolling_start:before {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  .touchevents .mod_processflow {
    position: relative; }
    .touchevents .mod_processflow .mod_processflow_steps {
      height: auto;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 1.33333em; }
  .mod_processflow_steps {
    position: relative;
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
    font-size: inherit;
    font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    counter-reset: item; }
  .mod_processflow_item {
    display: inline-block;
    font-size: 1.46667em; }
    .mod_processflow_item:first-child {
      margin-left: 0; }
    .mod_processflow_item:last-child {
      margin-right: 0; }
    @media all and (min-width: 40.1875em) {
      .mod_processflow_item {
        font-size: 1.6em; } }
    @media all and (min-width: 64.0625em) {
      .mod_processflow_item {
        font-size: 1.73333em; } }
    .mod_processflow_item:before {
      display: none; }
    .mod_processflow_itemtitle {
      position: relative;
      display: inline-block;
      padding-bottom: 0.27273em;
      text-decoration: none; }
      @media all and (min-width: 40.1875em) {
        .mod_processflow_itemtitle {
          padding-bottom: 0.58333em; } }
      @media all and (min-width: 64.0625em) {
        .mod_processflow_itemtitle {
          padding-bottom: 0.46154em; } }
      .mod_processflow_itemtitle:before {
        content: counters(item, ".") ".";
        counter-increment: item;
        display: inline-block;
        padding-right: 0.5em; }
      .mod_processflow_itemtitle:after {
        content: '';
        display: block;
        width: 0;
        height: 1px;
        background: #000000;
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        -webkit-transition: width 300ms;
        transition: width 300ms; }
      .mod_processflow_itemtitle.is_disabled {
        color: #767676;
        pointer-events: none; }
      .mod_processflow_itemtitle.is_active {
        pointer-events: none; }
        .mod_processflow_itemtitle.is_active:after {
          width: 100%; }
        .mod_processflow_itemtitle.is_active:hover:after {
          background: #000000; }
      .mod_processflow_itemtitle:active:after, .mod_processflow_itemtitle:focus:after, .mod_processflow_itemtitle:hover:after {
        background: #C60018;
        width: 100%; }
  .mod_processflow .var_forwardarrow {
    float: none;
    width: 1.45455em;
    height: 1.45455em;
    margin: 0.45455em 1.04545em -0.45455em 1.04545em;
    fill: #767676; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
@media all and (min-width: 64.0625em) {
  .mod_pagetitle {
    margin-bottom: 1.6em; } }

.mod_pagetitle_origin_destination, .mod_pagetitle_target_destination {
  margin: -0.28571em auto -0.28571em; }

.mod_pagetitle .mod_svgsprite_icon {
  float: none;
  position: relative;
  display: inline-block;
  width: 1.14286em;
  margin: -0.25em auto -0.28571em;
  top: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_pagetitle .mod_svgsprite_icon {
      width: 1.06667em;
      margin: -0.13333em auto -0.46667em; } }
  @media all and (min-width: 64.0625em) {
    .mod_pagetitle .mod_svgsprite_icon {
      width: 0.8em;
      margin: -0.125em auto -0.46667em; } }
  .mod_pagetitle .mod_svgsprite_icon + .mod_pagetitle_target_destination {
    margin-top: 0; }

.mod_pagetitle.is_block .mod_svgsprite_icon {
  display: block; }
  @media all and (min-width: 40.1875em) {
    .mod_pagetitle.is_block .mod_svgsprite_icon {
      margin: -0.2em auto -0.3em; } }
  @media all and (min-width: 64.0625em) {
    .mod_pagetitle.is_block .mod_svgsprite_icon {
      width: 0.8em;
      margin: -0.35em auto -0.4em; } }

.mod_pagetitle.var_webshop {
  max-width: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_pagesubtitle {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  margin-bottom: 1.14286em;
  display: block;
  text-align: center;
  margin-top: 0.95238em; }
  @media all and (min-width: 40.1875em) {
    .mod_pagesubtitle {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_pagesubtitle {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  @media all and (min-width: 40.1875em) {
    .mod_pagesubtitle {
      margin-bottom: 2.28571em; } }
  .mod_pagesubtitle.var_detailpage {
    text-align: left; }
  .mod_pagetitle + .mod_pagesubtitle {
    margin-top: -0.9em; }
    @media all and (min-width: 40.1875em) {
      .mod_pagetitle + .mod_pagesubtitle {
        margin-top: -0.95238em; } }
    @media all and (min-width: 64.0625em) {
      .mod_pagetitle + .mod_pagesubtitle {
        margin-top: -2.28571em; } }

.mod_pagesubtitle_button_change {
  padding-left: 0.04762em;
  padding-right: 0;
  background: none;
  margin-left: 0.47619em;
  border-bottom: 0.09524em solid #000000; }
  @media print {
    .mod_pagesubtitle_button_change {
      display: none !important; } }

.mod_pagesubtitle_button_change:focus,
.mod_pagesubtitle_button_change:hover {
  color: #C60018;
  border-bottom-color: #C60018; }

.mod_pagesubtitle .mod_svgsprite_icon {
  float: none;
  position: relative;
  vertical-align: middle;
  margin: 0 0.28571em; }

.mod_pagesubtitle .var_one_way {
  top: 0.04762em; }

.mod_pagesubtitle .var_align_middle {
  vertical-align: middle; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_fieldset.var_shop {
  border: none;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  padding: 2.26667em 1.6em; }
  @media all and (max-width: 64.0525em) {
    .mod_fieldset.var_shop {
      margin: 0 -1.6em; } }
  @media all and (min-width: 40.1875em) {
    .mod_fieldset.var_shop {
      border: 1px solid #DCDCDC;
      padding: 3.2em 2.26667em; } }
  .mod_fieldset.var_shop + .mod_accordion {
    margin-top: 0.13333em; }
  .mod_fieldset.var_shop .mod_fieldset.var_full_width.low_padding {
    padding-bottom: 0; }
    .mod_fieldset.var_shop .mod_fieldset.var_full_width.low_padding .mod_fieldset_legend {
      padding-bottom: 1.14286em; }
  .mod_fieldset.var_shop .mod_fieldset_legend {
    float: left;
    width: 100%;
    *zoom: 1; }
    .mod_fieldset.var_shop .mod_fieldset_legend:before, .mod_fieldset.var_shop .mod_fieldset_legend:after {
      content: '';
      display: table; }
    .mod_fieldset.var_shop .mod_fieldset_legend:after {
      clear: both; }
    .mod_fieldset.var_shop .mod_fieldset_legend.var_headline_1 {
      display: inline-block;
      width: 100%;
      font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 1.6em;
      line-height: 1.2;
      margin-top: 0;
      margin-bottom: 1.33333em;
      margin-top: -0.29167em;
      margin-bottom: 0.75em; }
      @media all and (min-width: 40.1875em) {
        .mod_fieldset.var_shop .mod_fieldset_legend.var_headline_1 {
          margin-bottom: 1.23077em;
          font-size: 1.73333em; } }
      @media all and (min-width: 64.0625em) {
        .mod_fieldset.var_shop .mod_fieldset_legend.var_headline_1 {
          margin-bottom: 1em;
          font-size: 2.13333em; } }
      @media all and (min-width: 160.0625em) {
        .mod_fieldset.var_shop .mod_fieldset_legend.var_headline_1 {
          font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
      @media all and (min-width: 40.1875em) {
        .mod_fieldset.var_shop .mod_fieldset_legend.var_headline_1 {
          margin-top: -0.30769em;
          margin-bottom: 0.65385em; } }
      @media all and (min-width: 64.0625em) {
        .mod_fieldset.var_shop .mod_fieldset_legend.var_headline_1 {
          margin-top: -0.28125em;
          margin-bottom: 0.53125em; } }
  .mod_fieldset.var_shop .mod_fieldset {
    clear: left; }
    .mod_fieldset.var_shop .mod_fieldset:last-of-type {
      border-bottom: 0;
      padding-bottom: 0; }
    .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_2 {
      display: inline-block;
      width: 100%;
      font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 1.33333em;
      line-height: 1.4;
      margin-top: 0;
      margin-bottom: 1.2em;
      margin: -0.4em 0 1.25em;
      padding: 0; }
      @media all and (min-width: 40.1875em) {
        .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_2 {
          margin-bottom: 1.14286em;
          font-size: 1.4em; } }
      @media all and (min-width: 160.0625em) {
        .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_2 {
          font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
      @media all and (min-width: 40.1875em) {
        .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_2 {
          margin: -0.38095em 0 1.19048em; } }
      .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_2 .title_link {
        clear: both;
        float: right;
        display: block;
        width: 100%;
        padding-top: 1.61538em;
        font-size: 0.86667rem; }
        @media all and (max-width: 40.1775em) {
          .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_2 .title_link {
            margin: -0.92308em 0 -1.53846em 0; } }
        @media all and (min-width: 48.0625em) {
          .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_2 .title_link {
            clear: none;
            width: auto;
            padding-top: 0.76923em; } }
    .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_3 {
      font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: -0.53333em 0 1.66667em; }
      .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_3 .mod_svgsprite_icon, .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_3 .header_city {
        display: block;
        float: left; }
      .mod_fieldset.var_shop .mod_fieldset .mod_fieldset_legend.var_headline_3 .mod_svgsprite_icon {
        margin: 0 0.53333em; }

.mod_fieldset.var_shop + .mod_fieldset.var_shop {
  border-top: 0; }

.page_centered .var_shop .mod_fieldset_controls {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.page_centered .var_shop .mod_connection_returntrip .mod_fieldset_controls {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.mod_fieldset_text {
  margin-top: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_totalprice {
  position: relative;
  margin: 0;
  border-top: 1px solid #E5E5E5;
  padding: 1.6em 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_totalprice {
      border: 1px solid #E5E5E5; } }
  @media all and (min-width: 64.0625em) {
    .mod_totalprice {
      padding: 1.6em 1.46667em;
      border: 1px solid #E5E5E5; } }
  .mod_dates_summation + .mod_totalprice {
    border-top: 0; }
  .mod_totalprice_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    font-size: 1em; }
    .mod_totalprice_wrapper_label, .mod_totalprice_wrapper_value {
      display: inline-block;
      width: 100%;
      font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 1.33333em;
      line-height: 1.4;
      margin-top: 0;
      margin-bottom: 1.2em;
      width: auto;
      margin: 0 0 1.14286em 0; }
      @media all and (min-width: 40.1875em) {
        .mod_totalprice_wrapper_label, .mod_totalprice_wrapper_value {
          margin-bottom: 1.14286em;
          font-size: 1.4em; } }
      @media all and (min-width: 160.0625em) {
        .mod_totalprice_wrapper_label, .mod_totalprice_wrapper_value {
          font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
    .mod_totalprice_wrapper_label {
      -webkit-box-flex: 1;
          -ms-flex: 1 3 auto;
              flex: 1 3 auto; }
    .mod_totalprice_wrapper_value {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      text-align: right; }
  .mod_totalprice_cta.is_sticky {
    position: fixed;
    z-index: 5;
    -webkit-box-shadow: 0 0.13333em 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0.13333em 0 rgba(0, 0, 0, 0.25); }
  .mod_totalprice_cta_price {
    display: inline-block;
    vertical-align: top;
    padding-right: 0;
    max-width: 0;
    opacity: 1;
    overflow: hidden; }
  .mod_totalprice_cta_label {
    display: inline; }
  .mod_totalprice .text__primarybutton {
    width: 100%;
    max-width: none; }
    .mod_totalprice .text__primarybutton:disabled {
      background: #FFFFFF;
      border: 1px solid #767676;
      opacity: 1;
      color: #666666;
      text-decoration: line-through; }
      .mod_totalprice .text__primarybutton:disabled:after {
        content: ' ';
        display: inline-block; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
@media all and (min-width: 40.1875em) {
  .mod_timetable.var_checkout .mod_accordion.var_timetable {
    margin: 0; } }

.mod_accordion.var_shop {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  margin-bottom: 3.73333em; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion.var_shop {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_accordion.var_shop {
      margin-bottom: 6.4em; } }
  @media all and (min-width: 64.0625em) {
    .mod_accordion.var_shop {
      margin-left: 0;
      margin-right: 0; } }
  .mod_accordion.var_shop:last-child {
    margin-bottom: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_accordion.var_shop .var_accordion_last_fieldset {
      margin-bottom: -1.6em; } }
  @media all and (min-width: 40.1875em) {
    .mod_accordion.var_shop .mod_accordion_item:before {
      border: 1px solid rgba(229, 229, 229, 0); } }
  @media all and (min-width: 40.1875em) {
    .mod_accordion.var_shop .mod_accordion_item.is_open,
    .no-js .mod_accordion.var_shop .mod_accordion_item {
      padding: 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_accordion.var_shop .mod_accordion_item.is_open,
    .no-js .mod_accordion.var_shop .mod_accordion_item {
      padding: 0; } }
  @media all and (min-width: 40.1875em) {
    .mod_accordion.var_shop .mod_accordion_item.is_open:before,
    .no-js .mod_accordion.var_shop .mod_accordion_item:before {
      border: 1px solid #E5E5E5; } }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_accordion.var_shop .mod_accordion_item .mod_accordion_item_link {
      padding-left: 1.6em; } }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_accordion.var_shop .mod_accordion_item .mod_accordion_item_content {
      padding-left: 1.6em;
      padding-right: 1.6em; } }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_accordion.var_shop .mod_accordion_item .mod_accordion_item_link_open,
    .mod_accordion.var_shop .mod_accordion_item .mod_accordion_item_link_close {
      right: 1.6em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_national_travelers_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  *zoom: 1;
  clear: left;
  position: relative;
  counter-reset: section;
  margin-left: 0;
  margin-bottom: -0.8em; }
  .mod_national_travelers_list:before, .mod_national_travelers_list:after {
    content: '';
    display: table; }
  .mod_national_travelers_list:after {
    clear: both; }
  .mod_national_travelers_list_item {
    position: relative;
    display: block;
    opacity: 0;
    margin-bottom: 2.4em;
    padding-bottom: 1.06667em;
    border-bottom: 1px solid #E5E5E5;
    -webkit-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in; }
    .mod_national_travelers_list_item.is_visible {
      opacity: 1; }
    .mod_national_travelers_list_item:first-child:nth-last-child(1) .mod_national_travelers_button_remove {
      opacity: 0; }
    .mod_national_travelers_list_item .mod_combo:last-child {
      margin-bottom: 3.2em; }
  .mod_national_travelers_list .count {
    counter-increment: section; }
    .mod_national_travelers_list .count::before {
      content: counter(section); }

.mod_national_travelers_button_add.text__secondarybutton .mod_svgsprite_icon {
  width: 1.53333em;
  height: 1.53333em;
  margin-top: -0.8em; }

.mod_national_travelers_button_remove {
  position: absolute;
  right: 0;
  top: 0.46667em;
  background: none;
  border-radius: 60%;
  border-color: #A8A8A8;
  border-width: 0.06667em;
  border-style: solid;
  margin-left: 0.66667em;
  width: 2.13333em;
  height: 2.13333em;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: opacity 0.25s ease-in, border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: opacity 0.25s ease-in, border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  @media all and (min-width: 40.1875em) {
    .mod_national_travelers_button_remove {
      top: 0.53333em; } }
  .mod_national_travelers_button_remove .mod_svgsprite_icon {
    float: none;
    top: 50%;
    left: 50%;
    margin: -0.8em 0 0 -0.8em;
    position: absolute;
    fill: #767676;
    -webkit-transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.1s ease-out;
    transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.1s ease-out; }
  .mod_national_travelers_button_remove:focus, .mod_national_travelers_button_remove:hover {
    border-color: #C60018; }
    .mod_national_travelers_button_remove:focus .mod_svgsprite_icon, .mod_national_travelers_button_remove:hover .mod_svgsprite_icon {
      fill: #C60018; }

.mod_national_travelers.var_lightbox {
  border: none;
  padding-left: 0;
  padding-right: 0; }

@media all and (min-width: 40.1875em) {
  .mod_national_travelers .mod_label_text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; } }

.mod_national_travelers .mod_group.var_inline {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

@media all and (min-width: 40.1875em) {
  .mod_national_travelers .mod_fieldset_controls {
    width: auto;
    min-width: 100%;
    margin-right: -0.53333em; } }

@media all and (min-width: 40.1875em) {
  .mod_national_travelers .mod_textfield,
  .mod_national_travelers .mod_multiselect {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: calc(100%/2.00005);
    max-width: calc(100%/2.00005); } }

@media all and (min-width: 89.125em) {
  .mod_national_travelers .mod_textfield,
  .mod_national_travelers .mod_multiselect {
    min-width: calc(100%/3.00005);
    max-width: calc(100%/3.00005); } }

.mod_national_travelers.var_lightbox {
  margin-bottom: 0 !important;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0; }

@media all and (min-width: 51em) {
  .mod_national_travelers.var_lightbox .mod_textfield,
  .mod_national_travelers.var_lightbox .mod_multiselect {
    max-width: calc(100%/3.00005); } }

@media all and (min-width: 64.0625em) {
  .mod_national_travelers.var_lightbox .mod_textfield,
  .mod_national_travelers.var_lightbox .mod_multiselect {
    min-width: calc(100%/4.00005);
    max-width: calc(100%/4.00005); } }

.var_lightbox .mod_national_travelers_list {
  margin-bottom: 0; }

.var_lightbox .mod_national_travelers_list_item.is_visible:last-child {
  margin-bottom: 16.66667em !important; }
  @media all and (min-width: 40.1875em) {
    .var_lightbox .mod_national_travelers_list_item.is_visible:last-child {
      margin-bottom: 22.66667em !important; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_intl_travelers {
  *zoom: 1; }
  .mod_intl_travelers:before, .mod_intl_travelers:after {
    content: '';
    display: table; }
  .mod_intl_travelers:after {
    clear: both; }

.mod_intl_travelers_description {
  margin-bottom: 1.6em; }

.mod_intl_travelers_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  float: left;
  width: 100%;
  margin-bottom: 1.6em; }

.mod_intl_travelers_list_item {
  display: block;
  width: 100%;
  padding: 1.6em 0.8em;
  border-radius: 0.13333em;
  margin-top: 0.53333em;
  background: #F6F6F6;
  color: #666666; }
  @media all and (min-width: 40.1875em) {
    .mod_intl_travelers_list_item {
      padding: 1.6em 1.6em; } }
  .mod_intl_travelers_list_item:before {
    display: none; }

.mod_intl_traveler {
  margin: -0.33333em 0 -0.4em 0; }

.mod_intl_traveler_discounts {
  clear: left;
  display: block; }
  @media all and (min-width: 40.1875em) {
    .mod_intl_traveler_discounts {
      clear: none;
      float: right; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
@media all and (max-width: 40.1775em) {
  .var_edit_travelers {
    width: 100%; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_dates_summation {
  *zoom: 1;
  position: relative; }
  .mod_dates_summation:before, .mod_dates_summation:after {
    content: '';
    display: table; }
  .mod_dates_summation:after {
    clear: both; }
  @media all and (max-width: 40.1775em) {
    .mod_checkout_summary .mod_dates_summation {
      margin-left: 0;
      margin-right: 0;
      border-top: 0; } }
  @media all and (max-width: 40.1775em) {
    .mod_dates_summation {
      margin-left: -1.6em;
      margin-right: -1.6em; } }
  .mod_dates_summation.is_fixed {
    position: fixed; }
  .mod_dates_summation_box {
    margin: 0;
    padding: 1.6em 1.6em;
    border-top: 1px solid #DCDCDC; }
    @media all and (min-width: 40.1875em) {
      .mod_dates_summation_box {
        border: 1px solid #DCDCDC;
        border-bottom: 0;
        padding: 1.6em; } }
    .mod_dates_summation_box:last-of-type {
      border-bottom: 1px solid #DCDCDC; }
    .mod_checkout_summary .mod_dates_summation_box:first-of-type {
      border-top: 0; }
    .mod_dates_summation_box_title {
      display: inline-block;
      width: 100%;
      font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 1.33333em;
      line-height: 1.4;
      margin-top: 0;
      margin-bottom: 1.2em;
      font-size: 1.33333em;
      line-height: 1.5;
      margin: 0 0 0.4em 0; }
      @media all and (min-width: 40.1875em) {
        .mod_dates_summation_box_title {
          margin-bottom: 1.14286em;
          font-size: 1.4em; } }
      @media all and (min-width: 160.0625em) {
        .mod_dates_summation_box_title {
          font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
    .mod_dates_summation_box_travelclass {
      display: block;
      margin-top: 0;
      color: #666666;
      font-size: 0.86667em; }
    .mod_dates_summation_box_route {
      display: inline-block;
      width: 100%;
      font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 1em;
      line-height: 1.7;
      margin-top: 0;
      margin-bottom: 0.8em;
      line-height: 1.5;
      margin: 0; }
      @media all and (min-width: 160.0625em) {
        .mod_dates_summation_box_route {
          font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
    .mod_dates_summation_box_ticket {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      margin: 1.33333em 0 0; }
      @media all and (min-width: 40.1875em) {
        .mod_dates_summation_box_ticket {
          margin: 0.66667em 0 0; } }
      .mod_dates_summation_box_ticket_name, .mod_dates_summation_box_ticket_date {
        -webkit-box-flex: 1;
            -ms-flex: 1 100%;
                flex: 1 100%; }
      .mod_dates_summation_box_ticket_validity {
        -webkit-box-flex: 1;
            -ms-flex: 1 3 65%;
                flex: 1 3 65%; }
      .mod_dates_summation_box_ticket_price {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        -ms-flex-item-align: end;
            align-self: flex-end;
        text-align: right; }
      .mod_dates_summation_box_ticket_date, .mod_dates_summation_box_ticket_validity, .mod_dates_summation_box_ticket_price {
        color: #666666;
        font-size: 0.86667em; }
  .mod_dates_summation_mobileheader {
    margin: 0;
    font-size: 1.6em;
    padding: 1.375em 1em 1.45833em 1em; }
    @media all and (min-width: 40.1875em) {
      .mod_dates_summation_mobileheader {
        padding-left: 0;
        padding-right: 0; } }
    @media all and (min-width: 64.0625em) {
      .mod_dates_summation_mobileheader {
        display: none; } }
  .mod_dates_summation .mod_svgsprite_icon.var_one_way {
    float: none;
    position: relative;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    margin: -0.53333em 0 -0.26667em 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_ws_toggle_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  @media all and (max-width: 40.1775em) {
    .mod_ws_toggle_buttons {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.mod_ws_toggle_buttons_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .mod_ws_toggle_buttons_wrapper:first-child:nth-last-child(2),
  .mod_ws_toggle_buttons_wrapper:first-child:nth-last-child(2) ~ .mod_ws_toggle_buttons_wrapper {
    width: 50%; }
    @media all and (max-width: 40.1775em) {
      .mod_ws_toggle_buttons_wrapper:first-child:nth-last-child(2),
      .mod_ws_toggle_buttons_wrapper:first-child:nth-last-child(2) ~ .mod_ws_toggle_buttons_wrapper {
        width: 100%; } }
  .mod_ws_toggle_buttons_wrapper:nth-child(2) {
    margin-left: 2.13333em; }
    @media all and (max-width: 40.1775em) {
      .mod_ws_toggle_buttons_wrapper:nth-child(2) {
        margin-left: 0;
        margin-top: 2.13333em; } }

.mod_ws_toggle_button {
  *zoom: 1;
  position: relative;
  width: 50%; }
  .mod_ws_toggle_button:before, .mod_ws_toggle_button:after {
    content: '';
    display: table; }
  .mod_ws_toggle_button:after {
    clear: both; }
  .mod_ws_toggle_button_input {
    position: absolute;
    width: 100%;
    height: 4.2em;
    opacity: 0; }
  .mod_ws_toggle_button_label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    width: 100%;
    height: 4.2em;
    padding: 0 0.53333em;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    border-radius: 0.13333em;
    color: #666666;
    line-height: 1.3;
    -webkit-transition: background .25s ease-in, border-color .15s ease-out, border-radius .15s ease-out;
    transition: background .25s ease-in, border-color .15s ease-out, border-radius .15s ease-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .mod_ws_toggle_button_label.var_column {
      text-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .mod_ws_toggle_button_label .mod_svgsprite_icon {
      fill: currentColor; }
  .mod_ws_toggle_button.has_content .mod_ws_toggle_button_label:after {
    position: absolute;
    z-index: 3;
    content: '';
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    opacity: 1;
    background: #F6F6F6;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out; }
  .mod_ws_toggle_button_additional_label {
    font-size: 0.86667em;
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
    max-height: 1.69231em;
    -webkit-transition: max-height .25s ease, opacity .15s .1s ease, -webkit-transform .15s .1s ease;
    transition: max-height .25s ease, opacity .15s .1s ease, -webkit-transform .15s .1s ease;
    transition: transform .15s .1s ease, max-height .25s ease, opacity .15s .1s ease;
    transition: transform .15s .1s ease, max-height .25s ease, opacity .15s .1s ease, -webkit-transform .15s .1s ease; }
  .mod_ws_toggle_button_content {
    visibility: hidden;
    width: 200%;
    max-height: 0;
    padding: 0 1.6em;
    opacity: 0;
    border: 1px solid #FFFFFF;
    border-radius: 0.13333em;
    -webkit-transition: max-height .15s ease-in, padding .25s ease-out, margin-top .25s ease-out, border-color .25s ease-out, opacity .25s ease-out, visibility 0s ease .25s;
    transition: max-height .15s ease-in, padding .25s ease-out, margin-top .25s ease-out, border-color .25s ease-out, opacity .25s ease-out, visibility 0s ease .25s;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .mod_ws_toggle_button:last-of-type .mod_ws_toggle_button_content {
    float: right; }
  .mod_ws_toggle_button .var_return_icon {
    display: inline-block;
    width: 2.06667em;
    height: 2.06667em;
    margin-right: 0.53333em; }
  .mod_ws_toggle_button_input:checked + .mod_ws_toggle_button_label {
    background: #FFFFFF;
    border-color: #000000;
    color: #000000; }
    .mod_ws_toggle_button_input:checked + .mod_ws_toggle_button_label .mod_ws_toggle_button_additional_label {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
      -webkit-transition: max-height .25s ease, opacity .15s ease, -webkit-transform .15s ease;
      transition: max-height .25s ease, opacity .15s ease, -webkit-transform .15s ease;
      transition: transform .15s ease, max-height .25s ease, opacity .15s ease;
      transition: transform .15s ease, max-height .25s ease, opacity .15s ease, -webkit-transform .15s ease; }
  .mod_ws_toggle_button_input:checked ~ .mod_ws_toggle_button_content {
    visibility: visible;
    position: relative;
    z-index: 2;
    max-height: 66.66667em;
    margin-top: -1px;
    padding: 1.6em 1.6em 0.53333em 1.6em;
    opacity: 1;
    border-color: #000000;
    -webkit-transition: max-height .15s ease-in, padding .25s ease-out, margin-top .25s ease-out, border-color .25s ease-out, opacity .25s ease-out, visibility 0s ease 0s;
    transition: max-height .15s ease-in, padding .25s ease-out, margin-top .25s ease-out, border-color .25s ease-out, opacity .25s ease-out, visibility 0s ease 0s; }
    .mod_ws_toggle_button_input:checked ~ .mod_ws_toggle_button_content .mod_datepicker,
    .mod_ws_toggle_button_input:checked ~ .mod_ws_toggle_button_content .mod_textfield {
      margin-bottom: 1.06667em; }
  .mod_ws_toggle_button:first-child .mod_ws_toggle_button_content {
    border-top-right-radius: 0; }
  .mod_ws_toggle_button:last-child .mod_ws_toggle_button_content {
    border-top-right-radius: 0; }
  .mod_ws_toggle_button.has_content .mod_ws_toggle_button_input:checked + .mod_ws_toggle_button_label {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-color: rgba(0, 0, 0, 0); }
  .mod_ws_toggle_button .mod_combo {
    margin-bottom: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_connection_returntrip {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%; }
  .mod_connection_returntrip .mod_fieldset_controls {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.mod_connection_returntrip_summary {
  background: #F6F6F6;
  color: #666666;
  padding: 1.4em 1.66667em;
  margin-bottom: 1em; }

.mod_connection_returntrip_description {
  font-size: 0.93333em; }

@media all and (min-width: 40.1875em) {
  .mod_connection_returntrip_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.mod_connection_returntrip_actions .mod_connection_returntrip_cta {
  margin-top: 0.66667em; }
  @media all and (min-width: 40.1875em) {
    .mod_connection_returntrip_actions .mod_connection_returntrip_cta {
      margin-right: 0.53333em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_checkout_summary {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: top;
  contain: none; }
  @media all and (max-width: 40.1775em) {
    .mod_checkout_summary {
      margin: 0 -1.6em; } }
  .mod_checkout_summary_box {
    position: relative;
    margin: 0;
    padding: 1.6em 1.6em;
    border-top: 1px solid #DCDCDC;
    border-bottom: 0; }
    .mod_checkout_summary_box:not(:last-of-type) {
      border-bottom: 0; }
    .mod_checkout_summary_box:last-of-type {
      border-top: 0; }
    @media all and (min-width: 40.1875em) {
      .mod_checkout_summary_box {
        border: 1px solid #DCDCDC; } }
    @media all and (min-width: 64.0625em) {
      .mod_checkout_summary_box {
        padding: 1.6em 1.46667em; }
        .mod_checkout_summary_box:last-of-type {
          border-top: 0; } }
    .mod_checkout_summary_box:first-of-type {
      border-bottom: 1px solid #DCDCDC; }
    .mod_checkout_summary_box_title {
      display: block;
      font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.33333em;
      margin: 0;
      padding-right: 2.4em; }
    .mod_checkout_summary_box_sumtitle {
      margin: 0 0 1.2381em; }
      .mod_checkout_summary_box_sumtitle_price {
        float: right; }
    .mod_checkout_summary_box_subtitle {
      display: block;
      margin-top: 0;
      color: #666666;
      font-size: 0.86667em; }
    .mod_checkout_summary_box_sum {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .mod_checkout_summary_box_sum_label {
        width: auto;
        -webkit-box-flex: 1;
            -ms-flex: 1 3 auto;
                flex: 1 3 auto;
        margin: 0;
        font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: normal; }
      .mod_checkout_summary_box_sum_value {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        margin-top: 0;
        text-align: right; }
    .mod_checkout_summary_box_link {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      background: none;
      text-align: left; }
      .mod_checkout_summary_box_link_open, .mod_checkout_summary_box_link_close {
        position: absolute;
        top: 50%;
        right: 1.2em;
        width: 1.2em;
        height: 1.2em;
        margin-top: -0.5em;
        border: 1px solid #A8A8A8;
        border-radius: 60%;
        -webkit-transition: border-color 300ms ease-out;
        transition: border-color 300ms ease-out;
        -webkit-transform: rotate(360deg); }
        @media all and (min-width: 40.1875em) {
          .mod_checkout_summary_box_link_open, .mod_checkout_summary_box_link_close {
            right: 2.4em;
            width: 1.6em;
            height: 1.6em;
            margin-top: -0.8em; } }
        @media all and (min-width: 64.0625em) {
          .mod_checkout_summary_box_link_open, .mod_checkout_summary_box_link_close {
            right: 1.6em; } }
        .mod_checkout_summary_box_link_open .mod_svgsprite_icon, .mod_checkout_summary_box_link_close .mod_svgsprite_icon {
          width: 0.8em;
          height: 0.8em;
          margin: 0.15em 0 0 0.15em;
          fill: #666666;
          -webkit-transition: fill 300ms ease-out;
          transition: fill 300ms ease-out; }
          @media screen and (-ms-high-contrast: active) {
            .mod_checkout_summary_box_link_open .mod_svgsprite_icon, .mod_checkout_summary_box_link_close .mod_svgsprite_icon {
              fill: windowText; } }
          @media all and (min-width: 40.1875em) {
            .mod_checkout_summary_box_link_open .mod_svgsprite_icon, .mod_checkout_summary_box_link_close .mod_svgsprite_icon {
              width: 1.2em;
              height: 1.2em; } }
        .mod_checkout_summary_box_link_open_text, .mod_checkout_summary_box_link_close_text {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          -webkit-clip-path: inset(0 0 0 0);
                  clip-path: inset(0 0 0 0);
          margin: -1px;
          padding: 0;
          border: 0; }
      .is_open .mod_checkout_summary_box_link_open {
        display: none; }
      .mod_checkout_summary_box_link_close {
        display: none; }
        .is_open .mod_checkout_summary_box_link_close {
          display: block; }
      .mod_checkout_summary_box_link_open, .mod_checkout_summary_box_link_close {
        position: relative;
        right: auto;
        top: auto;
        display: block;
        margin: 0; }
      .mod_checkout_summary_box_link_close {
        display: none; }
  .mod_checkout_summary_summation {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: height;
    contain: none; }
    @media all and (max-width: 64.0525em) {
      .mod_checkout_summary_summation .mod_dates_summation_box:last-of-type {
        border-bottom: 0; } }
    @media all and (max-width: 64.0525em) {
      .mod_checkout_summary_summation {
        height: 0; } }
  .mod_checkout_summary_section {
    margin-bottom: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background: #FFFFFF; }
    @media all and (min-width: 40.1875em) {
      .mod_checkout_summary_section {
        margin-bottom: 0.53333em; } }
    .mod_checkout_summary_section:last-of-type {
      border-bottom: 1px solid #DCDCDC; }
      @media all and (min-width: 40.1875em) {
        .mod_checkout_summary_section:last-of-type {
          border-bottom: 0; } }
    .mod_checkout_summary_section.is_expanded .mod_checkout_summary_box:last-of-type {
      border-top: 1px solid #DCDCDC; }
    .mod_checkout_summary_section.is_expanded .mod_checkout_summary_box_link_open {
      display: none; }
    .mod_checkout_summary_section.is_expanded .mod_checkout_summary_box_link_close {
      display: block; }
    .mod_checkout_summary_section.is_fixed {
      position: fixed; }
    .mod_checkout_summary_section.is_set .mod_dates_summation {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
    .mod_checkout_summary_section.is_scrolled .mod_checkout_summary_buttons {
      -webkit-transform: translateY(-50%) scale(1);
              transform: translateY(-50%) scale(1); }
  .mod_checkout_summary_mobileheader {
    margin: 0;
    padding: 1.375em 1em 1.45833em 1em;
    font-size: 1.6em; }
    @media all and (min-width: 40.1875em) {
      .mod_checkout_summary_mobileheader:first-child {
        padding-top: 2em; } }
    @media all and (min-width: 64.0625em) {
      .mod_checkout_summary_mobileheader:first-child {
        padding-top: 0; } }
    @media all and (min-width: 40.1875em) {
      .mod_checkout_summary_mobileheader {
        padding-left: 0;
        padding-right: 0; } }
    @media all and (min-width: 64.0625em) {
      .mod_checkout_summary_mobileheader {
        display: none; } }
  .mod_checkout_summary_toggle_wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    background: transparent;
    display: none;
    height: 4.8em;
    width: 100%;
    z-index: 9;
    -webkit-transition: background 250ms ease-in;
    transition: background 250ms ease-in; }
    .mod_checkout_summary_toggle_wrapper.is_visible {
      background: #FFFFFF; }
    @media all and (min-width: 40.1875em) {
      .mod_checkout_summary_toggle_wrapper {
        height: 6.4em; } }
    .mod_checkout_summary_toggle_wrapper_button {
      position: absolute;
      bottom: 0.8em;
      right: 0.8em;
      display: block;
      width: 3.2em;
      height: 3.2em;
      padding: 0;
      background: #EB0000;
      border-radius: 60%;
      -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
      text-align: center; }
      @media all and (min-width: 40.1875em) {
        .mod_checkout_summary_toggle_wrapper_button {
          bottom: 1.6em;
          right: 1.6em; } }
      .mod_checkout_summary_toggle_wrapper_button .mod_svgsprite_icon {
        fill: #FFFFFF;
        float: none;
        vertical-align: bottom; }
  .mod_checkout_summary_buttons {
    position: absolute;
    top: 50%;
    right: 1.2em;
    display: inline-block;
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms; }
    @media all and (min-width: 64.0625em) {
      .mod_checkout_summary_buttons {
        -webkit-transform: translateY(-50%) scale(0);
                transform: translateY(-50%) scale(0); } }
  .mod_checkout_summary .mod_svgsprite_icon.var_one_way {
    float: none;
    vertical-align: middle; }
  .mod_checkout_summary .text__primarybutton {
    max-width: none;
    width: 100%; }
  .mod_checkout_summary.is_fixed {
    position: fixed;
    -webkit-overflow-scrolling: touch; }
  .mod_checkout_summary.var_has_mobile_version {
    top: 3.26667em; }
    @media all and (min-width: 40.1875em) {
      .mod_checkout_summary.var_has_mobile_version {
        top: 4.33333em; } }
    @media all and (min-width: 64.0625em) {
      .mod_checkout_summary.var_has_mobile_version {
        top: auto; } }
    @media all and (max-width: 64.0525em) {
      .mod_checkout_summary.var_has_mobile_version {
        position: fixed;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        width: 100%;
        height: 100%;
        z-index: 8;
        background: rgba(0, 0, 0, 0.4);
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 250ms ease-in, visibility 0s ease 250ms, -webkit-transform 250ms ease-in;
        transition: opacity 250ms ease-in, visibility 0s ease 250ms, -webkit-transform 250ms ease-in;
        transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0s ease 250ms;
        transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0s ease 250ms, -webkit-transform 250ms ease-in; } }
    @media all and (max-width: 64.0525em) {
      .mod_checkout_summary.var_has_mobile_version.is_expanded {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 250ms ease-in, visibility 0s ease 0s, -webkit-transform 250ms ease-in;
        transition: opacity 250ms ease-in, visibility 0s ease 0s, -webkit-transform 250ms ease-in;
        transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0s ease 0s;
        transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0s ease 0s, -webkit-transform 250ms ease-in; } }
    @media all and (max-width: 64.0525em) {
      .mod_checkout_summary.var_has_mobile_version .mod_checkout_summary_section {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%; }
        .mod_checkout_summary.var_has_mobile_version .mod_checkout_summary_section:nth-of-type(odd) {
          padding: 0 0.8em 0 1.6em; }
        .mod_checkout_summary.var_has_mobile_version .mod_checkout_summary_section:nth-of-type(even) {
          padding: 0 1.6em 0 0.8em; } }
    .mod_checkout_summary.var_has_mobile_version + .mod_checkout_summary_toggle_wrapper {
      display: block; }
      @media all and (min-width: 64.0625em) {
        .mod_checkout_summary.var_has_mobile_version + .mod_checkout_summary_toggle_wrapper {
          display: none; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_webshop_checkbox_radio_panel_wrapper {
  width: 100%; }

.mod_webshop_checkbox_radio_panel_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.2em -0.53333em -0.2em; }
  .mod_webshop_checkbox_radio_panel_list.var_full_radios {
    margin-left: 0;
    margin-right: 0; }

.mod_webshop_checkbox_radio_panel_list:not(.var_no_bottom_margin) {
  margin: 0 -0.2em 0.53333em -0.2em; }
  @media all and (min-width: 40.1875em) {
    .mod_webshop_checkbox_radio_panel_list:not(.var_no_bottom_margin) {
      margin-bottom: 1.06667em; } }

.mod_webshop_checkbox_radio_panel_list ~ .mod_webshop_checkbox_radio_panel_list_complementary_buttons {
  clear: both;
  margin-bottom: 1.06667em; }
  @media all and (min-width: 40.1875em) {
    .mod_webshop_checkbox_radio_panel_list ~ .mod_webshop_checkbox_radio_panel_list_complementary_buttons {
      margin-top: -0.53333em; } }

.mod_webshop_checkbox_radio_panel_list_complementary_button {
  position: relative;
  min-width: 0;
  max-width: none;
  margin-bottom: -0.53333em !important;
  margin-right: 1.6em !important;
  padding-right: 2em; }
  .mod_webshop_checkbox_radio_panel_list_complementary_button.is_hidden {
    display: none; }

.mod_webshop_checkbox_radio_panel_list_complementary_button .var_button_icon {
  width: 1.2em;
  height: 1.2em;
  margin-left: 0.8em;
  margin-top: 0.2em;
  border-radius: 0.13333em;
  fill: #FFFFFF;
  background-color: #666666;
  -webkit-transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.mod_webshop_checkbox_radio_panel_list_complementary_button:hover .var_button_icon {
  -webkit-transform: none;
          transform: none;
  fill: #FFFFFF;
  background-color: #EB0000; }

.mod_webshop_checkbox_radio_panel_list_complementary_button.button_select_deselect_all:before {
  content: '';
  display: block;
  position: absolute;
  top: 1.06667em;
  right: 0em;
  width: 1.2em;
  height: 1.2em;
  border: 0.06667em solid #A8A8A8;
  border-radius: 50%;
  -webkit-transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: background-color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.mod_webshop_checkbox_radio_panel_list_complementary_button.button_select_deselect_all:hover:before {
  border-color: #EB0000; }

.mod_webshop_checkbox_radio_panel_list_complementary_button:hover .var_deselect_all,
.mod_webshop_checkbox_radio_panel_list_complementary_button:hover .var_select_all {
  -webkit-transform: none;
          transform: none; }

.mod_webshop_checkbox_radio_panel_list_complementary_button .var_select_all,
.mod_webshop_checkbox_radio_panel_list_complementary_button .var_deselect_all {
  position: absolute;
  top: 1.13333em;
  right: 0.06667em;
  width: 1.06667em;
  height: 1.06667em; }

.mod_webshop_checkbox_radio_panel_item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-bottom: 0.53333em; }
  @media all and (max-width: 40.1775em) {
    .mod_webshop_checkbox_radio_panel_item {
      max-width: 100%; } }
  .var_full_radios .mod_webshop_checkbox_radio_panel_item {
    margin: -1.06667em 0 1.6em 0; }
    .var_full_radios .mod_webshop_checkbox_radio_panel_item:first-child {
      margin-top: 0; }
  .mod_webshop_checkbox_radio_panel_item_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.46667em 1.6em;
    border: 0.06667em solid #000000;
    border-radius: 0.13333em;
    background-color: #F6F6F6;
    -webkit-transition: background-color .1s ease-in;
    transition: background-color .1s ease-in; }
    .mod_webshop_checkbox_radio_panel_item_header .mod_radio_checkbox_wrapper {
      margin-right: 0;
      padding-right: 0; }
    .is_disabled .mod_webshop_checkbox_radio_panel_item_header {
      background-color: #FCFCFC; }
    .is_checked .mod_webshop_checkbox_radio_panel_item_header {
      background-color: #FFFFFF; }
    .var_invert .mod_webshop_checkbox_radio_panel_item_header {
      background-color: #FFFFFF; }
  .mod_webshop_checkbox_radio_panel_item_control {
    width: 1.33333em;
    margin-right: 0.8em;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .mod_webshop_checkbox_radio_panel_item_inner_wrapper {
    *zoom: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -0.2em 0 -0.6em 0;
    width: calc(100% - 2.13333em); }
    .mod_webshop_checkbox_radio_panel_item_inner_wrapper:before, .mod_webshop_checkbox_radio_panel_item_inner_wrapper:after {
      content: '';
      display: table; }
    .mod_webshop_checkbox_radio_panel_item_inner_wrapper:after {
      clear: both; }
    @media all and (min-width: 40.1875em) {
      .mod_webshop_checkbox_radio_panel_item_inner_wrapper {
        margin-bottom: -0.2em; } }
    .var_cc_list .mod_webshop_checkbox_radio_panel_item_inner_wrapper {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .mod_webshop_checkbox_radio_panel_item_card {
    float: left;
    width: 3.2em;
    height: 2em;
    margin-right: 1.6em;
    margin-top: -0.26667em;
    margin-bottom: 0.53333em;
    background: #FFFFFF;
    border-radius: 0.13333em; }
    @media all and (min-width: 40.1875em) {
      .mod_webshop_checkbox_radio_panel_item_card {
        margin-bottom: -0.13333em; } }
    .mod_webshop_checkbox_radio_panel_item_card img {
      width: 100%;
      height: 100%; }
    .var_cc_list .mod_webshop_checkbox_radio_panel_item_card {
      margin-right: 0; }
  .mod_webshop_checkbox_radio_panel_item_container {
    padding-top: 0;
    padding-right: 0.53333em;
    margin-bottom: 0.53333em; }
    @media all and (min-width: 40.1875em) {
      .mod_webshop_checkbox_radio_panel_item_container {
        margin: 0; } }
    @media all and (max-width: 40.1775em) {
      .mod_webshop_checkbox_radio_panel_item_container:first-child {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; } }
    @media all and (min-width: 40.1875em) {
      .mod_webshop_checkbox_radio_panel_item_container:first-child {
        min-width: 50%;
        width: auto; } }
    @media all and (min-width: 64.0625em) {
      .mod_webshop_checkbox_radio_panel_item_container:first-child {
        width: 50%;
        min-width: 0; } }
    .mod_webshop_checkbox_radio_panel_item_container:first-child:only-of-type {
      width: auto;
      max-width: none;
      padding-right: 0;
      margin-bottom: -0.33333em; }
      .var_means_of_transportation_list .mod_webshop_checkbox_radio_panel_item_container:first-child:only-of-type {
        width: 100%;
        max-width: 100%; }
    .mod_webshop_checkbox_radio_panel_item_container.var_flex_container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; }
    .mod_webshop_checkbox_radio_panel_item_container.var_align_right {
      margin-left: auto;
      padding-right: 0; }
    .mod_webshop_checkbox_radio_panel_item_container.var_label_default {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 0.8em; }
    .mod_webshop_checkbox_radio_panel_item_container.var_special_message {
      padding-left: 1.6em;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      @media all and (max-width: 40.1775em) {
        .mod_webshop_checkbox_radio_panel_item_container.var_special_message {
          padding-left: 0;
          padding-right: 0;
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
    .var_means_of_transportation_list .mod_webshop_checkbox_radio_panel_item_container,
    .var_small_blocks .mod_webshop_checkbox_radio_panel_item_container {
      display: block; }
    .mod_webshop_checkbox_radio_panel_item_container .mod_tooltip {
      z-index: 1;
      vertical-align: initial; }
    .mod_webshop_checkbox_radio_panel_item_container.var_warning {
      padding: 0.53333em 0 0; }
  .mod_webshop_checkbox_radio_panel_item_content {
    color: #666666;
    -webkit-transition: color .1s ease-in;
    transition: color .1s ease-in; }
    @media all and (min-width: 64.0625em) {
      .mod_webshop_checkbox_radio_panel_item_content_textonly {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        width: 100%; } }
    .mod_webshop_checkbox_radio_panel_item_content_text {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: inline-block;
      width: calc(100% - 2em); }
    .mod_webshop_checkbox_radio_panel_item_content.var_subtitle {
      display: block;
      padding: 0.2em 0 0.13333em 0;
      font-size: 0.93333em; }
      .is_checked .mod_webshop_checkbox_radio_panel_item_content.var_subtitle {
        color: #666666; }
    .mod_webshop_checkbox_radio_panel_item_content.var_dark_title {
      color: #000000; }
    .mod_webshop_checkbox_radio_panel_item_content.var_padding_left {
      padding-left: 1.6em; }
    .mod_webshop_checkbox_radio_panel_item_content.var_padding_right {
      padding-right: 1.6em; }
    .is_checked .mod_webshop_checkbox_radio_panel_item_content {
      color: #000000; }
    .mod_webshop_checkbox_radio_panel_item_content .mod_svgsprite_icon {
      float: right;
      margin: 0.13333em 0 0 0.4em; }
    .mod_webshop_checkbox_radio_panel_item_content .mod_svgsprite_icon[class*="_oev"] {
      margin-top: 0.06667em; }
    .var_warning .mod_webshop_checkbox_radio_panel_item_content {
      color: #EB0000; }
  .mod_webshop_checkbox_radio_panel_item_button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    background: none;
    z-index: 1; }
    :not(.is_checked) .mod_webshop_checkbox_radio_panel_item_button .mod_svgsprite_icon {
      fill: #666666; }
      .is_checked :not(.is_checked) .mod_webshop_checkbox_radio_panel_item_button .mod_svgsprite_icon {
        fill: #000000; }
    :not(.is_checked) .mod_webshop_checkbox_radio_panel_item_button:hover .mod_svgsprite_icon, :not(.is_checked) .mod_webshop_checkbox_radio_panel_item_button:active .mod_svgsprite_icon {
      fill: #C60018; }
  .mod_webshop_checkbox_radio_panel_item.is_checked .mod_fieldset {
    display: block;
    opacity: 1;
    max-height: 66.66667em; }
  .mod_webshop_checkbox_radio_panel_item.is_hidden .mod_fieldset {
    display: none; }
  .mod_webshop_checkbox_radio_panel_item:not(.is_checked) .mod_webshop_checkbox_radio_panel_item_content .mod_svgsprite_icon[class*="_oev"],
  .mod_webshop_checkbox_radio_panel_item:not(.is_checked) .mod_webshop_checkbox_radio_panel_item_content .mod_svgsprite_icon[class*="_him"],
  .mod_webshop_checkbox_radio_panel_item:not(.is_checked) .mod_webshop_checkbox_radio_panel_item_content .mod_svgsprite_icon[class*="_realtime"] {
    background-color: #767676; }
  .var_cc_list .mod_webshop_checkbox_radio_panel_item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% / 2);
            flex: 1 1 calc(100% / 2);
    max-width: calc(100% / 2); }
    @media all and (min-width: 26.3125em) and (max-width: 40.1775em) {
      .var_cc_list .mod_webshop_checkbox_radio_panel_item {
        -ms-flex-preferred-size: calc(100% / 3.001);
            flex-basis: calc(100% / 3.001);
        max-width: calc(100% / 3.001); } }
    @media all and (min-width: 40.1875em) {
      .var_cc_list .mod_webshop_checkbox_radio_panel_item {
        -ms-flex-preferred-size: calc(100% / 4.001);
            flex-basis: calc(100% / 4.001);
        max-width: calc(100% / 4.001); } }
    @media all and (min-width: 58.75em) and (max-width: 64.0525em) {
      .var_cc_list .mod_webshop_checkbox_radio_panel_item {
        -ms-flex-preferred-size: calc(100% / 6.001);
            flex-basis: calc(100% / 6.001);
        max-width: calc(100% / 6.001); } }
    @media all and (min-width: 64.0625em) and (max-width: 90.0525em) {
      .var_cc_list .mod_webshop_checkbox_radio_panel_item {
        -ms-flex-preferred-size: calc(100% / 3.001);
            flex-basis: calc(100% / 3.001);
        max-width: calc(100% / 3.001); } }
    @media all and (min-width: 90.0625em) {
      .var_cc_list .mod_webshop_checkbox_radio_panel_item {
        -ms-flex-preferred-size: calc(100% / 6.001);
            flex-basis: calc(100% / 6.001);
        max-width: calc(100% / 6.001); } }
  @media all and (min-width: 48.0625em) {
    .var_means_of_transportation_list .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: calc(100% / 3);
          flex-basis: calc(100% / 3);
      max-width: calc(100% / 3); } }
  @media all and (min-width: 64.0625em) {
    .var_means_of_transportation_list .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%; } }
  .var_stretched_list .mod_webshop_checkbox_radio_panel_item {
    -ms-flex-item-align: stretch;
        align-self: stretch; }
    @media all and (min-width: 48.0625em) {
      .var_stretched_list .mod_webshop_checkbox_radio_panel_item {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        max-width: 50%; } }
    @media all and (min-width: 64.0625em) {
      .var_stretched_list .mod_webshop_checkbox_radio_panel_item {
        -ms-flex-preferred-size: calc(100% / 3);
            flex-basis: calc(100% / 3);
        max-width: calc(100% / 3); } }
    .var_stretched_list .mod_webshop_checkbox_radio_panel_item .mod_webshop_checkbox_radio_panel_item_header {
      height: 100%; }
  .var_half_list .mod_webshop_checkbox_radio_panel_item {
    -ms-flex-item-align: stretch;
        align-self: stretch; }
    @media all and (min-width: 48.0625em) {
      .var_half_list .mod_webshop_checkbox_radio_panel_item {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        max-width: 50%; } }
    .var_half_list .mod_webshop_checkbox_radio_panel_item .mod_webshop_checkbox_radio_panel_item_header {
      height: 100%; }
  @media all and (min-width: 48.0625em) {
    .var_cargo_weekdays .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: calc(100% / 4);
          flex-basis: calc(100% / 4);
      max-width: calc(100% / 4); } }
  @media all and (min-width: 64.0625em) {
    .var_cargo_weekdays .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: calc(100% / 7);
          flex-basis: calc(100% / 7);
      max-width: calc(100% / 7); } }
  @media all and (min-width: 48.0625em) {
    .var_cargo_quarter .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: calc(100% / 2);
          flex-basis: calc(100% / 2);
      max-width: calc(100% / 2); } }
  @media all and (min-width: 64.0625em) {
    .var_cargo_quarter .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%; } }
  @media all and (min-width: 48.0625em) {
    .var_cargo_half .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; } }
  @media all and (min-width: 64.0625em) {
    .var_cargo_half .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: calc(100% / 2);
          flex-basis: calc(100% / 2);
      max-width: calc(100% / 2); } }
  @media all and (min-width: 48.0625em) {
    .var_small_blocks .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      max-width: 50%; } }
  @media all and (min-width: 64.0625em) {
    .var_small_blocks .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%; } }
  @media all and (min-width: 48.0625em) {
    .var_medium_blocks .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      max-width: 50%; } }
  @media all and (min-width: 40.1875em) {
    .var_change .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: calc(100% / 3);
          flex-basis: calc(100% / 3);
      max-width: calc(100% / 3); } }
  @media all and (min-width: 64.0625em) {
    .var_change .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
      max-width: 20%; } }
  @media all and (min-width: 40.1875em) {
    .var_weekdays .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%; } }
  @media all and (min-width: 64.0625em) {
    .var_weekdays .mod_webshop_checkbox_radio_panel_item {
      -ms-flex-preferred-size: calc(100% / 7);
          flex-basis: calc(100% / 7);
      max-width: calc(100% / 7); } }
  .mod_webshop_checkbox_radio_panel_item .mod_fieldset {
    position: relative;
    padding: 1.33333em 1.6em 0 1.6em !important;
    border-top: 0.06667rem solid #DCDCDC !important;
    opacity: 0;
    max-height: 0;
    z-index: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: max-height .15s ease-in, padding .25s ease-out, margin-top .25s ease-out, opacity .25s ease-out;
    transition: max-height .15s ease-in, padding .25s ease-out, margin-top .25s ease-out, opacity .25s ease-out; }
  .mod_webshop_checkbox_radio_panel_item .mod_radio_checkbox_wrapper {
    position: static; }
  .mod_webshop_checkbox_radio_panel_item .radio_checkboxes_containing_radio_checkboxes .mod_radio_checkbox_wrapper {
    position: relative; }
  .mod_webshop_checkbox_radio_panel_item .mod_radio_checkbox_control {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer; }
  .mod_webshop_checkbox_radio_panel_item .mod_radio_checkbox_control:disabled {
    cursor: default; }
  .mod_webshop_checkbox_radio_panel_item .mod_radio_checkbox_styled {
    margin-top: 0; }
  .mod_webshop_checkbox_radio_panel_item .mod_tooltip {
    vertical-align: middle;
    margin-bottom: 0; }

.mod_webshop_checkbox_radio_panel_list.var_full_radios .mod_webshop_checkbox_radio_panel_item_header {
  border: 0; }

.mod_webshop_checkbox_radio_panel_list.var_full_radios .mod_webshop_checkbox_radio_panel_item {
  -webkit-transition: border-color .25s ease-out;
  transition: border-color .25s ease-out;
  border: 0.06667em solid #F6F6F6; }

.mod_webshop_checkbox_radio_panel_list.var_full_radios .mod_webshop_checkbox_radio_panel_item.is_checked {
  -webkit-transition: border-color .15s ease-in-out;
  transition: border-color .15s ease-in-out;
  border-color: #000000; }

.mod_webshop_checkbox_radio_panel_list.var_full_radios .mod_webshop_checkbox_radio_panel_item.is_disabled {
  border-color: #FCFCFC; }
  .page_infoportal .mod_webshop_checkbox_radio_panel_list.var_full_radios .mod_webshop_checkbox_radio_panel_item.is_disabled {
    border-color: #E5E5E5; }

.mod_webshop_checkbox_radio_panel_list:not(.var_full_radios) .mod_webshop_checkbox_radio_panel_item_header {
  margin: 0 0.2em;
  -webkit-transition: border-color .15s ease-in-out;
  transition: border-color .15s ease-in-out;
  border: 1px solid #F6F6F6; }

.mod_webshop_checkbox_radio_panel_list:not(.var_full_radios) .mod_webshop_checkbox_radio_panel_item.is_checked .mod_webshop_checkbox_radio_panel_item_header {
  border-color: #000000; }

.mod_webshop_checkbox_radio_panel_list:not(.var_full_radios) .mod_webshop_checkbox_radio_panel_item.is_disabled .mod_webshop_checkbox_radio_panel_item_header {
  border-color: #FCFCFC; }
  .page_infoportal .mod_webshop_checkbox_radio_panel_list:not(.var_full_radios) .mod_webshop_checkbox_radio_panel_item.is_disabled .mod_webshop_checkbox_radio_panel_item_header {
    border-color: #E5E5E5; }
  .mod_webshop_checkbox_radio_panel_list:not(.var_full_radios) .mod_webshop_checkbox_radio_panel_item.is_disabled .mod_webshop_checkbox_radio_panel_item_header .mod_webshop_checkbox_radio_panel_item_content {
    color: #666666; }

.mod_webshop_checkbox_radio_panel_list .mod_radio_checkbox_wrapper.var_with_icons .mod_radio_checkbox_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.mod_webshop_checkbox_radio_panel_list .mod_radio_checkbox_wrapper.var_with_icons .mod_radio_checkbox_label .mod_svgsprite_icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.mod_webshop_checkbox_radio_panel_item_label_default {
  display: none;
  background: #767676;
  color: #FFFFFF;
  border-radius: 0.92308em;
  padding: 0.23077em 0.92308em 0.23077em;
  line-height: 1.5;
  font-size: 0.86667em;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  @media all and (max-width: 40.1775em) {
    .mod_webshop_checkbox_radio_panel_item_label_default {
      margin-left: -0.8em; } }

.mod_contract_selection:not(.is_changing_main_role) .is_main_role .mod_webshop_checkbox_radio_panel_item_label_default,
.is_changing_main_role .is_checked .mod_webshop_checkbox_radio_panel_item_label_default {
  display: inline-block; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_pageheader {
  position: relative;
  z-index: 1;
  padding-top: 3.2em; }
  .is_layout_overflow_hidden .mod_timetable_pageheader {
    z-index: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_pageheader {
      padding-top: 3.6em; } }
  .mod_timetable_pageheader .mod_pagesubtitle {
    border-bottom: none; }
  .mod_timetable_pageheader .mod_pagetitle {
    margin-top: 0; }
  .mod_timetable_pageheader:after {
    content: ' ';
    display: table; }
  .mod_adplacement.is_visible + .mod_timetable_pageheader {
    padding-top: 0; }

.mod_timetable_pageheader_wrapper {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, 1.33333em, 0);
          transform: translate3d(0, 1.33333em, 0);
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .mod_timetable_pageheader_wrapper.is_absolute {
    position: absolute;
    z-index: 0;
    top: 3.2em; }
    @media all and (min-width: 40.1875em) {
      .mod_timetable_pageheader_wrapper.is_absolute {
        top: 3.73333em; } }
  .mod_timetable_pageheader_wrapper.is_visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_extended_search {
  clear: left;
  margin-bottom: 3.73333em;
  margin-top: 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_extended_search {
      margin-bottom: 4.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_extended_search {
      margin-bottom: 6.4em; } }
  .mod_extended_search.var_hidden {
    display: none; }

@media all and (min-width: 40.1875em) {
  .mod_extended_search .var_timetable_extended_search .var_shop {
    margin: 0.53333em 0 3.2em 0; } }

@media all and (max-width: 64.0525em) {
  .var_timetable_extended_search .mod_fieldset.var_shop {
    margin-left: -1.6em;
    margin-right: -1.6em; } }

.var_timetable_extended_search .mod_fieldset.var_shop + .mod_fieldset {
  border-top: 0;
  padding-bottom: 0; }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .var_timetable_extended_search .mod_fieldset.var_shop + .mod_fieldset {
      margin-left: -1.6em;
      margin-right: -1.6em; } }
  @media all and (min-width: 40.1875em) {
    .var_timetable_extended_search .mod_fieldset.var_shop + .mod_fieldset {
      padding: 0; } }

.var_timetable_extended_search .mod_fieldset.var_shop + .mod_fieldset .mod_fieldset_controls {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .var_timetable_extended_search .mod_fieldset.var_shop + .mod_fieldset .mod_fieldset_controls:before, .var_timetable_extended_search .mod_fieldset.var_shop + .mod_fieldset .mod_fieldset_controls:after {
    display: none; }

@media all and (min-width: 64.0625em) {
  .mod_timetable_input_form.is_for_extended_search > .mod_form {
    max-width: 64em;
    margin: 0 auto; } }

.mod_timetable_input_form.is_for_extended_search .mod_timetable_input_form_via_wrapper {
  display: block;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  width: 100%;
  visibility: hidden; }

.mod_timetable_input_form.is_for_extended_search .mod_timetable_input_form_via_wrapper.is_via_wrapper_visible {
  height: auto;
  opacity: 1;
  visibility: visible; }

.mod_timetable_input_form.is_for_extended_search .mod_timetable_input_form_via_wrapper.is_via_wrapper_visible.fade_via_wrapper_out {
  opacity: 0; }

.mod_timetable_input_form.is_for_extended_search .mod_timetable_input_form_linkwrapper {
  display: none;
  visibility: hidden; }

.mod_timetable_input_form.is_for_extended_search .var_add_via {
  display: none; }

.mod_timetable_input_form.is_for_extended_search .var_add_via.via_button_visible {
  display: block; }

.mod_timetable_input_form.is_for_extended_search .mod_timetable_input_form_viawrapper {
  width: 0; }

.mod_timetable_input_form.is_for_extended_search .mod_timetable_input_form_via_wrapper .mod_timetable_input_form_viafield {
  visibility: hidden; }

.mod_timetable_input_form.is_for_extended_search .mod_timetable_input_form_via_wrapper.is_via_wrapper_visible .mod_timetable_input_form_viafield {
  visibility: visible; }

.mod_timetable_input_form.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
  clear: both;
  float: left;
  position: relative;
  padding-right: 0.53333em;
  width: calc(100% - 5.73333em - 3.06667em);
  max-width: calc(100% - 5.73333em - 3.06667em);
  -ms-flex-preferred-size: calc(100% - 5.73333em - 3.06667em);
      flex-basis: calc(100% - 5.73333em - 3.06667em); }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_input_form.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }
      html[lang^=de] .mod_timetable_input_form.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
        width: 60.72917%; }
      html[lang^=en] .mod_timetable_input_form.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
        width: 63.75%; }
      html[lang^=fr] .mod_timetable_input_form.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
        width: 57.39583%; }
      html[lang^=it] .mod_timetable_input_form.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
        width: 61.5625%; } }

.mod_timetable_input_form.is_via_opened.is_for_extended_search .mod_timepicker_via {
  float: left;
  display: block;
  width: 5.6em; }

.mod_timetable_input_form .mod_timetable_input_form_delete {
  float: right;
  position: relative;
  width: 2.93333em;
  height: 2.93333em;
  margin-top: 1.26667em;
  margin-right: -0.4em;
  padding: 0 0 0 0.66667em;
  text-align: center;
  background: none;
  cursor: pointer; }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_input_form .mod_timetable_input_form_delete {
      float: left;
      margin-left: 1.73333em;
      margin-right: 0; } }

.mod_timetable_input_form .is_via_wrapper_visible .mod_timetable_input_form_delete {
  display: block; }

.mod_timetable_input_form_delete .var_delete {
  fill: #666666;
  -webkit-transition: fill 300ms;
  transition: fill 300ms; }

.mod_timetable_input_form_delete:before {
  border: 1px solid #A8A8A8;
  content: '';
  width: 2.13333em;
  height: 2.13333em;
  border-radius: 1.06667em;
  position: absolute;
  top: 0.4em;
  left: 0.4em;
  -webkit-transition: border 300ms;
  transition: border 300ms; }

.mod_timetable_input_form_delete:hover .var_delete,
.mod_timetable_input_form_delete:focus .var_delete {
  fill: #C60018; }

.mod_timetable_input_form_delete:hover:before,
.mod_timetable_input_form_delete:focus:before {
  border-color: #C60018; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.layout_center .mod_local_search {
  margin-left: -1.6rem;
  margin-right: -1.6rem; }
  @media all and (min-width: 40.1875em) {
    .layout_center .mod_local_search {
      margin-left: -3.2rem;
      margin-right: -3.2rem; } }
  @media all and (min-width: 64.0625em) {
    .layout_center .mod_local_search {
      margin-left: 0;
      margin-right: 0; } }

@media all and (min-width: 20.0625em) and (max-width: 40.1775em) {
  .mod_local_search .mod_tabs_inner_wrapper {
    margin-left: 1.6em;
    margin-right: 1.6em; } }

.mod_local_search .mod_tabs_tabpanel.display_for_init {
  visibility: hidden; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_local_search_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media all and (min-width: 64.0625em) {
    .mod_local_search_content {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.mod_local_search_content .mod_map {
  height: 19em;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_local_search_content .mod_map {
      height: 38.8em; } }
  @media all and (min-width: 64.0625em) {
    .mod_local_search_content .mod_map {
      width: calc(100% - 21.33333em);
      margin-top: 1.73333em; } }

.mod_local_search_content_iframe_wrapper {
  max-width: 21.33333em;
  height: 38.8em;
  margin-top: 1.6em;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 21.33333em;
          flex: 1 1 21.33333em; }
  @media all and (min-width: 48.0625em) {
    .mod_local_search_content_iframe_wrapper {
      max-width: none;
      height: 18.66667em;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }
  @media all and (min-width: 64.0625em) {
    .mod_local_search_content_iframe_wrapper {
      height: 38.8em;
      margin-top: 0;
      margin-left: 1.06667em;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 21.33333em;
              flex: 0 0 21.33333em; } }

.mod_local_search_content_iframe_wrapper .mod_local_search_content_disclaimer {
  background: #FFFFFF;
  display: inline-block;
  color: #767676;
  margin-top: -2.36364em;
  padding: 0.27273em 0.72727em;
  font-size: 0.73333em;
  text-decoration: none;
  border: 0.09091em solid #DCDCDC;
  border-bottom: 0;
  border-top-left-radius: 0.18182em;
  border-top-right-radius: 0.18182em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.mod_local_search_content_iframe_wrapper .mod_iframes {
  height: 100%;
  margin: 0;
  padding: 1.46667em 0.06667em 0 0;
  border: 0.06667em solid #DCDCDC; }
  @media all and (min-width: 48.0625em) {
    .mod_local_search_content_iframe_wrapper .mod_iframes {
      padding-top: 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_local_search_content_iframe_wrapper .mod_iframes {
      padding-top: 1.46667em; } }

.mod_local_search_content_iframe_wrapper .mod_iframes .mod_iframes_iframe {
  height: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_footer {
  margin-top: 3.2em; }
  @media all and (min-width: 64.0625em) {
    .mod_footer {
      margin-top: 5.33333em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
:focus {
  outline: none; }

.ui-blockui-content {
  position: fixed !important;
  top: 46% !important;
  left: 0 !important;
  right: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important; }

.ui-widget-overlay {
  background: #ffffff;
  opacity: .60 !important;
  filter: Alpha(Opacity=60) !important; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.text_algin_center {
  text-align: center; }

.padding_bottom_16em {
  padding-bottom: 1.6em; }

.display_none {
  display: none; }

.text-message-invalid {
  color: #EB0000; }

.text__actionlink:not(:disabled):hover, .text__actionlink:not(:disabled):focus {
  padding-left: 2em;
  padding-right: 2.66667em;
  -webkit-transition: padding-left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: padding-left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .text__actionlink:not(:disabled):hover .mod_svgsprite_icon:first-of-type, .text__actionlink:not(:disabled):focus .mod_svgsprite_icon:first-of-type {
    opacity: .9999;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .text__actionlink:not(:disabled):hover .mod_svgsprite_icon:last-of-type, .text__actionlink:not(:disabled):focus .mod_svgsprite_icon:last-of-type {
    opacity: 0;
    -webkit-transform: translateX(1.73333em);
            transform: translateX(1.73333em); }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2018.
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2018.
 */
.page_centered .sbb_mod_ext.mod_contract_selection .mod_notification {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0; }

.sbb_mod_ext.mod_contract_selection .mod_fieldset.var_submit .mod_radio_checkbox {
  padding-right: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.text__secondarybutton:disabled {
  padding-right: 2.66667em;
  border: 1px solid #767676;
  text-decoration: line-through;
  opacity: 1;
  background: #FFFFFF;
  color: #666666; }
  .text__secondarybutton:disabled:after {
    content: ' ';
    display: inline-block; }
  .text__secondarybutton:disabled svg {
    visibility: collapse; }

.text__actionlink_button:not([disabled]) .mod_svgsprite_icon:first-of-type {
  margin-left: -2em;
  -webkit-transform: translateX(-1.73333em);
          transform: translateX(-1.73333em);
  opacity: 0; }

.text__actionlink_button:not([disabled]):hover, .text__actionlink_button:not([disabled]):focus {
  padding-left: 4.66667em;
  padding-right: 2.66667em;
  -webkit-transition: padding-left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: padding-left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .text__actionlink_button:not([disabled]):hover .mod_svgsprite_icon:first-of-type, .text__actionlink_button:not([disabled]):focus .mod_svgsprite_icon:first-of-type {
    opacity: .9999;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .text__actionlink_button:not([disabled]):hover .mod_svgsprite_icon:last-of-type, .text__actionlink_button:not([disabled]):focus .mod_svgsprite_icon:last-of-type {
    opacity: 0;
    -webkit-transform: translateX(1.73333em);
            transform: translateX(1.73333em); }

.text__primarybutton,
.text__secondarybutton {
  padding-left: 2.66667em;
  padding-right: 4.66667em;
  -webkit-transition: height 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: height 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .text__primarybutton:not([disabled]):hover, .text__primarybutton:not([disabled]):focus,
  .text__secondarybutton:not([disabled]):hover,
  .text__secondarybutton:not([disabled]):focus {
    padding-left: 4.66667em;
    padding-right: 2.66667em;
    -webkit-transition: padding-left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: padding-left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding-right 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .text__primarybutton:not([disabled]):hover .mod_svgsprite_icon:first-of-type, .text__primarybutton:not([disabled]):focus .mod_svgsprite_icon:first-of-type,
    .text__secondarybutton:not([disabled]):hover .mod_svgsprite_icon:first-of-type,
    .text__secondarybutton:not([disabled]):focus .mod_svgsprite_icon:first-of-type {
      opacity: .9999;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .text__primarybutton:not([disabled]):hover .mod_svgsprite_icon:last-of-type, .text__primarybutton:not([disabled]):focus .mod_svgsprite_icon:last-of-type,
    .text__secondarybutton:not([disabled]):hover .mod_svgsprite_icon:last-of-type,
    .text__secondarybutton:not([disabled]):focus .mod_svgsprite_icon:last-of-type {
      opacity: 0;
      -webkit-transform: translateX(1.73333em);
              transform: translateX(1.73333em); }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_journey_map_wrapper {
  margin-bottom: 0; }

.mod_journey_map {
  height: 28em; }
  @media all and (min-width: 40.1875em) {
    .mod_journey_map {
      height: 28em; } }
  @media all and (min-width: 64.0625em) {
    .mod_journey_map {
      height: 28em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_crosslinkteaser_above_footer {
  margin-bottom: -3.2em; }
  @media all and (min-width: 64.0625em) {
    .mod_crosslinkteaser_above_footer {
      margin-bottom: -5.33333em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_pagination {
  margin-bottom: 0.8em; }
  @media all and (min-width: 40.1875em) {
    .mod_pagination {
      margin-bottom: 1em; } }
  .mod_pagination_list {
    margin: auto; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2016.
 */
.mod_lightbox_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  @media (min-width: 64.0625em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .mod_lightbox_content {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  @media (min-width: 120em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .mod_lightbox_content {
      max-width: inherit; } }
  .mod_lightbox_content .mod_lightbox_grey_text {
    font-size: 0.86667em;
    line-height: 1.5;
    color: #666666; }
  .mod_lightbox_content iframe.iframeHafasMap {
    min-height: 830px; }

.mod_lightbox_content_container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
@media all and (min-width: 64.0625em) {
  .mod_pressrelease_pagination {
    margin-top: 0em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.mod_promo_code {
  margin-top: 2em;
  margin-bottom: 3em; }

.mod_webshop_panel_list.promo_code_linie {
  margin-top: 2.6em;
  margin-bottom: 2.2em; }
  @media all and (min-width: 40.1875em) {
    .mod_webshop_panel_list.promo_code_linie {
      margin-top: 3.6em; } }

@media all and (max-width: 20.0525em) {
  .mod_promo_code .mod_label {
    width: 100%; }
    .mod_promo_code .mod_label label {
      width: 100%;
      text-align: center; } }

@media all and (min-width: 40.1875em) {
  .katalogWrapper .mod_accordion {
    margin-left: 0;
    margin-right: 0; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_product_tree_message {
  margin: 1.1em 0 1.1em 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2016.
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2018.
 */
.mod_timetable_stage_info .var_SBB_realtime_alternative {
  margin-right: 0.8em;
  margin-top: 0.2em; }

.mod_svgsprite_icon.var_selbstkontrolle {
  float: none;
  vertical-align: bottom;
  height: 19px; }

.mod_timetable_traininfo_linklist {
  list-style-type: none; }

.mod_svgsprite_icon[class*="_walk"] {
  height: 1.6em !important; }

.mod_svgsprite_icon[class*="_product_re"] {
  border: none; }

.mod_timetable_stage_connection .mod_svgsprite_icon {
  margin-top: 0; }

.mod_timetable_stage_identification, .mod_timetable_stage_direction {
  padding-top: 0em;
  line-height: 1.5; }

.mod_timetable_stage_summary .mod_timetable_occupancy {
  padding-top: 0.05em; }

.mod_timetable_stage_symbols {
  margin-top: 0.25em; }

.mod_timetable_stage_traininfo {
  line-height: 1.5; }

.mod_svgsprite_icon[class*="SBB_service_wr"] {
  width: 1em;
  height: 1em; }

.mod_timetable_walk .var_walk {
  font-size: 1em; }

.checkin-icon {
  font-size: .85em; }

.checkin-text {
  font-size: .66em; }

.checkin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.checkin > * {
  margin-right: .5em; }

.mod_timetable_walk .mod_svgsprite_icon {
  font-size: 0.625em; }

.mod_timetable_walk.var_departure {
  padding-top: 1em; }

.mod_druckansicht_vertical_top .var_reservation .mod_svgsprite_icon {
  float: none; }

.mod_timetable_platform_changed {
  color: #EB0000; }

.mod_timetable_buy_disabled {
  margin-left: 1.46667em;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #F6F6F6;
  border: 1px solid #666666;
  color: #666666;
  padding: 0.8em;
  border-radius: 0.13333em;
  visibility: visible;
  -webkit-transition: opacity 300ms ease-in-out, visibility 0s linear 0s, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, visibility 0s linear 0s, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 0s linear 0s;
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 0s linear 0s, -webkit-transform 300ms ease-in-out; }
  @media (min-width: 730px) {
    .mod_timetable_buy_disabled {
      margin-left: 1.06667em;
      padding-left: 2.93333em;
      padding-right: 2.93333em; } }
  @media (min-width: 1500px) {
    .mod_timetable_buy_disabled {
      margin-left: 1.06667em;
      padding-left: 3.93333em;
      padding-right: 3.93333em; } }
  @media (min-width: 2561px) {
    .mod_timetable_buy_disabled {
      margin-left: 1.06667em;
      padding-left: 2.93333em;
      padding-right: 2.93333em; } }
  .mod_timetable_buy_disabled.is_hidden {
    opacity: 0;
    -webkit-transform: translateY(0.8em);
            transform: translateY(0.8em);
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 0s linear 300ms, -webkit-transform 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 0s linear 300ms, -webkit-transform 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 0s linear 300ms;
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 0s linear 300ms, -webkit-transform 300ms ease-in-out; }
  .mod_timetable_buy_disabled .mod_svgsprite_icon {
    float: right;
    fill: #666666; }
    @media (min-width: 1500px) and (max-width: 2561px) {
      .mod_timetable_buy_disabled .mod_svgsprite_icon {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        margin: -1px;
        padding: 0;
        border: 0; } }
    @media (min-width: 3841px) {
      .mod_timetable_buy_disabled .mod_svgsprite_icon {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        margin: -1px;
        padding: 0;
        border: 0; } }

.mod_SBB_prail_disabled {
  fill: #767676; }

.mod_notification.var_timetable_buy_disabled {
  padding: 1.2em; }

.mod_timetable_buy_disabled_full {
  background: #FFFFFF;
  color: #666666;
  border-color: #666666;
  width: 100%;
  margin-left: 0px;
  text-decoration: line-through; }

.mod_timetable .mod_timetable_header .sbb_mod_timetable_select_view {
  margin-top: 1em; }
  .mod_timetable .mod_timetable_header .sbb_mod_timetable_select_view .sbb_mod_ext.mod_select {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0; }

.mod_timetable .mod_timetable_header .sbb_mod_ext.mod_svgsprite_icon {
  pointer-events: none; }

.mod_timetable .sbb_mod_ext.mod_timetable_header_columns {
  padding-top: 0 !important; }

@media (min-width: 1580px) {
  .sbb_mod_timetable_not_returntrip .sbb_mod_ext.mod_timetable_header_cta {
    margin-top: 0 !important; }
  .sbb_mod_timetable_not_returntrip .sbb_mod_ext.previous-connections {
    bottom: -0.93333em !important; }
  .sbb_mod_timetable_not_returntrip .sbb_mod_timetable_select_view {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    margin-top: -2.26667em !important; }
    .sbb_mod_timetable_not_returntrip .sbb_mod_timetable_select_view .sbb_mod_ext.mod_select {
      margin: 0 !important; } }

.mod_timetable.var_wide.var_hide_expand_button .is_open .mod_accordion_item_link_close.var_timetable {
  display: block; }

@media (min-width: 1580px) {
  .mod_timetable.var_wide.var_hide_expand_button .is_closed .mod_accordion_item_link_open.var_timetable {
    display: block; } }

@media (max-width: 1579px) {
  .mod_timetable.var_wide.var_hide_expand_button .is_closed .mod_accordion_item_link_open.var_timetable {
    display: none; } }

.mod_timetable.var_wide.var_hide_expand_button .is_closed .mod_accordion_item_link_close.var_timetable,
.mod_timetable.var_wide.var_hide_expand_button .is_open .mod_accordion_item_link_open.var_timetable {
  display: none; }

.segment_outage {
  margin-bottom: 1.06667em; }

.mod_timetable_stage.var_extendedview .segment_outage, .mod_timetable_stage.var_fullview .segment_outage {
  display: none; }

.grecaptcha-badge {
  visibility: hidden; }

@media (min-width: 1500px) and (max-width: 1800px) {
  .mod_timetable.var_wide .mod_timetable_buy_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mod_timetable.var_wide .mod_timetable_buy_button_label {
    max-width: 7.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; } }

@media (max-width: 1580px) {
  .mod_timetable_buy_button.is_hidden {
    display: none; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_accordion_item.rueckfahrtAccordion {
  z-index: 1; }

.mod_message_kein_sparangebot {
  margin-top: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_details_empty {
  text-align: center;
  padding: 2em 0.6em !important; }

.mod_timetable_nbc_list_link .mod_svgsprite_icon[class*="_service"] {
  height: 1.6em; }

@media all and (min-width: 64.0625em) {
  .hinfahrtRueckfahrtWrapper .mod_webshop_checkbox_radio_panel_item_container:first-child {
    width: auto;
    min-width: 50%; }
  .hinfahrtRueckfahrtWrapper .city-zuschlag {
    width: auto; }
    .hinfahrtRueckfahrtWrapper .city-zuschlag:first-child {
      width: auto;
      min-width: 50%; } }

@media (max-width: 59.99em) {
  .mod_timetable_occupancy.prail-occupancy {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_timetable_environment_calculator {
  border-bottom: none; }
  .mod_timetable_environment_calculator_bordertop {
    border-top: 0.06667em solid #DCDCDC; }
  .mod_timetable_environment_calculator .mod_timetable_environment_calculator_more_link {
    color: #666666; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2016.
 */
.mod_timetable_legend {
  padding: 0.66667em 1.66667em; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_legend {
      padding: 1.2em 3.2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_legend {
      padding: 2.13333em 0; } }
  .mod_timetable_legend .mod_svgsprite_icon {
    float: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.6em;
            flex: 0 0 1.6em;
    margin-right: 0.4em; }

.mod_timetable_legend_title {
  font-size: 1em;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  border-bottom: none;
  line-height: 1.7; }
  .sg_module .mod_timetable_legend_title {
    border-bottom: none; }

.mod_timetable_legend_list {
  margin: 1.33333em 0;
  padding: 0; }
  .mod_timetable_legend_list:last-child {
    margin-bottom: 1.06667em; }

.mod_timetable_legend_item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 1.6em; }

.mod_timetable_legend_label {
  font-size: 0.86667em;
  color: #666666; }

.mod_timetable_legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mod_timetable_legend .mod_fake_icon {
    font-size: 1.06667em;
    color: #767676;
    font-weight: bold;
    text-align: center;
    margin-top: -0.13333em; }
  .mod_timetable_legend .mod_timetable_legend_title {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .mod_timetable_legend .mod_timetable_legend_list {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    .mod_timetable_legend .mod_timetable_legend_list.var_legend_two_column {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
      @media all and (min-width: 26.3125em) {
        .mod_timetable_legend .mod_timetable_legend_list.var_legend_two_column {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; } }
    .mod_timetable_legend .mod_timetable_legend_list .mod_timetable_legend_item.var_lastauslastung {
      margin-bottom: 1.33333em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2016.
 */
.mod_timetable_stage_symbols_item .mod_fake_icon {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.06667em;
  color: #767676;
  text-align: center;
  font-weight: bold;
  margin-top: -0.46667em; }

.mod_timetable_leg.var_start .mod_timetable_stage_barrierfree .mod_timetable_stage_direction, .mod_timetable_leg.var_end .mod_timetable_stage_barrierfree .mod_timetable_stage_direction, .mod_timetable_leg.var_stopover .mod_timetable_stage_barrierfree .mod_timetable_stage_direction {
  color: #767676; }

.mod_timetable_leg.var_start .mod_svgsprite_icon, .mod_timetable_leg.var_end .mod_svgsprite_icon, .mod_timetable_leg.var_stopover .mod_svgsprite_icon {
  fill: #767676; }

.mod_timetable_stage_alert:last-of-type.laststage,
.mod_timetable_stage:last-of-type.laststage {
  border-bottom: none; }

.mod_timetable_leg_type.no_stop:after {
  display: none; }

.mod_timetable_leg_station.no_stop {
  margin-top: 0.8em; }

.mod_timetable_leg_walk_trip_start {
  padding-bottom: 1.6em; }

.mod_timetable_leg_walk_trip_end {
  padding-top: 1.6em; }

.mod_timetable_stage_direction.var_expanded,
.mod_timetable_stage_connection.var_expanded,
.mod_timetable_stage_identification.var_expanded {
  display: block; }

@media all and (min-width: 26.3125em) {
  .mod_timetable_stage_identification.var_expanded {
    display: inline; } }

.mod_timetable_stage_summary_info {
  margin-top: -1.06667em; }

.mod_timetable_stage_barrierfree {
  margin: 0 0.1em 0 -0.1em !important;
  display: table !important; }
  .mod_timetable_stage_barrierfree .mod_svgsprite_icon {
    display: table-cell;
    margin-left: -0.1em;
    margin-right: 0.1em; }
  .mod_timetable_stage_barrierfree .mod_timetable_stage_direction {
    display: table-cell;
    vertical-align: top; }

.mod_timetable_stage_fullview {
  padding-top: 0; }

.mod_timetable_operation_days {
  padding: 0.66667em 1.66667em;
  border-bottom: 0.06667em solid #DCDCDC; }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_operation_days {
      padding: 1.2em 3.2em; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_operation_days {
      padding: 2.13333em 0; } }
  .mod_timetable_operation_days p {
    margin: 0;
    line-height: 1.2;
    font-size: 1em; }

.mod_rail_traffic_info_content {
  margin-top: -2em; }

.mod_timetable_stage.var_fullview {
  padding-top: 3.2em;
  padding-bottom: 0.66667em; }

.mod_timetable_stage.var_extendedview.var_fullview {
  padding-left: 0;
  padding-right: 0; }

.mod_rail_traffic_info_content .mod_timetable_operation_days {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 0.06667em solid #DCDCDC; }

.mod_rail_traffic_info_content .mod_timetable_legend {
  border-top: 0.06667em solid #DCDCDC;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0; }
  .mod_rail_traffic_info_content .mod_timetable_legend .mod_timetable_legend_list:last-child {
    margin-bottom: 0; }

.mod_rail_traffic_info_content .mod_timetable_footer_footnotes {
  margin: 1em 0 0; }

.mod_timetable_stage_fullview_show {
  display: block !important; }

.mod_timetable_leg_arrival_delay, .mod_timetable_leg_departure_delay {
  display: inline-block; }

.mod_timetable_stage_walk_label {
  margin-top: 0; }

/* SVS-20397 */
.in_between_stops_outer_wrapper {
  padding-left: 0; }

/* SVS-20397 */
.in_between_stops_outer_wrapper .mod_timetable_leg.var_stage_stopover:last-child .mod_timetable_leg_type:before {
  content: '';
  display: block;
  position: absolute;
  top: 0.8em;
  bottom: -0.8em;
  left: 50%;
  margin-left: -0.06667em;
  width: 0.13333em;
  background: #000000;
  border-color: #000000; }

/* SVS-26347 */
.in_between_stops_outer_wrapper .mod_timetable_leg.var_stage_stopover.var_stage_outage:last-child .mod_timetable_leg_type:before {
  background: repeating-linear-gradient(180deg, #eb0000 0, #eb0000 0.26667em, #fff 0, #fff 0.4em);
  border: 0; }

.mod_timetable_leg.var_start .mod_svgsprite_icon.var_SBB_realtime_delay {
  fill: #FFFFFF; }

.mod_timetable_leg.var_end .mod_svgsprite_icon.var_SBB_realtime_delay {
  fill: #FFFFFF; }

.mod_timetable_leg.var_stopover .mod_svgsprite_icon.var_SBB_realtime_delay {
  fill: #FFFFFF; }

.mod_timetable_stage_info_summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.75;
  padding: 1.4em 0.8em;
  border-bottom: 0.06667em solid #DCDCDC; }
  .mod_timetable_stage_info_summary .mod_svgsprite_icon {
    float: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 0.8em;
    margin-top: 0.2em; }
  .mod_timetable_stage_info_summary .mod_svgsprite_icon[class*="_him"] {
    background: #666666; }
  .mod_timetable_stage_info_summary .mod_timetable_stage_info_summary_connection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

@media all and (min-width: 60em) {
  .mod_timetable.var_wide .mod_timetable_stage_info_summary {
    padding: 1.6em; } }

@media all and (min-width: 64.0625em) {
  .mod_timetable.var_wide .mod_timetable_stage_info_summary {
    padding: 1.6em 0; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_trainformation_sector.sectorfix {
  margin-right: -4px; }

.mod_trainformation .mCustomScrollBox {
  width: auto;
  max-width: 100%; }

.mod_trainformation_scrolled {
  margin: 2em 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.mod_trainformation_train {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2016.
 */
.mod_timetable_input_form.is_for_strecke .mod_fieldset_controls_container, .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .via-container, .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .action-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.mod_timetable_input_form.is_for_strecke.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
  width: calc(100% - 3.06667em);
  max-width: calc(100% - 3.06667em);
  -ms-flex-preferred-size: calc(100% - 3.06667em);
      flex-basis: calc(100% - 3.06667em); }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_input_form.is_for_strecke.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
      padding-right: 0; } }
  @media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
    .mod_timetable_input_form.is_for_strecke.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
      width: 85% !important;
      max-width: 85% !important; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_input_form.is_for_strecke.is_via_opened.is_for_extended_search .mod_timetable_input_form_viafield {
      width: 85% !important;
      max-width: 85% !important; } }

.mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_timetable_input_form_buttonwrapper {
  margin-bottom: 1.6em; }
  @media all and (max-width: 64.0525em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_timetable_input_form_buttonwrapper {
      -webkit-box-ordinal-group: 99;
          -ms-flex-order: 98;
              order: 98; } }
  @media all and (max-width: 40.1775em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_timetable_input_form_buttonwrapper {
      -webkit-box-ordinal-group: 100;
          -ms-flex-order: 99;
              order: 99; } }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_timetable_input_form_buttonwrapper {
      margin-top: 1.06667em;
      width: auto; } }

.mod_timetable_input_form.is_for_strecke .mod_fieldset_controls_container {
  width: 100%; }
  @media all and (min-width: 20.0625em) and (max-width: 40.1775em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls_container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .via-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media all and (min-width: 20.0625em) and (max-width: 40.1775em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .via-container {
      min-width: 100%; } }
  @media all and (min-width: 40.1875em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .via-container {
      min-width: 55%; } }
  @media all and (min-width: 48.0625em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .via-container {
      min-width: 52%; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .via-container {
      min-width: 40%; } }
  .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .via-container .via_wrapper_field {
    -webkit-transform: translateY(22px);
            transform: translateY(22px); }

.mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .action-btn-container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media all and (min-width: 20.0625em) and (max-width: 40.1775em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .action-btn-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_group.mod_timetable_input_form_viawrapper {
  width: 50%;
  /*
             ------------------------------
               TIMO-22558
             ------------------------------
             */ }
  @media all and (max-width: 40.1775em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_group.mod_timetable_input_form_viawrapper {
      width: 100%; } }
  @media all and (max-width: 64.0525em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_group.mod_timetable_input_form_viawrapper {
      width: auto;
      -webkit-box-ordinal-group: 99;
          -ms-flex-order: 98;
              order: 98; } }
  .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_group.mod_timetable_input_form_viawrapper .mod_timetable_input_form_link.var_add_via {
    position: relative;
    margin-left: 1.73333em;
    margin-top: 0; }
    @media all and (max-width: 40.1775em) {
      .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_group.mod_timetable_input_form_viawrapper .mod_timetable_input_form_link.var_add_via {
        margin-left: 0; } }
    @media all and (min-width: 40.1875em) {
      .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_group.mod_timetable_input_form_viawrapper .mod_timetable_input_form_link.var_add_via {
        margin-bottom: 0; } }
    @media all and (min-width: 64.0625em) {
      .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_group.mod_timetable_input_form_viawrapper .mod_timetable_input_form_link.var_add_via {
        margin-left: 0; } }
  @media all and (min-width: 64.0625em) {
    .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_group.mod_timetable_input_form_viawrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%; }
      .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_group.mod_timetable_input_form_viawrapper .via_button_visible .mod_svgsprite_icon {
        bottom: unset;
        top: unset !important;
        margin-top: unset; } }

@media all and (min-width: 40.1875em) {
  .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_textfield,
  .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_datepicker {
    width: 45% !important;
    min-width: 45% !important; } }

@media all and (min-width: 64.0625em) {
  .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_textfield,
  .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_datepicker {
    width: 35% !important;
    min-width: 35% !important; } }

@media all and (min-width: 20.0625em) and (max-width: 64.0525em) {
  .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_datepicker {
    width: 100% !important; } }

@media all and (min-width: 64.0625em) {
  .mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_datepicker {
    width: 72% !important;
    min-width: 72% !important; } }

.mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_datepicker .mod_error_message {
  position: absolute; }

.mod_timetable_input_form.is_for_strecke .mod_fieldset_controls .mod_timetable_input_form_delete {
  float: none; }

.mod_timetable_pageheader_wrapper .mod_pagesubtitle .var_one_way {
  top: 0; }

.is_via_opened .mod_timetable_input_form_viafield {
  opacity: 1 !important; }

.var_means_of_transportation_list .mod_radio_checkbox_control {
  z-index: 0; }

.var_means_of_transportation_list .mod_radio_checkbox_styled {
  pointer-events: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
@media all and (min-width: 20.0625em) {
  .pageTitleWrapper {
    margin-top: 2em; } }

@media all and (min-width: 40.1875em) {
  .pageTitleWrapper {
    margin-top: 2em; } }

@media all and (min-width: 64.0625em) {
  .pageTitleWrapper {
    margin-top: -2em; } }

@media all and (min-width: 20.0625em) {
  .pageTitleWrapper .mod_pagetitle + .mod_pagesubtitle {
    margin-top: -0.6em; } }

@media all and (min-width: 40.1875em) {
  .pageTitleWrapper .mod_pagetitle + .mod_pagesubtitle {
    margin-top: -1em; } }

@media all and (min-width: 64.0625em) {
  .pageTitleWrapper .mod_pagetitle + .mod_pagesubtitle {
    margin-top: -2.5em; } }

@media all and (min-width: 64.0625em) {
  .mod_pagetitle.var_lightbox {
    margin-top: 1.7em;
    margin-bottom: 1em; } }

.mod_pagetitle.var_webshop.is_block .mod_svgsprite_icon {
  display: inline-block; }
@charset "UTF-8";
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
/*
 * Kopiert von wm05_-_section.scss. Wir wollen .mod_fieldset_legend.var_headline_2 und .mod_fieldset_legend.var_headline_3
 * auch ausserhalb von .mod_fieldset_legend.var_headline_1 verwenden können, z.B. innerhalb eines Accordions.
 */
.mod_fieldset_legend.var_headline_2 {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  margin: -0.4em 0 1.25em;
  padding: 0; }
  @media all and (min-width: 40.1875em) {
    .mod_fieldset_legend.var_headline_2 {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_fieldset_legend.var_headline_2 {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  @media all and (min-width: 40.1875em) {
    .mod_fieldset_legend.var_headline_2 {
      margin: -0.38095em 0 1.19048em; } }
  .mod_fieldset_legend.var_headline_2 .title_link {
    clear: both;
    float: right;
    display: block;
    width: 100%;
    padding-top: 1.61538em;
    font-size: 0.86667rem; }
    @media all and (max-width: 40.1775em) {
      .mod_fieldset_legend.var_headline_2 .title_link {
        margin: -0.92308em 0 -1.53846em 0; } }
    @media all and (min-width: 48.0625em) {
      .mod_fieldset_legend.var_headline_2 .title_link {
        clear: none;
        width: auto;
        padding-top: 0.76923em; } }

.mod_fieldset_legend.var_headline_3 {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: -0.53333em 0 1.66667em; }
  .mod_fieldset_legend.var_headline_3 .mod_svgsprite_icon, .mod_fieldset_legend.var_headline_3 .header_city {
    display: block;
    float: left; }
  .mod_fieldset_legend.var_headline_3 .mod_svgsprite_icon {
    margin: 0 0.53333em; }

.mod_fieldset_text {
  margin-top: 0; }

.mod_fieldset.var_shop .half_parent_width span {
  width: 50%; }

.mod_fieldset.var_shop .half_parent_width select {
  width: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_totalprice .mod_totalprice_wrapper.discountprice {
  padding: 0 0 1.2em 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.mod_national_travelers {
  /*MIN*/
  /*MEDIUM*/
  /*LARGE*/ }
  .mod_national_travelers .traveler_communication {
    padding: 2em 0;
    border-bottom: 1px solid #E5E5E5; }
  .mod_national_travelers .traveler_capture_heading {
    margin: 0; }
  .mod_national_travelers .var_hinweistext {
    margin-bottom: 2em; }
  .mod_national_travelers .var_padding_top {
    padding-top: 2em; }
  .mod_national_travelers .var_no_border_no_margin {
    border-bottom: none;
    margin-bottom: 0 !important; }
  .mod_national_travelers .traveler_discounts {
    clear: left;
    display: block;
    color: #666666; }
  .mod_national_travelers .travelers_list_item {
    display: block;
    width: 100%;
    margin: 0.53333em 0; }
  .mod_national_travelers #passenger_extras {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .mod_national_travelers #passenger_extras > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  @media (min-width: 40.1875em) {
    .mod_national_travelers #passenger_extras > div {
      min-width: calc(100% / 2.00005);
      max-width: calc(100% / 2.00005); } }
  @media (min-width: 64.0625em) {
    .mod_national_travelers #passenger_extras {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      width: 50%; }
      .mod_national_travelers #passenger_extras > .mod_select {
        min-width: calc(100% / 6.00005);
        max-width: calc(100% / 6.00005); }
      .mod_national_travelers #passenger_extras > .mod_multiselect, .mod_national_travelers #passenger_extras > .mod_textfield {
        min-width: calc(100% / 3.00005);
        max-width: calc(100% / 2.00005); } }

.alternativproduktWrapper {
  -ms-flex-item-align: center;
      align-self: center;
  margin-bottom: 0.53333em; }

.page_centered div.mod_notification.max-travelers-hint {
  margin-top: 0;
  margin-bottom: 0.7em;
  padding: 1em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.mod_dates_summation_box_ticket_hinweis {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  font-size: 0.86667rem;
  padding: 0.6rem 0.53333rem;
  border-style: solid;
  border-color: currentColor; }
  @media all and (min-width: 160.0625em) {
    .mod_dates_summation_box_ticket_hinweis {
      font-size: 1.3rem; } }
  @media all and (min-width: 240.0625em) {
    .mod_dates_summation_box_ticket_hinweis {
      font-size: 1.73333rem; } }
  .mod_dates_summation_box_ticket_hinweis p {
    font-size: 0.86667rem; }
    @media all and (min-width: 160.0625em) {
      .mod_dates_summation_box_ticket_hinweis p {
        font-size: 1.3rem; } }
    @media all and (min-width: 240.0625em) {
      .mod_dates_summation_box_ticket_hinweis p {
        font-size: 1.73333rem; } }
  .mod_dates_summation_box_ticket_hinweis.var_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #666666;
    border-width: 0.03333rem; }
  .mod_dates_summation_box_ticket_hinweis.var_warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #EB0000;
    border-width: 0.13333rem; }
  .mod_dates_summation_box_ticket_hinweis .mod_svgsprite_icon {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    fill: currentColor; }
    .mod_dates_summation_box_ticket_hinweis .mod_svgsprite_icon.var_circle {
      fill: none;
      stroke: currentColor; }
  .mod_dates_summation_box_ticket_hinweis .breakLine {
    margin: 0 0.76667rem 0 1.53333rem; }
  .mod_dates_summation_box_ticket_hinweis .add_margin_left {
    margin-left: 0.53333rem; }

.mod_dates_summation .mod_summation_tooltip_flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  .mod_dates_summation .mod_summation_tooltip_flexbox .mod_dates_summation_box_ticket_name {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%; }

.mod_dates_summation .mod_tooltip.produktBeschreibung {
  margin: 0;
  padding-left: 1em; }
  .mod_dates_summation .mod_tooltip.produktBeschreibung .mod_tooltip_window {
    margin-left: 1em; }

.mod_dates_summation .mod_tooltip .mod_tooltip_window_link {
  padding-left: 1.6em;
  margin-top: -1em;
  margin-bottom: 1.6em; }

.mod_dates_summation .breakLine {
  display: block; }

.mod_dates_summation .flex {
  -webkit-box-flex: 1;
      -ms-flex: 1 3 65%;
          flex: 1 3 65%; }

.mod_dates_summation .fontBold {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_dates_summation .inlineBlock {
  display: inline-block; }

.mod_dates_summation .mod_dates_summation_box_ticket_name,
.mod_dates_summation .mod_dates_summation_box_ticket_date,
.mod_dates_summation .mod_dates_summation_box_ticket_validity,
.mod_dates_summation .mod_dates_summation_box_ticket_price {
  margin: 0; }

.mod_dates_summation .mod_dates_summation_box_ticket_list {
  padding-left: 0;
  margin: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2016.
 */
@-webkit-keyframes additional_label_animation {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    max-height: 0;
    opacity: 0; }
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    max-height: 1.46667em;
    opacity: 1; } }
@keyframes additional_label_animation {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    max-height: 0;
    opacity: 0; }
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    max-height: 1.46667em;
    opacity: 1; } }

.mod_ws_toggle_button_content.var_verbindungsauswahl {
  padding-bottom: 1.6em !important; }

.reiseoptionenNational .mod_ws_toggle_buttons {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.6em; }
  .reiseoptionenNational .mod_ws_toggle_buttons .mod_ws_toggle_buttons_wrapper {
    margin: 0;
    max-width: calc(100% * (1/3) - 0.6em *(2/3)); }

@media all and (max-width: 1600px) {
  .reiseoptionenNational .mod_ws_toggle_buttons .mod_ws_toggle_buttons_wrapper {
    max-width: calc(100% * (1 / 2) - 0.6em * (1 / 2)); } }

@media all and (max-width: 800px) {
  .reiseoptionenNational .mod_ws_toggle_buttons .mod_ws_toggle_buttons_wrapper {
    width: 100%;
    max-width: unset; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2018.
 */
.mod_connection_returntrip .sbb_mod_ext.mod_timetable_footer_next_connections {
  margin-bottom: 1.6em !important; }

.mod_connection_returntrip .mod_timetable_input_form {
  margin-top: 1.6em; }

.mod_connection_returntrip .mod_fieldset_controls {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.mod_connection_returntrip_selection {
  padding: 1em 1.6em;
  border: 0.06667em solid #000000;
  border-radius: 0.13333em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.mod_connection_returntrip_connection .mod_svgsprite_icon {
  float: none;
  vertical-align: middle; }

.mod_connection_returntrip_description {
  color: #666666; }

.mod_connection_returntrip_edit {
  cursor: pointer;
  border: 1px solid #686868;
  -webkit-transition: border 300ms;
  transition: border 300ms;
  border-radius: 60%;
  width: 2.13333em;
  height: 2.13333em; }
  .mod_connection_returntrip_edit .mod_svgsprite_icon {
    fill: #686868;
    -webkit-transition: fill 300ms;
    transition: fill 300ms;
    margin-left: 0.2em;
    margin-top: 0.2em; }
  .mod_connection_returntrip_edit:hover {
    border: 1px solid #C60018;
    -webkit-transition: border 300ms;
    transition: border 300ms; }
    .mod_connection_returntrip_edit:hover .mod_svgsprite_icon {
      fill: #C60018;
      -webkit-transition: fill 300ms;
      transition: fill 300ms; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_fieldset.var_shop .mod_fieldset .mod_fieldset_controls.gutscheinContainer {
  margin-top: 1.4em; }

.mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media all and (min-width: 40.1875em) {
    .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .mod_fieldset_legend.var_headline_2 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    white-space: nowrap;
    padding-right: 0.8em;
    margin-bottom: 0.8em !important; }
    @media all and (min-width: 40.1875em) {
      .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .mod_fieldset_legend.var_headline_2 {
        padding-bottom: 0 !important; } }
    @media all and (max-width: 40.1775em) {
      .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .mod_fieldset_legend.var_headline_2 {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
        width: auto; } }
  .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .mod_textfield {
    -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4;
    padding-right: 0;
    margin-bottom: 1.4em;
    width: 100%;
    max-width: none; }
    @media all and (min-width: 48.0625em) {
      .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .mod_textfield {
        max-width: none; } }
    @media all and (min-width: 40.1875em) {
      .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .mod_textfield {
        padding-right: 0.53333em;
        width: auto; } }
    @media all and (max-width: 40.1775em) {
      .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .mod_textfield {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
        width: auto; } }
    .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .mod_textfield .mod_label {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(0 0 0 0);
              clip-path: inset(0 0 0 0);
      margin: -1px;
      padding: 0;
      border: 0; }
  .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .mod_textfield.mod_label_visible .mod_label {
    position: relative;
    width: auto;
    height: auto;
    margin-left: 0.66667em;
    margin-bottom: 0.5em; }
  .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .text__secondarybutton {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    margin-bottom: 0.8em;
    -ms-flex-item-align: start;
        align-self: start; }
    @media all and (min-width: 40.1875em) {
      .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .text__secondarybutton {
        margin-bottom: 1.4em; } }
    @media all and (max-width: 40.1775em) {
      .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .text__secondarybutton {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
        width: auto; } }
  .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .text__gamo_replacement_link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 0.8em; }
    @media all and (min-width: 40.1875em) {
      .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount .text__gamo_replacement_link {
        margin-bottom: 1.4em; } }

.mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount_list {
  margin: 0.8em 0 0.8em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_fieldset.var_shop .mod_fieldset .mod_checkout_discount_list {
      margin: 1.6em 0 1.4em 0; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2016.
 */
.is_checked .var_align_right .mod_webshop_checkbox_radio_panel_item_content {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  max-height: 0;
  opacity: 0;
  -webkit-transition: max-height .25s ease, opacity .15s ease, -webkit-transform .15s ease;
  transition: max-height .25s ease, opacity .15s ease, -webkit-transform .15s ease;
  transition: transform .15s ease, max-height .25s ease, opacity .15s ease;
  transition: transform .15s ease, max-height .25s ease, opacity .15s ease, -webkit-transform .15s ease; }

.mod_webshop_checkbox_radio_panel_item_content.var_subtitle.var_warning {
  color: #EB0000; }

.mod_webshop_checkbox_radio_panel_item_content_icon_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .mod_webshop_checkbox_radio_panel_item_content_icon_list .icon_list {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .mod_webshop_checkbox_radio_panel_item_content_icon_list .icon_list .mod_svgsprite_icon:not(:first-child) {
      margin-left: 1rem; }

.mod_webshop_checkbox_radio_panel_item_container.animated {
  -webkit-animation: differenzpreis_animation 0.25s ease;
          animation: differenzpreis_animation 0.25s ease; }

.mod_webshop_checkbox_radio_panel_item_header_icon_list {
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.mod_webshop_checkbox_radio_panel_item.is_checked .mod_fieldset {
  background-color: #FFFFFF; }

.mod_webshop_checkbox_radio_panel_item .mod_fieldset {
  display: block;
  opacity: 1;
  max-height: 66.66667em;
  background-color: #F6F6F6;
  -webkit-transition: background-color .1s ease-in;
  transition: background-color .1s ease-in;
  /* stylelint-disable-line */
  padding: 1.6em 1.6em 0 1.6em !important; }
  .mod_webshop_checkbox_radio_panel_item .mod_fieldset .mod_radio_checkbox {
    margin-bottom: 1.6em; }

@-webkit-keyframes differenzpreis_animation {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    max-height: 0;
    opacity: 0; }
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    max-height: 1.46667em;
    opacity: 1; } }

@keyframes differenzpreis_animation {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    max-height: 0;
    opacity: 0; }
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    max-height: 1.46667em;
    opacity: 1; } }

.var_full_width {
  width: 100%; }

.mod_webshop_checkbox_radio_panel_list.deposited_cards .mod_webshop_checkbox_radio_panel_item_card {
  -ms-flex-item-align: center;
      align-self: center; }

.mod_webshop_checkbox_radio_panel_list.deposited_cards .mod_webshop_checkbox_radio_panel_item_control {
  -ms-flex-item-align: center;
      align-self: center; }

.mod_webshop_checkbox_radio_panel_list.deposited_cards .first-row {
  color: #000000; }

.mod_webshop_checkbox_radio_panel_list.deposited_cards .second-row {
  color: #666666; }

@media all and (max-width: 40.1775em) {
  .mod_webshop_checkbox_radio_panel_list.deposited_cards .cardholder .separator {
    display: none; }
  .mod_webshop_checkbox_radio_panel_list.deposited_cards .cardholder:before {
    content: ' ';
    display: block; } }

.mod_webshop_checkbox_radio_panel_list.new_cards .mod_webshop_checkbox_radio_panel_item_card.stacked-items {
  margin-right: 0;
  margin-left: -24px; }

.mod_webshop_checkbox_radio_panel_list.new_cards .mod_webshop_checkbox_radio_panel_item_card.margin-right-zero {
  margin-right: 0; }

.mod_webshop_checkbox_radio_panel_list .mod_webshop_checkbox_radio_panel_item_card .mod_svgsprite_icon {
  width: 100%;
  height: 100%; }

.mod_webshop_checkbox_radio_panel_list .mod_webshop_panel_item_container.text-align-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #666666; }

.is_checked .var_align_right .mod_webshop_checkbox_radio_panel_item_content.var_is_visible {
  opacity: 1; }

.mod_radio_checkbox_wrapper.var_no_margin {
  margin-right: 0; }

.mod_radio_checkbox_wrapper.var_padding_left_inner {
  padding-left: 28px; }

.mod_radio_checkbox_wrapper.var_no_margin.var_padding_left_inner:last-child {
  padding-bottom: 0; }

.mod_webshop_checkbox_radio_panel_list.item_fieldset_display_contents .mod_webshop_checkbox_radio_panel_item.is_checked > div {
  padding: 20px 24px; }
  .mod_webshop_checkbox_radio_panel_list.item_fieldset_display_contents .mod_webshop_checkbox_radio_panel_item.is_checked > div > fieldset.mod_fieldset.mod_oev_anreise {
    display: contents; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_webshop_confirmation_ticket_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  width: 100%;
  border: none; }
  .mod_webshop_confirmation_ticket_list_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .mod_webshop_confirmation_ticket_list_wrapper_title {
      display: inline-block;
      width: 100%;
      font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 1.33333em;
      line-height: 1.4;
      margin-top: 0;
      margin-bottom: 1.2em;
      margin: 0 0 1.14286em 0; }
      @media all and (min-width: 40.1875em) {
        .mod_webshop_confirmation_ticket_list_wrapper_title {
          margin-bottom: 1.14286em;
          font-size: 1.4em; } }
      @media all and (min-width: 160.0625em) {
        .mod_webshop_confirmation_ticket_list_wrapper_title {
          font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.mod_webshop_confirmation_ticket_item_container h4 {
  margin: 0; }

.mod_webshop_confirmation_ticket_item {
  clear: left;
  position: relative;
  border: 0;
  margin: 0;
  border-bottom: 0.06667em solid #E5E5E5;
  padding: 1.6em 0; }
  .mod_webshop_confirmation_ticket_item:first-of-type {
    border-top: 0.06667em solid #E5E5E5; }
  .mod_webshop_confirmation_ticket_item_header {
    *zoom: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-top: 0.13333em;
    margin-bottom: 0.53333em;
    cursor: pointer; }
    .mod_webshop_confirmation_ticket_item_header:before, .mod_webshop_confirmation_ticket_item_header:after {
      content: '';
      display: table; }
    .mod_webshop_confirmation_ticket_item_header:after {
      clear: both; }
    .mod_webshop_confirmation_ticket_item_header.no-info {
      cursor: default; }
  .mod_webshop_confirmation_ticket_item_content_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mod_webshop_confirmation_ticket_item_leisure_swisspass_deactivated {
    width: 1.5em;
    height: 1.5em;
    fill: #DCDCDC;
    margin-left: 1.2em;
    margin-bottom: 0;
    margin-top: 1.8em; }
    @media all and (max-width: 48.0525em) {
      .mod_webshop_confirmation_ticket_item_leisure_swisspass_deactivated {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        margin: -1px;
        padding: 0;
        border: 0; } }
    .mod_webshop_confirmation_ticket_item_leisure_swisspass_deactivated img {
      width: 100%;
      height: 100%; }
  .mod_webshop_confirmation_ticket_item_leisure_swisspass {
    width: 1.5em;
    height: 1.5em;
    fill: #767676;
    margin-left: 1.2em;
    margin-bottom: 0;
    margin-top: 1.8em; }
    @media all and (max-width: 48.0525em) {
      .mod_webshop_confirmation_ticket_item_leisure_swisspass {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        margin: -1px;
        padding: 0;
        border: 0; } }
    .mod_webshop_confirmation_ticket_item_leisure_swisspass img {
      width: 100%;
      height: 100%; }
  .mod_webshop_confirmation_ticket_item_leisure_papier {
    width: 1.5em;
    height: 1.5em;
    fill: #767676;
    margin-left: 1.2em;
    margin-bottom: 0;
    margin-top: -0.5em; }
    @media all and (max-width: 48.0525em) {
      .mod_webshop_confirmation_ticket_item_leisure_papier {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        margin: -1px;
        padding: 0;
        border: 0; } }
    .mod_webshop_confirmation_ticket_item_leisure_papier img {
      width: 100%;
      height: 100%; }
  .mod_webshop_confirmation_ticket_item_ticketicon {
    width: 3.33333em;
    height: 3em;
    fill: #767676;
    margin-right: 2.4em;
    margin-bottom: 0; }
    @media all and (max-width: 48.0525em) {
      .mod_webshop_confirmation_ticket_item_ticketicon {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        margin: -1px;
        padding: 0;
        border: 0; } }
    .mod_webshop_confirmation_ticket_item_ticketicon img {
      width: 100%;
      height: 100%; }
  .mod_webshop_confirmation_ticket_item_leisure_combined_icon {
    position: absolute;
    left: 1rem;
    fill: #767676;
    bottom: -0.66667rem;
    height: 1.6em;
    width: 1.6em;
    z-index: 1; }
  .mod_webshop_confirmation_ticket_item_container {
    width: 100%;
    max-width: none; }
    .mod_webshop_confirmation_ticket_item_container.var_wide, .mod_webshop_confirmation_ticket_item_container.var_align_right {
      width: 50%; }
    .mod_webshop_confirmation_ticket_item_container.var_align_right {
      margin-left: auto;
      text-align: right; }
    .mod_webshop_confirmation_ticket_item_container.container_left {
      width: 35%; }
    .mod_webshop_confirmation_ticket_item_container.container_middle {
      width: 30%; }
    .mod_webshop_confirmation_ticket_item_container.container_right {
      width: 35%;
      margin-left: auto; }
    .mod_webshop_confirmation_ticket_item_container.container_left, .mod_webshop_confirmation_ticket_item_container.container_middle, .mod_webshop_confirmation_ticket_item_container.container_right {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-flex: 1;
          -ms-flex: 1 auto;
              flex: 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      word-break: break-word; }
    .mod_webshop_confirmation_ticket_item_container .var_subtitle {
      font-size: 0.86667rem; }
      @media all and (min-width: 160.0625em) {
        .mod_webshop_confirmation_ticket_item_container .var_subtitle {
          font-size: 1.3rem; } }
      @media all and (min-width: 240.0625em) {
        .mod_webshop_confirmation_ticket_item_container .var_subtitle {
          font-size: 1.73333rem; } }
    .mod_webshop_confirmation_ticket_item_container .var_light_text {
      color: #666666; }
    .mod_webshop_confirmation_ticket_item_container .erstattung {
      color: #EB0000;
      padding-right: 0.66667rem; }
    .mod_webshop_confirmation_ticket_item_container.var_order_link_2, .mod_webshop_confirmation_ticket_item_container.var_order_link_3 {
      display: none; }
    .mod_webshop_confirmation_ticket_item_container.var_order_link_1 {
      display: block;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .mod_webshop_confirmation_ticket_item_container.var_order_gueltigkeit {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
    .mod_webshop_confirmation_ticket_item_container.var_order_geltungsdauer {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .mod_webshop_confirmation_ticket_item_container.var_order_gueltigkeit, .mod_webshop_confirmation_ticket_item_container.var_order_geltungsdauer {
      text-align: right;
      margin-left: auto;
      width: 100%; }
    @media all and (max-width: 48.0525em) {
      .mod_webshop_confirmation_ticket_item_container {
        width: 100%; }
        .mod_webshop_confirmation_ticket_item_container.var_wide {
          width: 60%; }
          .mod_webshop_confirmation_ticket_item_container.var_wide.var_align_right {
            width: 40%; }
        .mod_webshop_confirmation_ticket_item_container.container_left, .mod_webshop_confirmation_ticket_item_container.container_middle {
          width: 60%; }
        .mod_webshop_confirmation_ticket_item_container.container_right {
          width: 40%; }
        .mod_webshop_confirmation_ticket_item_container.var_order_verbindung {
          -webkit-box-ordinal-group: 1;
              -ms-flex-order: 0;
                  order: 0; }
        .mod_webshop_confirmation_ticket_item_container.var_order_reisender {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
        .mod_webshop_confirmation_ticket_item_container.var_order_klasse {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; }
        .mod_webshop_confirmation_ticket_item_container.var_order_link_2 {
          display: block;
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3; }
        .mod_webshop_confirmation_ticket_item_container.var_order_link_1, .mod_webshop_confirmation_ticket_item_container.var_order_link_3 {
          display: none; } }
    @media all and (max-width: 40.1775em) {
      .mod_webshop_confirmation_ticket_item_container.container_left, .mod_webshop_confirmation_ticket_item_container.container_middle, .mod_webshop_confirmation_ticket_item_container.container_right, .mod_webshop_confirmation_ticket_item_container.var_wide, .mod_webshop_confirmation_ticket_item_container.var_align_right {
        width: 100%; }
      .mod_webshop_confirmation_ticket_item_container.container_left {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      .mod_webshop_confirmation_ticket_item_container.container_middle {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      .mod_webshop_confirmation_ticket_item_container.var_order_preis {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; }
      .mod_webshop_confirmation_ticket_item_container.container_right {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4; }
      .mod_webshop_confirmation_ticket_item_container.var_order_link_1, .mod_webshop_confirmation_ticket_item_container.var_order_link_2 {
        display: none; }
      .mod_webshop_confirmation_ticket_item_container.var_order_link_3 {
        display: block;
        -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5; }
      .mod_webshop_confirmation_ticket_item_container.var_order_gueltigkeit, .mod_webshop_confirmation_ticket_item_container.var_order_geltungsdauer {
        text-align: left; } }
    .mod_webshop_confirmation_ticket_item_container:only-of-type {
      width: auto;
      max-width: none; }
  .mod_webshop_confirmation_ticket_item .mod_svgsprite_icon.var_one_way {
    float: none;
    vertical-align: middle;
    height: 1.2em; }
  .mod_webshop_confirmation_ticket_item_single_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .mod_webshop_confirmation_ticket_item_single_line .var_spacer {
      width: 3.33333em;
      margin-right: 1.6em; }
      @media all and (max-width: 48.0525em) {
        .mod_webshop_confirmation_ticket_item_single_line .var_spacer {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          -webkit-clip-path: inset(0 0 0 0);
                  clip-path: inset(0 0 0 0);
          margin: -1px;
          padding: 0;
          border: 0; } }
    .mod_webshop_confirmation_ticket_item_single_line .var_left {
      width: 50%; }
    .mod_webshop_confirmation_ticket_item_single_line .var_right {
      width: 50%;
      margin-left: auto;
      text-align: right; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_confirmation_summary_box {
  padding-bottom: 1.19048em; }
  @media all and (min-width: 64.0625em) {
    .mod_confirmation_summary_box {
      padding-bottom: 2.14286em; } }
  .mod_confirmation_summary_box .text__actionlink.var_first {
    margin-bottom: 0; }
  .mod_confirmation_summary_box .text__actionlink.var_second {
    margin-top: 0; }

.mod_confirmation_summary_line {
  display: table-row; }

.mod_confirmation_summary_headerlabel {
  display: table-cell;
  padding-right: 1.06667em; }

.mod_confirmation_summary_headercontent {
  display: table-cell; }

.mod_confirmation_ticket_list_wrapper {
  margin: 1em 0 1em 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_confirmation_price_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding-top: 1.6em; }
  .mod_confirmation_price_list_item {
    clear: left;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0; }
    .mod_confirmation_price_list_item_price_value, .mod_confirmation_price_list_item_promocode_betrag, .mod_confirmation_price_list_item_gutschein_betrag, .mod_confirmation_price_list_item_coupon_betrag, .mod_confirmation_price_list_item_zwischentotal_betrag {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      text-align: right; }

.mod_confirmation_price_container {
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 1.6em; }

.mod_confirmation_total_price_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding-top: 1.6em;
  padding-bottom: 2.4em; }

.mod_confirmation_total_price_label {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_confirmation_total_price_value {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_ticketforward {
  position: relative;
  margin: 0;
  border-top: 1px solid #E5E5E5;
  padding: 1.6em 0 0 0; }
  .mod_ticketforward_label {
    display: block;
    display: inline-block;
    width: 100%;
    font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.33333em;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1.2em;
    margin: 0 0 1.14286em 0; }
    @media all and (min-width: 40.1875em) {
      .mod_ticketforward_label {
        margin-bottom: 1.14286em;
        font-size: 1.4em; } }
    @media all and (min-width: 160.0625em) {
      .mod_ticketforward_label {
        font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  .mod_ticketforward_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .mod_ticketforward_wrapper a {
      margin: 1.6em 0 0 0; }
      @media all and (max-width: 26.3025em) {
        .mod_ticketforward_wrapper a {
          margin: 0 0 1.6em 0; } }
    .mod_ticketforward_wrapper .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media all and (max-width: 26.3025em) {
        .mod_ticketforward_wrapper .item {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2016.
 */
.mod_screenticket {
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center; }
  .mod_screenticket_title {
    margin: -0.28571em auto -0.28571em; }
  @media all and (max-width: 64.0525em) {
    .mod_screenticket_content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .mod_screenticket_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 2.33333em; }
    @media all and (max-width: 64.0525em) {
      .mod_screenticket_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .mod_screenticket_item {
    margin: 1.6em 1.6em 0 1.6em;
    text-align: left; }
    @media all and (max-width: 64.0525em) {
      .mod_screenticket_item {
        margin-top: 0em;
        margin-right: 0em;
        margin-left: 0em; } }
    .mod_screenticket_item.barcode img {
      border: 1px solid #000000; }
      @media all and (max-width: 26.3025em) {
        .mod_screenticket_item.barcode img {
          width: 100%; } }
    @media all and (min-width: 26.3125em) {
      .mod_screenticket_item.reiseinformation {
        max-width: 16.66667em; } }
    .mod_screenticket_item .item {
      margin-bottom: 1.6em; }
      .mod_screenticket_item .item span {
        display: block; }
      .mod_screenticket_item .item label {
        color: #767676; }
      .mod_screenticket_item .item.reisende .geburtsdatum {
        margin-bottom: 0.53333em; }
      .mod_screenticket_item .item.von_nach .abgang, .mod_screenticket_item .item.von_nach .bestimmung, .mod_screenticket_item .item.von_nach .zonen {
        font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.4em;
        display: inline; }
        .mod_screenticket_item .item.von_nach .abgang_zusatz, .mod_screenticket_item .item.von_nach .bestimmung_zusatz, .mod_screenticket_item .item.von_nach .zonen_zusatz {
          display: inline; }
        .mod_screenticket_item .item.von_nach .abgang.isReiseweginfo, .mod_screenticket_item .item.von_nach .bestimmung.isReiseweginfo, .mod_screenticket_item .item.von_nach .zonen.isReiseweginfo {
          font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 1em; }
        .mod_screenticket_item .item.von_nach .abgang.isVerbund, .mod_screenticket_item .item.von_nach .bestimmung.isVerbund, .mod_screenticket_item .item.von_nach .zonen.isVerbund {
          font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 1em; }
      .mod_screenticket_item .item.von_nach .via {
        margin-left: 1em; }
      .mod_screenticket_item .item.klasse_preis_wagen_rabatte .preis {
        font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: inline; }
        .mod_screenticket_item .item.klasse_preis_wagen_rabatte .preis_zusatz {
          display: inline; }
      .mod_screenticket_item .item.zusatztext {
        font-size: 0.86667em; }
        @media all and (min-width: 20.0625em) {
          .mod_screenticket_item .item.zusatztext {
            max-width: 100%; } }
        @media all and (min-width: 26.3125em) {
          .mod_screenticket_item .item.zusatztext {
            max-width: 400px; } }
        @media all and (min-width: 64.0625em) {
          .mod_screenticket_item .item.zusatztext {
            max-width: 16.66667em; } }
        .mod_screenticket_item .item.zusatztext p {
          font-size: inherit;
          margin-top: 0; }
      .mod_screenticket_item .item.produkt_tarif_billett {
        margin-bottom: 0.53333em; }
        .mod_screenticket_item .item.produkt_tarif_billett .tarifowner_produktbezeichnung {
          font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .mod_screenticket_item .ticketinformationen .item {
      margin-bottom: 0.53333em; }
  .mod_screenticket_showpdf, .mod_screenticket_refund {
    margin-bottom: 28px; }

.screenticket_text {
  text-align: center;
  margin: 40px auto;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_useraccount_login_credentials_username {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-bottom: 1.6em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_accordion_konto .mod_accordion_item.accordionSet {
  position: static;
  z-index: 1 !important; }
  .mod_accordion_konto .mod_accordion_item.accordionSet.is_open {
    position: relative; }

.mod_useraccount_login_credentials_username p {
  margin: 0; }

.mod_useraccount_persondata {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mod_useraccount_persondata_lead {
    color: #666666;
    font-size: 0.86667em;
    padding-bottom: 1.86667em; }
    .mod_useraccount_persondata_lead p {
      margin: 0; }
    .mod_useraccount_persondata_lead span {
      display: block; }
  .mod_useraccount_persondata_block {
    padding-bottom: 1.6em; }
    .mod_useraccount_persondata_block p {
      margin: 0; }
    .mod_useraccount_persondata_block span {
      display: block; }

.mod_error_message.ermaessigungskarten {
  margin-bottom: 1.14286em;
  font-size: 1em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_useraccount_discount_cards {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mod_useraccount_discount_cards_lead {
    color: #666666;
    font-size: 0.86667em;
    padding-bottom: 1.86667em; }
    .mod_useraccount_discount_cards_lead span {
      display: block; }
  .mod_useraccount_discount_cards_input {
    margin-bottom: 0em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_fieldset_legend.var_headline_1_v2 {
  display: inline-block;
  width: 100%;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.33333em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.2em;
  padding-bottom: 0.375em; }
  @media all and (min-width: 40.1875em) {
    .mod_fieldset_legend.var_headline_1_v2 {
      margin-bottom: 1.14286em;
      font-size: 1.4em; } }
  @media all and (min-width: 160.0625em) {
    .mod_fieldset_legend.var_headline_1_v2 {
      font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.mod_fieldset_legend.var_headline_1_v2 {
  margin-top: 0; }

.mod_fieldset .mod_textfield.var_time {
  padding-right: 0; }

.mod_fieldset.var_shop .mod_fieldset.var_nested {
  padding: 2em 0; }
  @media all and (min-width: 40.1875em) {
    .mod_fieldset.var_shop .mod_fieldset.var_nested {
      padding: 2.26667em 0; } }

.mod_fieldset.var_first {
  padding-top: 0; }

.mod_fieldset_fix_additional_line3_ext {
  padding-top: 0; }
  @media all and (max-width: 64.0525em) {
    .mod_fieldset_fix_additional_line3_ext {
      margin-bottom: -7em;
      padding-top: 3em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_datepicker_synced {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }

.mod_datepicker {
  position: relative;
  width: auto;
  -ms-flex-preferred-size: 8.38125em;
      flex-basis: 8.38125em;
  color: #666666; }
  .mod_combo .mod_datepicker {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  @media all and (min-width: 40.1875em) {
    .mod_datepicker {
      -ms-flex-preferred-size: 14.4em;
          flex-basis: 14.4em;
      padding-right: 0.53333em; } }
  .mod_datepicker.var_icon:not(.var_arrows) {
    -ms-flex-preferred-size: 11.50625em;
        flex-basis: 11.50625em; }
    .mod_datepicker.var_icon:not(.var_arrows) .mod_datepicker_openpicker {
      margin-left: 0.53333em; }
    @media all and (min-width: 40.1875em) {
      .mod_datepicker.var_icon:not(.var_arrows) {
        -ms-flex-preferred-size: 12.27333em;
            flex-basis: 12.27333em; }
        html[lang^="en"] .mod_datepicker.var_icon:not(.var_arrows) {
          -ms-flex-preferred-size: 12.27333em;
              flex-basis: 12.27333em; } }
  .mod_datepicker.var_icon.var_arrows {
    /* flex-basis: pxToEm($dateInputTextWidthMobile + 3 * $dateInputIconsDimensions + 2 * $dateInputBorderWeight, 16);

		@include mq($from: tabletPortrait) {
			flex-basis: pxToEm($dateInputTextWidth + 3 * $dateInputIconsDimensions + 2 * $dateInputBorderWeight);

			html[lang="en"] & {
				flex-basis: pxToEm($dateInputTextWidthEn + 3 * $dateInputIconsDimensions + 2 * $dateInputBorderWeight);
			}
		} */ }
  .mod_datepicker [disabled] {
    opacity: 0;
    cursor: default;
    pointer-events: none; }
  .mod_datepicker .mod_datepicker_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFFFFF;
    border: 0.13667em solid #b7b7b7;
    height: 3.2em;
    border-radius: 2px; }
  .mod_datepicker .mod_datepicker_wrapper.input_is_active {
    border-color: #666666; }
  .mod_datepicker .mod_datepicker_wrapper.parsley-error {
    border-color: #EB0000 !important; }
    .mod_datepicker .mod_datepicker_wrapper.parsley-error input {
      color: #EB0000; }
  .mod_datepicker .mod_datepicker_wrapper ~ .mod_error_message {
    display: none; }
  .mod_datepicker .mod_datepicker_wrapper.parsley-error ~ .mod_error_message {
    display: block; }
  .mod_datepicker .mod_datepicker_inputwrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .mod_datepicker .mod_datepicker_input {
    display: block;
    width: 100%;
    border: none;
    height: 2.93333em;
    padding-left: 0.26667em;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: transparent; }
    @media all and (max-width: 40.1775em) {
      .mod_datepicker .mod_datepicker_input {
        height: 2.71875em;
        padding-left: 0.625em; } }
  .mod_datepicker_previousday, .mod_datepicker_openpicker, .mod_datepicker_nextday {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.73333em;
            flex: 0 0 1.73333em;
    height: 100%;
    padding: 0;
    background-color: transparent; }
    .mod_datepicker_previousday .mod_svgsprite_icon, .mod_datepicker_openpicker .mod_svgsprite_icon, .mod_datepicker_nextday .mod_svgsprite_icon {
      float: none;
      margin: 0 auto;
      display: block;
      fill: currentColor; }
      @media screen and (-ms-high-contrast: active) {
        .mod_datepicker_previousday .mod_svgsprite_icon, .mod_datepicker_openpicker .mod_svgsprite_icon, .mod_datepicker_nextday .mod_svgsprite_icon {
          fill: windowText; } }
    .mod_datepicker_previousday:focus .mod_svgsprite_icon, .mod_datepicker_openpicker:focus .mod_svgsprite_icon, .mod_datepicker_nextday:focus .mod_svgsprite_icon {
      fill: #C60018; }
  .mod_datepicker_openpicker .mod_svgsprite_icon {
    fill: #666666;
    margin: 0 auto 0 0; }
  .mod_datepicker_previousday:hover .mod_svgsprite_icon, .mod_datepicker_openpicker:hover .mod_svgsprite_icon, .mod_datepicker_nextday:hover .mod_svgsprite_icon {
    fill: #C60018; }
  .mod_datepicker_picker {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: absolute;
    top: 5.73333em;
    left: -0.8em;
    z-index: 3;
    width: 100%;
    min-width: calc(100vw - 1.5em);
    padding: 0 1.06667em 1.06667em 1.06667em;
    background-color: #FFFFFF;
    border: 0.13667em solid #666666;
    border-radius: 0.13333em;
    -webkit-box-shadow: 0 0.53333em 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.53333em 0 rgba(0, 0, 0, 0.15); }
    .mod_datepicker_picker[aria-hidden="true"] {
      display: none; }
    @media all and (min-width: 40.1875em) {
      .mod_datepicker_picker {
        left: 0;
        min-width: 20em;
        width: 28.54em; } }
    .mod_datepicker_picker .mod_svgsprite_icon {
      float: none; }
    .mod_datepicker_picker_arrow {
      position: absolute;
      width: 1.6em;
      height: 1.06667em;
      background-color: #FFFFFF;
      top: -0.93333em;
      left: 2.2em; }
    .mod_datepicker_picker_arrow:after, .mod_datepicker_picker_arrow:before {
      content: '';
      position: absolute;
      display: block;
      background-color: #666666;
      width: 1.22933em;
      height: 0.13333em;
      top: 0.4em; }
    .mod_datepicker_picker_arrow:before {
      left: -0.2em;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .mod_datepicker_picker_arrow:after {
      left: 0.6em;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .mod_datepicker_picker_header {
      margin-left: -1.06667em;
      margin-right: -1.06667em;
      height: 4.53333em;
      border-bottom: 0.06667em solid #DCDCDC; }
      .mod_datepicker_picker_header_button {
        background: transparent;
        padding: 0.26667em 0 0;
        height: 4.53333em;
        width: 2.4em;
        cursor: pointer; }
        @media all and (min-width: 26.3125em) {
          .mod_datepicker_picker_header_button {
            width: 3.06667em; } }
        .mod_datepicker_picker_header_button .mod_svgsprite_icon {
          width: 1.93333em;
          height: 1.93333em; }
      .mod_datepicker_picker_header_month {
        float: left;
        height: 4.53333em;
        line-height: 1.4;
        cursor: default;
        width: 59%; }
        @media all and (min-width: 40.1875em) {
          .mod_datepicker_picker_header_month {
            width: 16.86667em; } }
        .mod_datepicker_picker_header_month_prev {
          float: left; }
          .mod_datepicker_picker_header_month_prev svg {
            fill: #666666; }
        .mod_datepicker_picker_header_month_prev:focus svg, .mod_datepicker_picker_header_month_prev:hover svg, .mod_datepicker_picker_header_month_next:focus svg, .mod_datepicker_picker_header_month_next:hover svg {
          fill: #C60018; }
        .mod_datepicker_picker_header_month_current {
          float: left;
          text-align: center;
          font-size: 1.4em;
          padding-top: 0.85714em;
          color: #767676;
          font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
          width: calc(100% - 3.5em); }
          @media all and (min-width: 26.3125em) {
            .mod_datepicker_picker_header_month_current {
              width: calc(100% - 4.4em); } }
        .mod_datepicker_picker_header_month_next {
          float: right; }
          .mod_datepicker_picker_header_month_next svg {
            fill: #666666; }
      .mod_datepicker_picker_header_year {
        float: left;
        width: 41%;
        height: 4.53333em;
        line-height: 1.4;
        cursor: default;
        border-left: 0.06667em solid #DCDCDC; }
        @media all and (min-width: 40.1875em) {
          .mod_datepicker_picker_header_year {
            width: 11.33333em; } }
        .mod_datepicker_picker_header_year_prev {
          float: left; }
          .mod_datepicker_picker_header_year_prev svg {
            fill: #666666; }
        .mod_datepicker_picker_header_year_prev:focus svg, .mod_datepicker_picker_header_year_prev:hover svg, .mod_datepicker_picker_header_year_next:focus svg, .mod_datepicker_picker_header_year_next:hover svg {
          fill: #C60018; }
        .mod_datepicker_picker_header_year_current {
          float: left;
          text-align: center;
          font-size: 1.4em;
          padding-top: 0.85714em;
          color: #767676;
          font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
          width: calc(100% - 3.5em); }
          @media all and (min-width: 26.3125em) {
            .mod_datepicker_picker_header_year_current {
              width: calc(100% - 4.4em); } }
        .mod_datepicker_picker_header_year_next {
          float: right; }
          .mod_datepicker_picker_header_year_next svg {
            fill: #666666; }
      @media screen and (-ms-high-contrast: active) {
        .mod_datepicker_picker_header_month_prev svg, .mod_datepicker_picker_header_month_prev:focus svg, .mod_datepicker_picker_header_month_prev:hover svg, .mod_datepicker_picker_header_month_next svg, .mod_datepicker_picker_header_month_next:focus svg, .mod_datepicker_picker_header_month_next:hover svg, .mod_datepicker_picker_header_year_prev svg, .mod_datepicker_picker_header_year_prev:focus svg, .mod_datepicker_picker_header_year_prev:hover svg, .mod_datepicker_picker_header_year_next svg, .mod_datepicker_picker_header_year_next:focus svg, .mod_datepicker_picker_header_year_next:hover svg {
          fill: windowText; } }
    .mod_datepicker_picker table {
      clear: both;
      width: 100%;
      overflow: hidden; }
      .mod_datepicker_picker table thead tr th {
        font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
        height: 3.92308em;
        font-weight: normal;
        font-size: 0.86667em;
        color: #666666;
        text-transform: uppercase;
        padding: 0.53846em 0 1.84615em;
        text-align: center; }
      .mod_datepicker_picker table thead:after {
        position: absolute;
        left: 0;
        right: 0;
        top: 6.73333em;
        content: '';
        height: 1px;
        background: #DCDCDC; }
      .mod_datepicker_picker table tbody tr td {
        font-size: 1em;
        color: #666666;
        height: 3.2em;
        width: 60.57143px;
        text-align: center;
        position: relative;
        line-height: 1; }
        .mod_datepicker_picker table tbody tr td span {
          position: relative;
          z-index: 1; }
      .mod_datepicker_picker table tbody tr td.day_disabled {
        color: #BDBDBD; }
      .mod_datepicker_picker table tbody tr td.day_disabled:not(.empty):after {
        content: '';
        width: 2.13333em;
        height: 0.06667em;
        top: 1.6em;
        left: calc(50% - 1.06667em);
        background-color: #BDBDBD;
        display: block;
        position: absolute;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .mod_datepicker_picker table tbody tr td.dateSelected.day_disabled:not(.empty):after {
        position: absolute;
        top: 0.26667em;
        left: 50%;
        content: '';
        display: block;
        width: 2.66667em;
        height: 2.66667em;
        margin-left: -1.33333em;
        border-radius: 1.6em;
        background-color: #FFFFFF; }
      .mod_datepicker_picker table tbody tr td.dateSelected.day_disabled:not(.empty):before {
        content: '';
        width: 2.13333em;
        height: 0.06667em;
        top: 1.6em;
        left: calc(50% - 1.06667em);
        background-color: #BDBDBD;
        display: block;
        position: absolute;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .mod_datepicker_picker table tbody tr td.today {
        font-weight: bold;
        color: #000000; }
      .mod_datepicker_picker table tbody tr td.today.day_disabled {
        color: #BDBDBD; }
      .mod_datepicker_picker table tbody tr td:not(.empty):not(.day_disabled) {
        cursor: pointer; }
      .mod_datepicker_picker table tbody tr td.dateSelected {
        z-index: 2; }
      .mod_datepicker_picker table tbody tr td.dateSelected:after,
      .mod_datepicker_picker table tbody tr td:not(.empty):not(.day_disabled):hover:before {
        position: absolute;
        top: 0.26667em;
        left: 50%;
        content: '';
        display: block;
        width: 2.66667em;
        height: 2.66667em;
        margin-left: -1.33333em;
        border-radius: 1.6em;
        background-color: #FFFFFF; }
      html[data-focus-source="key"] .mod_datepicker_picker table tbody tr td.focus:not(.empty):not(.day_disabled):before {
        position: absolute;
        top: 0.26667em;
        left: 50%;
        content: '';
        display: block;
        width: 2.66667em;
        height: 2.66667em;
        margin-left: -1.33333em;
        border-radius: 1.6em;
        background-color: #FFFFFF; }
      .mod_datepicker_picker table tbody tr td.dateSelected:after {
        border: 0.13333em solid #666666; }
      .mod_datepicker_picker table tbody tr td:not(.empty):not(.day_disabled):not(.dateSelected):hover {
        color: #C60018; }
        .mod_datepicker_picker table tbody tr td:not(.empty):not(.day_disabled):not(.dateSelected):hover:before {
          background: none;
          border: 0.13333em solid #C60018;
          z-index: 10; }
      html[data-focus-source="key"] .mod_datepicker_picker table tbody tr td.focus:not(.empty):not(.day_disabled):not(.dateSelected) {
        color: #C60018; }
        html[data-focus-source="key"] .mod_datepicker_picker table tbody tr td.focus:not(.empty):not(.day_disabled):not(.dateSelected):before {
          background: none;
          border: 0.13333em solid #C60018;
          z-index: 10; }
      .mod_datepicker_picker table tbody tr .day_range {
        position: absolute;
        background-color: #F6F6F6;
        top: 0.26667em;
        left: 0;
        margin-left: 0;
        width: 100%;
        height: 2.66667em; }
      .mod_datepicker_picker table tbody tr .day_range_start, .mod_datepicker_picker table tbody tr .day_range_start_selected {
        border-top-left-radius: 1.33333em;
        border-bottom-left-radius: 1.33333em;
        left: 50%;
        margin-left: -1.33333em;
        width: 120%; }
      .mod_datepicker_picker table tbody tr .day_range_end, .mod_datepicker_picker table tbody tr .day_range_end_selected {
        border-top-right-radius: 1.33333em;
        border-bottom-right-radius: 1.33333em;
        left: auto;
        right: 50%;
        margin-right: -1.33333em;
        width: 120%; }
      .mod_datepicker_picker table tbody tr .day_range_start.day_range_end:not(.day_range_start_selected):not(.day_range_end_selected) {
        width: auto;
        border-radius: 1.33333em;
        margin-left: 0;
        margin-right: 0;
        left: calc( ( 100% - 40px ) / 2);
        right: calc( ( 100% - 40px ) / 2); }
    .mod_datepicker_picker .offscreen {
      position: absolute;
      left: -200em;
      top: -100em; }
  @media all and (min-width: 40.1875em) {
    .mod_datepicker + .mod_select {
      margin-left: 0.53333em; } }
  .mod_form.var_columns .mod_datepicker.var_allowed_times.var_icon.var_arrows {
    width: 100%; }
    @media all and (min-width: 40.1875em) {
      .mod_form.var_columns .mod_datepicker.var_allowed_times.var_icon.var_arrows .mod_datepicker_wrapper {
        width: 16em; } }
  .mod_datepicker.var_allowed_times .mod_datepicker_allowed_times_wrapper {
    display: none;
    margin: 2.13333em 0 0 0; }
    .mod_datepicker.var_allowed_times .mod_datepicker_allowed_times_wrapper.is_visible {
      display: block; }
    .mod_datepicker.var_allowed_times .mod_datepicker_allowed_times_wrapper .mod_radio_checkbox_legend {
      padding: 0;
      margin-bottom: 1.6em;
      color: #000000;
      font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_select_width {
  width: 21.33333em; }
@charset "UTF-8";
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*
 * WebShop spezifische SASS Erweiterung für Notifications
 */
div.mod_notification {
  margin-bottom: 1.6em; }
  .page_centered div.mod_notification {
    margin-top: 1.6em; }
  .layout_columns_main div.mod_notification {
    margin-top: 0em;
    max-width: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
#verknuepfenContent_verknuepfenForm .mod_login_process_swisspass_column_container {
  margin: auto; }

#verknuepfenContent_verknuepfenForm .mod_textfield {
  max-width: none;
  width: 100%; }

.mod_login_process_swisspass {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mod_login_process_swisspass h1 {
    margin: 2em 0 0;
    text-align: center;
    width: 100%; }
  .mod_login_process_swisspass h2 {
    margin-top: 3em; }
    @media all and (min-width: 64.0625em) {
      .mod_login_process_swisspass h2 {
        margin-top: 1em; } }
  .mod_login_process_swisspass_column_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .mod_login_process_swisspass_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1rem;
    text-align: center; }
    @media all and (min-width: 160.0625em) {
      .mod_login_process_swisspass_column {
        font-size: 1.25rem; } }
    @media all and (min-width: 240.0625em) {
      .mod_login_process_swisspass_column {
        font-size: 1.5rem; } }
    .mod_login_process_swisspass_column .mod_textfield {
      display: inline-block; }
    .mod_login_process_swisspass_column a,
    .mod_login_process_swisspass_column p {
      line-height: 1.7;
      margin: 2em 0;
      font-size: 1rem; }
      @media all and (min-width: 160.0625em) {
        .mod_login_process_swisspass_column a,
        .mod_login_process_swisspass_column p {
          font-size: 1.25rem; } }
      @media all and (min-width: 240.0625em) {
        .mod_login_process_swisspass_column a,
        .mod_login_process_swisspass_column p {
          font-size: 1.5rem; } }
    .mod_login_process_swisspass_column a:not(.text__actionlink):hover, .mod_login_process_swisspass_column a:not(.text__actionlink):focus {
      color: #C60018; }
    .mod_login_process_swisspass_column p:first-child {
      margin-top: -0.46667em; }
    .mod_login_process_swisspass_column_content {
      max-width: 30em; }
      .mod_login_process_swisspass_column_content_spacer {
        margin-bottom: 3.7em !important; }
    @media all and (min-width: 64.0625em) {
      .mod_login_process_swisspass_column {
        width: 50%;
        padding: 1.6em 5.33333em; }
        .mod_login_process_swisspass_column:first-child {
          padding-left: 0.53333em; }
        .mod_login_process_swisspass_column:last-child {
          padding-right: 0.53333em; }
        .mod_login_process_swisspass_column_content {
          height: auto !important; }
        .mod_login_process_swisspass_column_link {
          display: none; } }
  .mod_login_process_swisspass_logo {
    display: block;
    max-width: 100%;
    margin: 1em 0 1em; }
  .mod_login_process_swisspass_links_list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
    color: #666666;
    font-size: 0.86667em;
    margin: 1em 0 0;
    margin: 0.5em auto 2em auto;
    color: #666666; }
    .mod_login_process_swisspass_links_list a {
      color: currentColor; }
  .mod_login_process_swisspass_links_list_item {
    display: inline-block;
    margin-right: 0.92308em; }
    .mod_login_process_swisspass_links_list_item:last-child {
      margin-right: 0; }
    @media all and (min-width: 26.3125em) {
      .mod_login_process_swisspass_links_list_item {
        display: block; } }
  .mod_login_process_swisspass_links_list_item_link {
    color: #666666; }
    .mod_login_process_swisspass_links_list_item_link:focus, .mod_login_process_swisspass_links_list_item_link:hover {
      color: #C60018; }
  @media all and (min-width: 64.0625em) {
    .mod_login_process_swisspass_columncontainer {
      margin: 0 -0.53333rem; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.onboarding_wrapper .onboarding_container {
  padding-left: 15%;
  padding-right: 15%; }
  @media all and (max-width: 40.1775em) {
    .onboarding_wrapper .onboarding_container {
      padding-left: 0;
      padding-right: 0; } }
  .onboarding_wrapper .onboarding_container .onborading_benefit {
    margin: 0 auto 3.2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 2.13333rem; }
    .onboarding_wrapper .onboarding_container .onborading_benefit ul {
      list-style: none;
      font-size: 1.4rem;
      padding: 0;
      margin-top: 1.06667rem; }
      .onboarding_wrapper .onboarding_container .onborading_benefit ul li {
        margin-bottom: 1.6rem; }
        .onboarding_wrapper .onboarding_container .onborading_benefit ul li svg {
          float: unset;
          vertical-align: bottom; }
        .onboarding_wrapper .onboarding_container .onborading_benefit ul li span {
          margin-left: 0.73333rem; }
  .onboarding_wrapper .onboarding_container .onboarding_login_button {
    margin-bottom: 3.2rem; }

.mod_onboarding_button {
  max-width: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_bestellungen_suchmaske {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .mod_bestellungen_suchmaske .mod_fieldset {
    border: none;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 1.6em; }
    @media all and (max-width: 40.1775em) {
      .mod_bestellungen_suchmaske .mod_fieldset {
        border-top: 1px solid #DCDCDC;
        margin: 0em -1.6em 0em;
        padding: 0 1.6em 1.6em; } }
    .mod_bestellungen_suchmaske .mod_fieldset .mod_fieldset_legend.var_headline_2 {
      display: inline-block;
      width: 100%;
      font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 1.33333em;
      line-height: 1.4;
      margin-top: 0;
      margin-bottom: 1.2em;
      padding-bottom: 1.19048em; }
      @media all and (min-width: 40.1875em) {
        .mod_bestellungen_suchmaske .mod_fieldset .mod_fieldset_legend.var_headline_2 {
          margin-bottom: 1.14286em;
          font-size: 1.4em; } }
      @media all and (min-width: 160.0625em) {
        .mod_bestellungen_suchmaske .mod_fieldset .mod_fieldset_legend.var_headline_2 {
          font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
      @media all and (min-width: 64.0625em) {
        .mod_bestellungen_suchmaske .mod_fieldset .mod_fieldset_legend.var_headline_2 {
          margin-bottom: 0;
          padding-bottom: 2.14286em; } }
  .mod_bestellungen_suchmaske .mod_fieldset_controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .mod_bestellungen_suchmaske .mod_fieldset_controls .mod_datepicker {
      z-index: 2; }
      .mod_bestellungen_suchmaske .mod_fieldset_controls .mod_datepicker + .mod_datepicker {
        z-index: 1; }
    .mod_bestellungen_suchmaske .mod_fieldset_controls .mod_datepicker + .mod_select {
      margin-left: 0; }
    .mod_bestellungen_suchmaske .mod_fieldset_controls .mod_datepicker.var_arrows.var_icon {
      -ms-flex-preferred-size: 14.9em;
          flex-basis: 14.9em; }
    @media all and (max-width: 40.1775em) {
      .mod_bestellungen_suchmaske .mod_fieldset_controls > * {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        width: 100%; }
        .mod_bestellungen_suchmaske .mod_fieldset_controls > *.mod_datepicker.var_arrows.var_icon {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
          padding-right: 0; }
      .mod_bestellungen_suchmaske .mod_fieldset_controls .mod_select_control, .mod_bestellungen_suchmaske .mod_fieldset_controls .mod_select_wrapper {
        width: 100%; }
      .mod_bestellungen_suchmaske .mod_fieldset_controls .mod_datepicker + .mod_datepicker {
        margin-left: 0; } }
    .mod_bestellungen_suchmaske .mod_fieldset_controls .mod_textfield.stichwortsuche {
      max-width: 100%; }
    .mod_bestellungen_suchmaske .mod_fieldset_controls .text__primarybutton {
      margin-bottom: 1.6em;
      margin-top: 1.06667em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_bestellungen_select_all_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media all and (max-width: 40.1775em) {
    .mod_bestellungen_select_all_wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.mod_bestellungen_select_all_checkbox .mod_radio_checkbox_styled {
  margin-top: -0.13333em; }

.mod_bestellungen_select_all_checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto; }
  @media all and (max-width: 40.1775em) {
    .mod_bestellungen_select_all_checkbox {
      margin: 1.6em 0 0 0; } }

.mod_bestellungen_select_all_pdf_link_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media all and (max-width: 40.1775em) {
    .mod_bestellungen_select_all_pdf_link_wrapper {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-line-pack: normal;
          align-content: normal; } }

.mod_bestellungen_select_all_pdf_link_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mod_bestellungen_select_all_pdf_link_container a {
    margin: 1.6em 0 0 0; }
    .mod_bestellungen_select_all_pdf_link_container a.var_unavailable {
      border: 0.06667em solid #979797;
      background: none;
      color: #666666;
      -webkit-transition: none;
      transition: none;
      text-align: center; }
      .mod_bestellungen_select_all_pdf_link_container a.var_unavailable:hover, .mod_bestellungen_select_all_pdf_link_container a.var_unavailable:focus {
        background: none; }

.mod_bestellungen_dossierzeilen .mod_fieldset {
  border: none;
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 1.6em; }
  @media all and (max-width: 40.1775em) {
    .mod_bestellungen_dossierzeilen .mod_fieldset {
      border-top: 1px solid #DCDCDC;
      margin: 0em -1.6em 0em;
      padding: 0 1.6em 1.6em; } }
  .mod_bestellungen_dossierzeilen .mod_fieldset .mod_fieldset_legend.var_headline_2 {
    display: inline-block;
    width: 100%;
    font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.33333em;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1.2em;
    padding-bottom: 1.19048em; }
    @media all and (min-width: 40.1875em) {
      .mod_bestellungen_dossierzeilen .mod_fieldset .mod_fieldset_legend.var_headline_2 {
        margin-bottom: 1.14286em;
        font-size: 1.4em; } }
    @media all and (min-width: 160.0625em) {
      .mod_bestellungen_dossierzeilen .mod_fieldset .mod_fieldset_legend.var_headline_2 {
        font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif; } }
    @media all and (min-width: 64.0625em) {
      .mod_bestellungen_dossierzeilen .mod_fieldset .mod_fieldset_legend.var_headline_2 {
        margin-bottom: 0;
        padding-bottom: 2.14286em; } }

.mod_bestellungen_dossierzeilen .mod_radio_checkbox_control {
  top: auto; }

.mod_bestellungen_dossierzeilen .notification_wrapper {
  padding-top: 3.2em; }

.mod_bestellungen_dossierzeilen_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  width: 100%;
  border: none; }

.mod_bestellungen_dossierzeilen_item {
  clear: left;
  position: relative;
  border: 0;
  margin: 0;
  border-bottom: 0.06667em solid #E5E5E5;
  padding: 1.6em 0; }
  .mod_bestellungen_dossierzeilen_item_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mod_bestellungen_dossierzeilen_item_checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .mod_bestellungen_dossierzeilen_item_checkbox .mod_radio_checkbox_styled {
      margin-top: 0.1em; }
  .mod_bestellungen_dossierzeilen_item_inner_wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    cursor: pointer; }
  .mod_bestellungen_dossierzeilen_item_container.var_align_right {
    margin-left: auto;
    text-align: right; }
  .mod_bestellungen_dossierzeilen_item_container h4 {
    margin-bottom: 0; }
  .mod_bestellungen_dossierzeilen_item_container .var_subtitle {
    font-size: 0.86667rem; }
    @media all and (min-width: 160.0625em) {
      .mod_bestellungen_dossierzeilen_item_container .var_subtitle {
        font-size: 1em; } }
  .mod_bestellungen_dossierzeilen_item_container .var_light_text {
    color: #666666; }
  .mod_bestellungen_dossierzeilen_item_container .erstattung {
    color: #EB0000;
    padding-right: 0.66667rem; }
  @media all and (min-width: 48.0625em) {
    .mod_bestellungen_dossierzeilen_item_container {
      width: 30%;
      max-width: none; }
      .mod_bestellungen_dossierzeilen_item_container.var_wide {
        width: 50%; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_bestelldatum, .mod_bestellungen_dossierzeilen_item_container.var_order_bestellnummer {
        text-align: right;
        margin-left: auto; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_reisender .var_mobile {
        display: none; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_reisender .var_desktop {
        display: inherit; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_reisender span.var_desktop {
        display: initial; } }
  @media all and (max-width: 48.0525em) {
    .mod_bestellungen_dossierzeilen_item_container {
      width: 50%; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_preis {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_bestelldatum {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_reisender {
        -webkit-box-ordinal-group: 97;
            -ms-flex-order: 96;
                order: 96; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_bestellnummer {
        -webkit-box-ordinal-group: 98;
            -ms-flex-order: 97;
                order: 97; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_klasse {
        -webkit-box-ordinal-group: 99;
            -ms-flex-order: 98;
                order: 98; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_link {
        -webkit-box-ordinal-group: 100;
            -ms-flex-order: 99;
                order: 99; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_bestelldatum, .mod_bestellungen_dossierzeilen_item_container.var_order_bestellnummer {
        text-align: right; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_klasse {
        width: 100%; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_reisender_title {
        display: none; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_reisender .var_mobile {
        display: inherit;
        line-height: 1.9; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_reisender .var_desktop {
        display: none; } }
  @media all and (max-width: 40.1775em) {
    .mod_bestellungen_dossierzeilen_item_container {
      width: 100%; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_reisender {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_klasse {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_preis {
        -webkit-box-ordinal-group: 97;
            -ms-flex-order: 96;
                order: 96; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_bestelldatum {
        -webkit-box-ordinal-group: 98;
            -ms-flex-order: 97;
                order: 97; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_bestellnummer {
        -webkit-box-ordinal-group: 99;
            -ms-flex-order: 98;
                order: 98; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_link {
        -webkit-box-ordinal-group: 100;
            -ms-flex-order: 99;
                order: 99; }
      .mod_bestellungen_dossierzeilen_item_container.var_order_bestelldatum, .mod_bestellungen_dossierzeilen_item_container.var_order_bestellnummer {
        text-align: left; } }
  .mod_bestellungen_dossierzeilen_item_container:only-of-type {
    width: auto;
    max-width: none; }
  .mod_bestellungen_dossierzeilen_item:first-child:nth-last-child(1), .mod_bestellungen_dossierzeilen_item:last-child {
    margin-bottom: 0; }
  .mod_bestellungen_dossierzeilen_item .mod_svgsprite_icon.var_one_way {
    float: none;
    vertical-align: middle;
    height: 1.2em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
@media all and (min-width: 20.0625em) {
  .mod_bestellungen_belege .button_belege_wrapper {
    padding: 1.6em 0; } }

.billettErrorMsg {
  margin: auto !important; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_bestellungen_verknuepfung_container {
  border: none;
  border-top: 1px solid #DCDCDC;
  padding: 2.26667em 0 1.6em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_streckendetail_reisewege {
  margin: -0.6em 0 -1.6em 0; }

.mod_streckendetail_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  margin-top: 3em; }
  @media all and (max-width: 48.0525em) {
    .mod_streckendetail_header {
      display: none; } }
  .mod_streckendetail_header_columns {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.86667em;
    color: #666666; }
  .mod_streckendetail_header_spacer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14em;
            flex: 0 0 14em; }
    @media all and (min-width: 64.0625em) {
      .mod_streckendetail_header_spacer {
        -ms-flex-preferred-size: 18.33333em;
            flex-basis: 18.33333em; } }

.mod_streckendetail_item_content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  line-height: 1;
  padding-top: 1em;
  padding-bottom: 0.66667em;
  overflow: hidden; }

.mod_streckendetail_item_control {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14em;
          flex: 0 0 14em;
  padding-top: 0.86667em;
  padding-bottom: 0.86667em; }
  @media all and (min-width: 64.0625em) {
    .mod_streckendetail_item_control {
      -ms-flex-preferred-size: 18.33333em;
          flex-basis: 18.33333em; } }
  .mod_streckendetail_item_control .mod_streckendetail_buy {
    margin-left: auto;
    margin-right: 1.6rem;
    padding: 0.8em;
    min-width: 12em;
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    background: #EB0000;
    color: #FFFFFF;
    border-radius: 0.13333em; }
    @media all and (min-width: 64.0625em) {
      .mod_streckendetail_item_control .mod_streckendetail_buy {
        padding-left: 2.93333em;
        padding-right: 2.93333em;
        min-width: 16em; } }
    .mod_streckendetail_item_control .mod_streckendetail_buy_label {
      display: inline;
      padding-right: 0.53333em; }
    .mod_streckendetail_item_control .mod_streckendetail_buy .mod_svgsprite_icon {
      float: right;
      fill: #FFFFFF; }
  .mod_streckendetail_item_control .mod_streckendetail_item_control_right_align {
    float: right; }

.mod_streckendetail_item_content, .mod_streckendetail_item_control {
  z-index: 1; }
  .mod_streckendetail_item_content:hover ~ .mod_accordion_item_link,
  .mod_streckendetail_item_content:focus ~ .mod_accordion_item_link, .mod_streckendetail_item_control:hover ~ .mod_accordion_item_link,
  .mod_streckendetail_item_control:focus ~ .mod_accordion_item_link {
    background-color: #E5E5E5; }

.mod_streckendetail_col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 1.6rem;
  text-align: center; }
  @media all and (min-width: 48.0625em) {
    .mod_streckendetail_col {
      padding-left: 2em; } }
  .mod_streckendetail_col.var_produkt {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    text-align: left;
    line-height: 1.5; }
    .mod_streckendetail_col.var_produkt .tarifstufe {
      color: #666666;
      font-size: 0.86667rem;
      text-decoration: underline; }
  .mod_streckendetail_col.var_dauer {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%; }
  .mod_streckendetail_col.var_umsteigen {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%; }
  .mod_streckendetail_col.var_verbindungen {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%; }
  .mod_streckendetail_col.var_spacer {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%; }
  @media all and (max-width: 48.0525em) {
    .mod_streckendetail_col.var_dauer, .mod_streckendetail_col.var_umsteigen, .mod_streckendetail_col.var_verbindungen, .mod_streckendetail_col.var_spacer {
      display: none; } }

@media all and (max-width: 48.0525em) {
  .mod_accordion.var_streckendetail {
    margin-top: 3em; } }

.mod_accordion_item_heading.var_streckendetail {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 6.8em; }

.mod_accordion_item_link.var_streckendetail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_dynamische_parameter {
  margin-bottom: -21px; }
  .mod_dynamische_parameter > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    @media all and (min-width: 48.0625em) {
      .mod_dynamische_parameter > div {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 33%;
                flex: 1 0 33%;
        max-width: 33%; } }
  .mod_dynamische_parameter.mod_dynamische_parameter .mod_textfield.var_time {
    padding-right: 0.53333em; }

@media all and (min-width: 48.0625em) {
  .mod_dynamische_parameter.dynamische_param_order > div:not(.dyn_time_field) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30%;
            flex: 1 0 30%;
    max-width: 30%; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.mod_druckansicht {
  margin-left: 1px;
  max-width: 18cm;
  min-width: 18cm;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-top: 1em;
  padding-left: 1em; }

@page {
  .mod_druckansicht {
    size: 21cm 29.7cm;
    margin: 10mm 10mm 10mm 10mm; } }
  @media print {
    .mod_druckansicht {
      font-size: 100%;
      line-height: 1.0;
      padding: 0;
      -webkit-transition: none;
      transition: none;
      margin-left: 1px;
      max-width: 18cm;
      min-width: 18cm;
      width: 18cm;
      -webkit-font-smoothing: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .mod_druckansicht .no-print, .mod_druckansicht .no-print * {
        display: none !important; } }
  .mod_druckansicht_hinweisicon_uebersicht {
    margin-right: 4px; }
  .mod_druckansicht_warning {
    margin-bottom: 8px; }
  .mod_druckansicht_nowrap {
    white-space: nowrap; }
  .mod_druckansicht_vertical_top {
    vertical-align: top; }
  .mod_druckansicht_td_center {
    text-align: center !important; }
  .mod_druckansicht_logo {
    float: right;
    top: 10px; }
  .mod_druckansicht_zugeigenschaften_legende_titel {
    color: #666666; }
  .mod_druckansicht_splitline {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 1px;
    border-bottom: 1px solid #000000;
    clear: both; }
  .mod_druckansicht_stage_info {
    margin-bottom: 8px;
    margin-top: 8px; }
  .mod_druckansicht_content {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 1em;
    width: 100%;
    page-break-inside: avoid; }
    .mod_druckansicht_content table th, .mod_druckansicht_content table tr, .mod_druckansicht_content table td {
      font-size: 12px;
      vertical-align: top; }
    .mod_druckansicht_content .mod_timetable_environment_calculator {
      font-size: 0.6em;
      border-bottom: none;
      padding-top: 0.5em;
      padding-bottom: 0; }
  .mod_druckansicht_details {
    padding-top: 1.4em; }
  .mod_druckansicht_captions h1, .mod_druckansicht_captions h2, .mod_druckansicht_captions h3 {
    margin-bottom: 0;
    margin-top: 30px;
    line-height: 18px; }
  .mod_druckansicht_captions h4, .mod_druckansicht_captions h5 {
    margin: 0;
    line-height: 8px; }
  .mod_druckansicht_infotext {
    font-size: 10px;
    width: 100%; }
  .mod_druckansicht_overviewtable {
    width: 100%;
    border: 0;
    margin: 0;
    padding-top: 3em; }
    .mod_druckansicht_overviewtable_th_d1 {
      width: 200px;
      text-align: left; }
    .mod_druckansicht_overviewtable_th_d2a {
      width: 30px;
      text-align: left; }
    .mod_druckansicht_overviewtable_th_d2b {
      width: 50px;
      text-align: left; }
    .mod_druckansicht_overviewtable_th_d2 {
      width: 80px;
      text-align: left; }
    .mod_druckansicht_overviewtable_th_d3a {
      width: 80px;
      text-align: left; }
    .mod_druckansicht_overviewtable_th_d3b {
      width: 60px;
      text-align: left; }
    .mod_druckansicht_overviewtable_th_d3 {
      width: 140px;
      text-align: left; }
    .mod_druckansicht_overviewtable_th_d4 {
      width: 80px;
      text-align: left; }
    .mod_druckansicht_overviewtable_th_d5 {
      width: 150px;
      text-align: left; }
    .mod_druckansicht_overviewtable_products_th {
      width: 80px; }
    .mod_druckansicht_overviewtable_details_th {
      width: 20px; }
  .mod_druckansicht_halt_eigenschaften {
    padding-top: 0;
    margin-top: -3px;
    font-size: 10px; }
  .mod_druckansicht .druck_warning {
    color: #EB0000; }

.mod_svgsprite_icon.var_small_selbstkontrolle_druck {
  float: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  height: 1em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_vertrag_auswahl_container h1 {
  text-align: left; }

.mod_vertrag_auswahl_container .mod_vertrag_auswahl_content h2 {
  margin-bottom: 1.6em; }

.mod_vertrag_auswahl_container .mod_vertrag_auswahl_content button {
  margin-top: 1.6em; }

.mod_vertrag_auswahl_container .mod_vertrag_auswahl_abklaerung {
  margin-bottom: 1.6em;
  text-align: left; }

.mod_vertrag_auswahl_container .mod_notification_businesswarning {
  margin-bottom: 24px;
  width: 100%;
  background-color: #666666; }

@media all and (max-width: 64.0525em) {
  .mod_vertrag_auswahl_container h1 {
    text-align: center; }
  .mod_vertrag_auswahl_container h2 {
    text-align: center; }
  .mod_vertrag_auswahl_container .mod_vertrag_auswahl_abklaerung {
    text-align: center; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.mod_agb_changed {
  max-width: 43.73333em;
  margin: 0 auto;
  padding: 1.06667em 0;
  text-align: left; }

.mod_agb_changed .mod_pagetitle {
  text-align: left; }

.mod_agb_changed .mod_copy {
  margin-bottom: 1.6em; }

.mod_agb_html h2 {
  margin-top: 48px;
  margin-bottom: 9px; }

.mod_agb_html h3 {
  margin-top: 15px;
  margin-bottom: 0px; }

.mod_agb_html h4 {
  margin-top: 15px;
  margin-bottom: 0px; }

.mod_agb_html h4 {
  margin-top: 15px;
  margin-bottom: 0px; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.mod_webshop_panel_list {
  width: 100%; }
  .mod_webshop_panel_list .mod_webshop_panel_wrapper {
    width: 100%; }
  .mod_webshop_panel_list .mod_webshop_panel_items {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -0.26667em;
    overflow: auto; }
    .mod_webshop_panel_list .mod_webshop_panel_items.var_cc_list {
      margin-bottom: 0.73333em; }
    .mod_webshop_panel_list .mod_webshop_panel_items.default_panel_items .first-row {
      color: #000000; }
    .mod_webshop_panel_list .mod_webshop_panel_items.default_panel_items .second-row {
      color: #666666;
      font-size: 0.93333em; }
    @media all and (max-width: 40.1775em) {
      .mod_webshop_panel_list .mod_webshop_panel_items.default_panel_items .cardholder .separator {
        display: none; }
      .mod_webshop_panel_list .mod_webshop_panel_items.default_panel_items .cardholder:before {
        content: ' ';
        display: block; } }
  .mod_webshop_panel_list .mod_webshop_panel_item {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin-top: 0;
    margin-bottom: 0.53333em;
    -webkit-transition: border-color .25s ease-out;
    transition: border-color .25s ease-out;
    line-height: initial; }
    .mod_webshop_panel_list .mod_webshop_panel_item_header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 1.06667em;
      padding-right: 4.26667em;
      padding-bottom: 1.06667em;
      padding-left: 1.6em;
      margin: 0 0.26667em;
      border: 0.06667em solid;
      border-radius: 0.13333em;
      -webkit-transition: background-color .1s ease-in;
      transition: background-color .1s ease-in;
      -webkit-transition: border-color .15s ease-in-out;
      transition: border-color .15s ease-in-out;
      border-color: black;
      background-color: #FFFFFF; }
      .is_checked .mod_webshop_panel_list .mod_webshop_panel_item_header {
        -webkit-transition: border-color .15s ease-in-out;
        transition: border-color .15s ease-in-out;
        border-color: black;
        background-color: #FFFFFF; }
    .mod_webshop_panel_list .mod_webshop_panel_item_inner_wrapper {
      *zoom: 1;
      -webkit-box-flex: 1;
          -ms-flex: 1 auto;
              flex: 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: -0.06667em 0 -0.53333em 0; }
      .mod_webshop_panel_list .mod_webshop_panel_item_inner_wrapper:before, .mod_webshop_panel_list .mod_webshop_panel_item_inner_wrapper:after {
        content: '';
        display: table; }
      .mod_webshop_panel_list .mod_webshop_panel_item_inner_wrapper:after {
        clear: both; }
      @media all and (min-width: 40.1875em) {
        .mod_webshop_panel_list .mod_webshop_panel_item_inner_wrapper {
          margin-bottom: -0.2em; } }
      .var_cc_list .mod_webshop_panel_list .mod_webshop_panel_item_inner_wrapper {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .mod_webshop_panel_list .mod_webshop_panel_item_image {
      float: left;
      width: 3.2em;
      height: 2em;
      margin-right: 1.6em;
      margin-top: 0.33333em;
      margin-bottom: 0.53333em;
      background: #FFFFFF;
      border-radius: 0.13333em; }
      @media all and (min-width: 40.1875em) {
        .mod_webshop_panel_list .mod_webshop_panel_item_image {
          margin-bottom: -0.13333em; } }
      .mod_webshop_panel_list .mod_webshop_panel_item_image .mod_svgsprite_icon {
        width: 100%;
        height: 100%; }
    .mod_webshop_panel_list .mod_webshop_panel_item_container {
      padding-top: 0;
      padding-right: 0.53333em;
      margin-bottom: 0.53333em; }
      @media all and (min-width: 40.1875em) {
        .mod_webshop_panel_list .mod_webshop_panel_item_container {
          margin: 0; } }
    .mod_webshop_panel_list .mod_webshop_panel_item_content {
      color: #666666;
      -webkit-transition: color .1s ease-in;
      transition: color .1s ease-in; }
      .is_checked .mod_webshop_panel_list .mod_webshop_panel_item_content {
        color: #000000; }
    .mod_webshop_panel_list .mod_webshop_panel_item:first-child:nth-last-child(1), .mod_webshop_panel_list .mod_webshop_panel_item:last-child {
      margin-bottom: 0; }
    .mod_webshop_panel_list .mod_webshop_panel_item_button {
      position: absolute;
      right: 1.86667em;
      top: 1.06667em;
      margin-top: 0.33333em;
      background: none;
      border-radius: 60%;
      border-color: #686868;
      border-width: 0.06667em;
      border-style: solid;
      margin-left: 0.66667em;
      width: 2.13333em;
      height: 2.13333em;
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-transition: opacity 0.25s ease-in, border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 0.25s ease-in, border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
      .mod_webshop_panel_list .mod_webshop_panel_item_button.secondary {
        right: 4.26667em; }
      .mod_webshop_panel_list .mod_webshop_panel_item_button .mod_svgsprite_icon {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        position: absolute;
        fill: #686868;
        -webkit-transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.1s ease-out;
        transition: fill 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.1s ease-out; }
      .mod_webshop_panel_list .mod_webshop_panel_item_button.selected {
        background-color: #686868;
        border-width: 0.06667em; }
        .mod_webshop_panel_list .mod_webshop_panel_item_button.selected .mod_svgsprite_icon {
          fill: #FFFFFF; }
      .mod_webshop_panel_list .mod_webshop_panel_item_button:focus, .mod_webshop_panel_list .mod_webshop_panel_item_button:hover {
        border-color: #C60018; }
        .mod_webshop_panel_list .mod_webshop_panel_item_button:focus .mod_svgsprite_icon, .mod_webshop_panel_list .mod_webshop_panel_item_button:hover .mod_svgsprite_icon {
          fill: #C60018; }

.panellist_add_button {
  margin-top: 1.6em; }

.panellist_header_icon svg {
  fill: #FFFFFF;
  background-color: #686868;
  border-radius: 60%;
  margin-right: 0.8em;
  margin-bottom: 1.06667em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_bestellung .mod_fieldset.var_shop {
  margin-bottom: 0; }
  .mod_bestellung .mod_fieldset.var_shop .mod_dl_title {
    text-align: left;
    margin-top: 0; }
  .mod_bestellung .mod_fieldset.var_shop .mod_bestellung_subtitle {
    margin: 2.2em 0 1.3em 0; }
  .mod_bestellung .mod_fieldset.var_shop .mod_bestellung_annotation {
    margin-bottom: 2.2em; }
  .mod_bestellung .mod_fieldset.var_shop + .mod_fieldset {
    border-top: none; }
  .mod_bestellung .mod_fieldset.var_shop.action_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media all and (max-width: 26.3025em) {
      .mod_bestellung .mod_fieldset.var_shop.action_buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .mod_bestellung .mod_fieldset.var_shop .mod_ticketforward {
    padding: 0;
    border: none;
    margin-top: -1.1em; }
    @media all and (max-width: 26.3025em) {
      .mod_bestellung .mod_fieldset.var_shop .mod_ticketforward_wrapper a {
        margin: 1.2em 0 0 0; } }
  .mod_bestellung .mod_fieldset.var_shop .refund_button {
    margin-right: 20px;
    margin-top: 0.53333em; }
    @media all and (max-width: 26.3025em) {
      .mod_bestellung .mod_fieldset.var_shop .refund_button {
        margin-bottom: 0.53333em;
        margin-right: 0; } }
    @media all and (max-width: 40.1775em) {
      .mod_bestellung .mod_fieldset.var_shop .refund_button {
        padding-right: 2.66667em; } }
  .mod_bestellung .mod_fieldset.var_shop p.link {
    margin-top: 1.6em; }
    .mod_bestellung .mod_fieldset.var_shop p.link .text_actionLink {
      margin-bottom: 0; }
  .mod_bestellung .mod_fieldset.var_shop .mod_invoice_payment_promo {
    display: table; }
    .mod_bestellung .mod_fieldset.var_shop .mod_invoice_payment_promo_icon {
      display: table-cell;
      height: 40px;
      width: 65px;
      vertical-align: middle;
      margin-right: 1.06667em;
      margin-top: 0.53333em;
      float: left; }
      @media all and (max-width: 48.0525em) {
        .mod_bestellung .mod_fieldset.var_shop .mod_invoice_payment_promo_icon {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          -webkit-clip-path: inset(0 0 0 0);
                  clip-path: inset(0 0 0 0);
          margin: -1px;
          padding: 0;
          border: 0; } }
    .mod_bestellung .mod_fieldset.var_shop .mod_invoice_payment_promo_text {
      display: table-cell;
      vertical-align: middle;
      height: 55px; }

.mod_bestellung_totalprice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: -0.6em; }
  .mod_bestellung_totalprice > div {
    border: 0;
    margin: 0;
    padding: 1.4em 0 0 0;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .mod_bestellung_totalprice_title {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .mod_bestellung_totalprice_amount {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
/**
 * Created by Chris Dickinson, ue70941 on 11.04.2017.
 */
.neue_zahlungsmittel_hinweis {
  padding-bottom: 0.53333em; }
  .neue_zahlungsmittel_hinweis p {
    margin-top: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.mod_lightbox .mod_useraccount_travel_companions .var_headline_2 {
  margin-top: 0.4em;
  margin-bottom: 1.8em; }

.mod_lightbox .mod_useraccount_travel_companions .mod_national_travelers_list_item.is_visible:last-child {
  margin-bottom: 22.66667em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_adresse_lightbox_content {
  margin-top: 0.66667em; }
  .mod_adresse_lightbox_content .mod_useraccount_adresse_lead {
    padding-bottom: 1.6em;
    padding-top: 1.6em; }
  @media all and (min-width: 40.1875em) {
    .mod_adresse_lightbox_content {
      margin-top: 5.33333em; } }
  .mod_adresse_lightbox_content .mod_adresse_hr_line {
    border: none;
    margin-left: -10em;
    margin-right: -15em; }
  .mod_adresse_lightbox_content .mod_adresse_buttons {
    margin-top: 3.2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .mod_adresse_lightbox_content .mod_adresse_buttons .text__secondarybutton {
      margin-bottom: 1.6em;
      width: 100%; }
    .mod_adresse_lightbox_content .mod_adresse_buttons .text__primarybutton {
      width: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_notification_checkbox {
  padding: 1.46667em 1.6em; }

.mod_notification_radios_group {
  border-top: 0.06667em solid #DCDCDC;
  padding-top: 1.46667em;
  padding-bottom: 1.06667em;
  padding-right: 1.46667em;
  padding-left: 1.46667em; }

.mod_notification_title {
  margin: 0 -0.2em 1.6em 0; }

.mod_notification_unselected {
  background-color: #F6F6F6;
  margin-bottom: 1.46667em; }

.mod_notification_selected {
  border-color: #000000;
  border: 0.06667em solid;
  margin-bottom: 1.46667em; }

.mod_notification_permission_list {
  list-style: none;
  margin: 0;
  padding: 2em;
  font-size: inherit;
  width: 100%;
  border: none; }

.mod_notification_werbung {
  padding-top: 1.4em; }

.mod_notification_padding_bottom {
  padding-bottom: 0.86667em; }

.mod_notification_hint {
  padding-bottom: 1.46667em;
  border-bottom: 1px solid #DCDCDC; }

.mod_notification_subtext {
  color: #666666;
  padding: 2em; }

.mod_cancelation_text {
  margin: 0 auto;
  margin-bottom: 3.2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.mod_notification_cancelationButton {
  margin-bottom: 1.6rem; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.mod_kontingent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mod_kontingent_outer_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; }
  .mod_kontingent_wrapper {
    padding: 0.8em;
    margin-bottom: 0.53333em;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%; }
    @media all and (min-width: 40.1875em) {
      .mod_kontingent_wrapper {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        max-width: 50%; } }
    @media all and (min-width: 64.0625em) {
      .mod_kontingent_wrapper {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        max-width: 25%; } }
    .mod_kontingent_wrapper_inner {
      border: 1px solid #E5E5E5;
      position: relative; }
      .mod_kontingent_wrapper_inner.var_reisedatum {
        border: 2px solid #666666; }
    .mod_kontingent_wrapper a {
      display: block;
      text-decoration: none;
      color: #000000; }
  .mod_kontingent_title {
    padding: 1.6rem;
    text-align: center;
    background: #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.33333em;
    margin-top: 0;
    line-height: 1.7; }
    .mod_kontingent_title.var_ausverkauft {
      color: #666666;
      background: none; }
  .mod_kontingent_content {
    padding: 1.6em 1.6em 0; }
    .mod_kontingent_content.var_first .mod_kontingent_content_text:last-of-type {
      border-bottom: 1px solid #E5E5E5; }
    .mod_kontingent_content_title {
      padding-bottom: 0.53333em;
      font-weight: bold;
      font-size: 15px;
      margin-top: 0; }
      .mod_kontingent_content_title.var_ausverkauft {
        color: #666666; }
    .mod_kontingent_content_text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .mod_kontingent_content_text.var_ausverkauft {
        color: #666666; }
      .mod_kontingent_content_text:last-of-type {
        padding-bottom: 1.6em; }
  .mod_kontingent_disclaimer {
    color: #767676;
    font-size: 0.86667em;
    margin: 0 0.8em 1.6em;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    .mod_kontingent_disclaimer a {
      color: #767676; }
  .mod_kontingent_reisedatum {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .mod_kontingent_reisedatum .mod_datepicker_picker {
      z-index: 2; }
    .mod_kontingent_reisedatum .mod_datepicker {
      padding: 0.8em;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }
  .mod_kontingent_label_percentage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.6em 1.6em 0 0;
    border-color: #000000 transparent transparent transparent;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: rotate(360deg); }
    @media all and (min-width: 40.1875em) {
      .mod_kontingent_label_percentage {
        border-width: 2.4em 2.4em 0 0; } }
    @media all and (min-width: 64.0625em) {
      .mod_kontingent_label_percentage {
        border-width: 2.66667em 2.66667em 0 0; } }
  .mod_kontingent.mod_ws_toggle_button_checked .mod_ws_toggle_button_label_percentage {
    width: 2.26274em;
    height: 2.26274em;
    position: absolute;
    border-left: 1px solid #000000;
    z-index: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 0.46863em;
    left: 0.46863em; }
    @media all and (min-width: 40.1875em) {
      .mod_kontingent.mod_ws_toggle_button_checked .mod_ws_toggle_button_label_percentage {
        width: 3.39411em;
        height: 3.39411em;
        top: 0.70294em;
        left: 0.70294em; } }
    @media all and (min-width: 64.0625em) {
      .mod_kontingent.mod_ws_toggle_button_checked .mod_ws_toggle_button_label_percentage {
        width: 3.77123em;
        height: 3.77123em;
        top: 0.8em;
        left: 0.8em; } }
  .mod_kontingent.mod_ws_toggle_button_checked .var_percentage_sign {
    fill: #000000 !important; }
  .mod_kontingent.mod_ws_toggle_button_unchecked .mod_ws_toggle_button_label_percentage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.6em 1.6em 0 0;
    border-color: #000000 transparent transparent transparent;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: rotate(360deg); }
    @media all and (min-width: 40.1875em) {
      .mod_kontingent.mod_ws_toggle_button_unchecked .mod_ws_toggle_button_label_percentage {
        border-width: 2.4em 2.4em 0 0; } }
    @media all and (min-width: 64.0625em) {
      .mod_kontingent.mod_ws_toggle_button_unchecked .mod_ws_toggle_button_label_percentage {
        border-width: 2.66667em 2.66667em 0 0; } }
  .mod_kontingent .var_percentage_sign {
    fill: #FFFFFF !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    fill: #FFFFFF;
    height: 1.06667em;
    width: 1.06667em;
    margin: -0.00667em 0 0 -0.16667em; }
    @media all and (min-width: 40.1875em) {
      .mod_kontingent .var_percentage_sign {
        height: 1.86667em;
        width: 1.86667em;
        margin: -0.23333em 0 0 -0.26667em; } }
    @media all and (min-width: 64.0625em) {
      .mod_kontingent .var_percentage_sign {
        margin: -0.13333em 0 0 -0.2em; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.abrechnungWrapper {
  margin-top: 1.6em; }
  .abrechnungWrapper .mod_label.var_block {
    padding-left: 0; }
  .abrechnungWrapper .mod_select.b2bZahlungDropdown {
    max-width: none;
    display: inherit; }
    .abrechnungWrapper .mod_select.b2bZahlungDropdown .mod_select_wrapper {
      display: block;
      width: 49%; }
      @media all and (max-width: 40.1775em) {
        .abrechnungWrapper .mod_select.b2bZahlungDropdown .mod_select_wrapper {
          width: 100%; } }
      .abrechnungWrapper .mod_select.b2bZahlungDropdown .mod_select_wrapper .mod_select_control {
        width: 100%; }

.mod_textfield.var_no_bottom_margin {
  margin-bottom: 0px; }

.mod_fieldset.var_shop .mod_fieldset .mod_fieldset_controls.buyerInformationContainer {
  margin-top: 1.4em; }

.mod_fieldset.var_shop .mod_fieldset .mod_fieldset_controls.swisspass_loading_information {
  padding-top: 20pt;
  margin-top: 20pt;
  border-top: 0.06667em solid #E5E5E5; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_registrierung_b2b .mod_pagetitle {
  text-align: left; }

.b2bErstregistrierungLightboxVertragWrapper {
  height: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.ui-fileupload-buttonbar {
  background: transparent;
  display: none;
  border: none; }

.ui-fileupload-files {
  display: none; }

.ui-fileupload-upload {
  display: none; }

.ui-fileupload-cancel {
  display: none; }

.ui-corner-bottom {
  display: none; }

.uploadDownLoadHidden {
  display: none; }

.uploadDownloadButton {
  float: right;
  background: transparent; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_pagetitle.var_produkt_vertragspartner {
  text-align: left; }

.mod_lead_text.var_produkt_vertragspartner {
  text-align: left;
  margin-bottom: 3.2em;
  margin-left: 0; }

.mod_copy.var_produkt_vertragspartner {
  margin-bottom: 3.2em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.mod_kauf_fuer_dritte {
  width: 100%; }
  .mod_kauf_fuer_dritte .mod_kundensuche .mod_fieldset_description {
    margin-bottom: 1.14286em; }
  .mod_kauf_fuer_dritte .mod_kundensuche .mod_combo .mod_textfield.var_ckm {
    min-width: 0;
    max-width: 14.13333em; }
    @media all and (max-width: 40.1775em) {
      .mod_kauf_fuer_dritte .mod_kundensuche .mod_combo .mod_textfield.var_ckm {
        margin-right: 0.53333em;
        max-width: 10em; } }
  .mod_kauf_fuer_dritte .mod_kundensuche .mod_combo .mod_textfield.var_plz {
    min-width: 0;
    max-width: 6.93333em; }
  .mod_kauf_fuer_dritte .mod_kundensuche .mod_combo .mod_textfield.var_geburtsdatum {
    min-width: 0;
    max-width: 8.66667em; }
  .mod_kauf_fuer_dritte .mod_kundensuche .mod_combo .text__secondarybutton {
    margin-top: 1.06667em; }
  .mod_kauf_fuer_dritte .mod_kundensuche .abo_options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .mod_kauf_fuer_dritte .mod_kundensuche .abo_options p {
      margin-block: 0.4em 0; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .mod_kauf_fuer_dritte .mod_kundensuche .abo_options p {
          margin: 0.4em 0 0; } }
  .mod_kauf_fuer_dritte .mod_kundensuche .mod_tooltip_window {
    max-width: 43.33333em; }
  .mod_kauf_fuer_dritte .mod_fieldset.block-transform {
    -webkit-transform: none;
            transform: none; }

.verknuepfung_hinweistext_red_bold {
  color: #EB0000;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.kundensuche_beschreibung {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ckm_options {
  font-size: 1.4em;
  margin-bottom: 1.14286em; }
  .ckm_options .mod_tooltip .mod_tooltip_button {
    width: auto; }
    .ckm_options .mod_tooltip .mod_tooltip_button .mod_svgsprite_icon.var_question_mark {
      width: 1.6em;
      height: 1.6em;
      fill: none; }
  .ckm_options:last-child {
    margin-bottom: 0; }
    .ckm_options:last-child a.text__actionlink {
      margin-bottom: 0; }

#shopForm_aboDaten fieldset.var_shop legend.var_headline_1 {
  margin-bottom: 24px; }

#shopForm_aboDaten fieldset.var_shop fieldset.var_nested {
  padding-bottom: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.prevent_multisession_notification.hidden {
  display: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.hilfestellung_kundennummer_lightbox .mod_pagetitle {
  text-align: left; }

.hilfestellung_kundennummer_lightbox {
  margin-left: 20%;
  margin-right: 20%; }

.hilfestellung_kundennummer_hta {
  margin: 1.6em;
  padding: 1.06667em 0;
  float: right;
  margin-righ: 0;
  margin-left: 0; }

.hilfestellung_kundennummer_swisspass {
  margin: 1.6em;
  padding: 1.06667em 0;
  float: left;
  margin-left: 0; }

.hilfestellung_kundennummer_titel {
  margin-left: 0; }

.hilfestellung_kundennummer_titel_hta {
  position: absolute; }

.hilfestellung_kundennummer_titel_swisspass {
  position: absolute; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2018.
 */
@media screen and (-ms-high-contrast: active) {
  .mod_ws_toggle_button_input:checked + .mod_ws_toggle_button_label {
    border-top: 10px solid #fff; }
  .mod_trainformation_sector {
    border: 1px solid #fff;
    height: 32px; }
  .mod_trainformation_train_wagon {
    background-color: #fff; }
    .mod_trainformation_train_wagon_class {
      color: #000; } }

@media screen and (-ms-high-contrast: active) {
  svg.mod_svgsprite_icon {
    -ms-high-contrast-adjust: auto; } }

@media screen and (forced-colors: active) {
  @supports (forced-color-adjust: auto) {
    svg.mod_svgsprite_icon {
      forced-color-adjust: auto; } } }

@media screen and (prefers-contrast: more) {
  @supports not (forced-color-adjust: auto) {
    svg.mod_svgsprite_icon {
      -webkit-filter: invert(1);
              filter: invert(1); } } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2017.
 */
.session_expire_notification.hidden,
.session_countdown.hidden,
.session_expired.hidden,
.session_renewed_notification.hidden {
  display: none; }

.session_countdown {
  display: inline-block;
  width: 100%;
  line-height: 320%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_cfd {
  border: 0.06667em solid #A8A8A8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  position: relative; }
  .mod_cfd_sendCFD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 2em 4.4em 2em 2em; }
    @media all and (min-width: 64.0625em) {
      .mod_cfd_sendCFD {
        padding: 2.26667em 4.66667em 2.26667em 2.26667em;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        text-align: left; } }
  .mod_cfd .var_margin_top {
    margin-top: 1em; }
  .mod_cfd .var_margin_top_negative {
    margin-top: -1em; }
  .mod_cfd .percent_badge {
    border-right: 2.4em solid transparent;
    border-top: 2.4em solid #000000;
    color: white; }
    .mod_cfd .percent_badge .mod_svgsprite_icon {
      position: absolute;
      top: 0;
      left: 0;
      fill: currentColor; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.abo_lightbox_wrapper .abo_lightbox_container {
  padding-left: 15%;
  padding-right: 15%; }
  @media all and (max-width: 40.1775em) {
    .abo_lightbox_wrapper .abo_lightbox_container {
      padding-left: 0;
      padding-right: 0; } }
  .abo_lightbox_wrapper .abo_lightbox_container .abo_lightbox_text {
    margin: 0 auto;
    margin-bottom: 3.2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .abo_lightbox_wrapper .abo_lightbox_container .abo_lightbox_text h2 {
      margin-bottom: 3.2rem; }
  .abo_lightbox_wrapper .abo_lightbox_container .abo_lightbox_back_to_timetable_button {
    margin-bottom: 3.2rem; }
  .abo_lightbox_wrapper .abo_lightbox_container .abo_lightbox_continue_buy_process {
    margin-bottom: 3.2rem; }
    .abo_lightbox_wrapper .abo_lightbox_container .abo_lightbox_continue_buy_process button {
      background: none;
      padding: 0;
      margin: 0;
      margin-right: 1.73333rem;
      color: #444444;
      position: relative; }
      .abo_lightbox_wrapper .abo_lightbox_container .abo_lightbox_continue_buy_process button:hover {
        color: #C60018; }
      .abo_lightbox_wrapper .abo_lightbox_container .abo_lightbox_continue_buy_process button svg {
        fill: #EB0000;
        position: absolute;
        width: 1.6rem;
        height: 1.6rem;
        top: 50%;
        margin-top: -0.83333rem;
        margin-left: 0.4rem;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        pointer-events: none; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.ui-fotoupload-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ui-foto {
  text-align: center; }
  .ui-foto .ui-foto-preview {
    max-width: 10.8em;
    max-height: 100%;
    width: auto;
    height: auto; }

.ui-id-check-pruefgesamt {
  padding-left: 0.53333em; }

.abo-zurueck {
  margin-top: 1.33333em;
  margin-bottom: 1.33333em; }

.mod_pagetitle.var_produkt_vertragspartner {
  margin-left: 0; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_freizeitleistung .mod_datepicker {
  margin-bottom: 0;
  min-width: 100%;
  width: 100%; }
  @media all and (min-width: 26.3125em) {
    .mod_freizeitleistung .mod_datepicker {
      min-width: 20em;
      width: 20em; } }

.mod_ihre_reise .mod_radio_checkbox_control {
  z-index: 0; }

#shopForm_optionMitOev .mod_webshop_checkbox_radio_panel_item_header {
  position: relative; }

.mod_nobullet {
  list-style: none; }

.mod_oev_anreise .mod_fieldset_controls {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mod_oev_anreise .mod_fieldset_controls .var_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .mod_oev_anreise .mod_fieldset_controls .var_row.var_first_row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .mod_oev_anreise .mod_fieldset_controls .var_row.var_last_row {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    @media all and (min-width: 40.1875em) {
      .mod_oev_anreise .mod_fieldset_controls .var_row {
        -webkit-box-align: normal;
            -ms-flex-align: normal;
                align-items: normal; }
        .mod_oev_anreise .mod_fieldset_controls .var_row.var_first_row {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
    .mod_oev_anreise .mod_fieldset_controls .var_row .mod_textfield:not(.var_time), .mod_oev_anreise .mod_fieldset_controls .var_row .mod_select, .mod_oev_anreise .mod_fieldset_controls .var_row .mod_combo, .mod_oev_anreise .mod_fieldset_controls .var_row .mod_oev_anreise_zielort {
      -ms-flex-negative: 1;
          flex-shrink: 1; }
      @media all and (min-width: 40.1875em) {
        .mod_oev_anreise .mod_fieldset_controls .var_row .mod_textfield:not(.var_time), .mod_oev_anreise .mod_fieldset_controls .var_row .mod_select, .mod_oev_anreise .mod_fieldset_controls .var_row .mod_combo, .mod_oev_anreise .mod_fieldset_controls .var_row .mod_oev_anreise_zielort {
          max-width: 20em; } }
    .mod_oev_anreise .mod_fieldset_controls .var_row .mod_textfield:not(.var_time), .mod_oev_anreise .mod_fieldset_controls .var_row .mod_select, .mod_oev_anreise .mod_fieldset_controls .var_row .mod_oev_anreise_zielort {
      padding-right: 0; }
      @media all and (min-width: 40.1875em) {
        .mod_oev_anreise .mod_fieldset_controls .var_row .mod_textfield:not(.var_time), .mod_oev_anreise .mod_fieldset_controls .var_row .mod_select, .mod_oev_anreise .mod_fieldset_controls .var_row .mod_oev_anreise_zielort {
          width: 15em;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; } }
    @media all and (max-width: 40.1775em) {
      .mod_oev_anreise .mod_fieldset_controls .var_row .mod_select_wrapper, .mod_oev_anreise .mod_fieldset_controls .var_row .mod_select_control, .mod_oev_anreise .mod_fieldset_controls .var_row .mod_oev_anreise_zielort {
        width: 100%; } }
    .mod_oev_anreise .mod_fieldset_controls .var_row .mod_oev_anreise_zielort .mod_textfield, .mod_oev_anreise .mod_fieldset_controls .var_row .mod_oev_anreise_zielort .mod_select {
      width: 100%; }
    .mod_oev_anreise .mod_fieldset_controls .var_row .mod_svgsprite_icon.var_cta_arrow {
      margin-top: 2em;
      min-width: 2.66667em;
      display: none; }
      @media all and (min-width: 40.1875em) {
        .mod_oev_anreise .mod_fieldset_controls .var_row .mod_svgsprite_icon.var_cta_arrow {
          display: block; } }
    .mod_oev_anreise .mod_fieldset_controls .var_row .mod_svgsprite_icon.var_plus:last-of-type {
      fill: #666666; }
  .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_row .mod_oev_anreise_add_via .var_add_via {
    color: #666666;
    min-width: 12em; }
  .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_first_row .mod_oev_anreise_add_via {
    display: none; }
  .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_last_row .mod_oev_anreise_add_via {
    display: block; }
    @media all and (min-width: 40.1875em) {
      .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_last_row .mod_oev_anreise_add_via {
        width: 100%; } }
    .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_last_row .mod_oev_anreise_add_via .text__actionlink {
      margin-top: 0; }
  @media all and (max-width: 40.1775em) {
    .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_last_row {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_last_row .mod_oev_anreise_toggle {
        -webkit-box-ordinal-group: 100;
            -ms-flex-order: 99;
                order: 99; } }
  @media all and (min-width: 90.0625em) {
    .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_first_row .mod_oev_anreise_add_via {
      display: block;
      margin-left: 1.6em; }
      .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_first_row .mod_oev_anreise_add_via .var_add_via {
        margin-top: 2em; }
    .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .var_last_row .mod_oev_anreise_add_via {
      display: none; } }
  .mod_oev_anreise .mod_fieldset_controls:not(.is_via_opened) .via_wrapper {
    display: none; }
  .mod_oev_anreise .mod_fieldset_controls.is_via_opened .mod_oev_anreise_add_via {
    display: none; }
  .mod_oev_anreise .mod_fieldset_controls.is_via_opened .via_wrapper {
    display: block; }
    @media all and (min-width: 40.1875em) {
      .mod_oev_anreise .mod_fieldset_controls.is_via_opened .via_wrapper .mod_textfield {
        width: 20em; } }
  @media all and (max-width: 40.1775em) {
    .mod_oev_anreise .mod_fieldset_controls.is_via_opened .var_last_row {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .mod_oev_anreise .mod_fieldset_controls .mod_togglebutton {
    min-width: 6.66667em;
    margin: -0.66667em auto 0.93333em; }
    @media all and (min-width: 40.1875em) {
      .mod_oev_anreise .mod_fieldset_controls .mod_togglebutton {
        margin: 1.2em 1.06667em 0; } }

.mod_dates_summation.var_freizeit h3 {
  margin-bottom: 1.6em; }

.mod_dates_summation.var_freizeit .text__primarybutton {
  width: 100%;
  margin-top: 1.6em; }

@media all and (min-width: 40.1875em) {
  .mod_dates_summation.var_freizeit .mod_dates_summation_box {
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 0.53333em; } }

.mod_dates_summation.var_freizeit .mod_dates_summation_box_ticket span {
  width: 100%;
  line-height: 2; }
  .mod_dates_summation.var_freizeit .mod_dates_summation_box_ticket span.var_zeit, .mod_dates_summation.var_freizeit .mod_dates_summation_box_ticket span.var_tel, .mod_dates_summation.var_freizeit .mod_dates_summation_box_ticket span.var_auskunft {
    color: #666666; }
  .mod_dates_summation.var_freizeit .mod_dates_summation_box_ticket span.var_zeit {
    font-size: 0.86667em; }

.mod_dates_summation.var_freizeit .mod_dates_summation_box_ticket .produktBeschreibung {
  line-height: 1.7; }
  .mod_dates_summation.var_freizeit .mod_dates_summation_box_ticket .produktBeschreibung .mod_tooltip_window_arrow {
    width: 0; }

@media all and (min-width: 40.1875em) {
  .mod_dates_summation.var_freizeit .mod_dates_summation_box {
    width: 49%;
    margin-top: 0.53333em; }
    .mod_dates_summation.var_freizeit .mod_dates_summation_box:first-of-type {
      float: left; }
    .mod_dates_summation.var_freizeit .mod_dates_summation_box:last-of-type {
      float: right; } }

@media all and (min-width: 64.0625em) {
  .mod_dates_summation.var_freizeit .mod_dates_summation_box {
    width: 100%;
    float: none;
    margin-top: 0; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_ws_toggle_buttons_wrapper.var_international {
  width: 66%;
  font-size: 1em; }

.mod_ws_toggle_button_label.var_international {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  height: 5.66667em;
  padding: 0 0.53333em;
  padding-left: 0;
  padding-right: 0;
  font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_ws_toggle_button_content.var_international {
  width: 0.53333em; }

.mod_ws_toggle_button_input.var_international:checked ~ .mod_ws_toggle_button_content.var_international {
  width: 306%; }

.mod_ws_toggle_button_input.var_international:checked ~ .mod_first_class {
  left: 106%; }

.mod_ws_toggle_button_label.var_international {
  height: 4.26667em;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_ws_ip_button_label_detailed_class {
  font-size: 1em;
  color: #666666;
  letter-spacing: 0;
  line-height: 1.53333em;
  margin-left: 1.6em; }

.mod_ws_ip_button_label_detailed_class.is_checked {
  color: #000000; }

.mod_ws_ip_button_label_detailed_price {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  float: right;
  font-size: 1em;
  color: #666666;
  margin-right: 2%; }

.mod_webshop_checkbox_radio_panel_item_inner_wrapper.var_international.is_checked {
  color: #000000; }

.mod_webshop_checkbox_radio_panel_item_inner_wrapper.var_international.is_hidden {
  color: #666666; }

.mod_ws_ip_class_content_title {
  margin-bottom: 1.33333em;
  font-weight: bold; }

.mod_ws_ip_class_button {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.mod_ws_ip_class_button.disabled {
  cursor: default; }

.mod_ws_ip_label_tarif {
  margin-bottom: 0.66667em; }

.mod_ws_ip_label_type_offer {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 50%; }

.mod_ws_ip_label_price_offer {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 49%;
  text-align: right; }

.mod_webshop_panel_item_container.var_international {
  margin-top: 0.66667em;
  padding-right: 0.66667em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
  width: 100%;
  height: auto; }

.mod_webshop_panel_item_content.var_international {
  color: #666666;
  width: 100%; }

.mod_webshop_checkbox_radio_panel_list.var_international {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 4.46667em;
  margin-bottom: 0;
  -ms-flex-line-pack: justify;
      align-content: space-between; }
  .mod_webshop_checkbox_radio_panel_list.var_international .offer_features {
    width: 49%; }

.mod_ws_ip_features_icon {
  margin-right: 0.26667em; }
  .mod_ws_ip_features_icon .mod_svgsprite_icon {
    fill: #666666; }

.mod_totalprice_cta.text__primarybutton.var_returnButton {
  margin-bottom: 0.66667em; }

.mod_totalprice_cta.text__primarybutton.var_returnButton:hover {
  background-color: #C60018;
  color: #FFFFFF; }

.mod_totalprice_cta.text__primarybutton.var_checkoutButton {
  margin-bottom: 0.53333em;
  background-color: #DCDCDC;
  color: #000000; }

.mod_totalprice_cta.text__primarybutton.var_checkoutButton:focus {
  background-color: #CDCDCD; }

.mod_totalprice_cta.text__primarybutton.var_checkoutButton:hover {
  background-color: #CDCDCD;
  color: #000000; }
  .mod_totalprice_cta.text__primarybutton.var_checkoutButton:hover .mod_svgsprite_icon.var_cta_arrow.var_international {
    fill: #000000; }

.mod_svgsprite_icon.var_cta_arrow.var_international {
  fill: #000000; }

.mod_form.var_international {
  max-width: 47em; }

.mod_pagetitle.var_webshop.var_international {
  margin-bottom: 0.6em; }

.mod_fieldset_controls.var_international {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.mod_ws_ip_icon_check {
  fill: #000000 !important; }

.text__primarybutton.var_returnButton.is_sticky {
  bottom: 4.4em !important;
  max-width: 100%; }

.mod_webshop_checkbox_radio_panel_item_control_var_international {
  width: -webkit-fill-available; }

@media all and (max-width: 48.0525em) {
  .mod_ws_toggle_button_label.var_international {
    width: 306%; }
  .mod_ws_toggle_buttons_wrapper.var_international {
    display: block; }
  .mod_ws_toggle_button_input.var_international:checked ~ .mod_first_class {
    left: 206%; }
  .mod_webshop_checkbox_radio_panel_list.var_international {
    display: block;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content; }
  .mod_tariff_information.text__primarybutton.button.verbindungSuchen.var_international {
    width: auto;
    font-size: smaller; }
  .mod_ws_toggle_button_content.var_international {
    margin-bottom: 0.66667em; }
  .mod_webshop_panel_item_container.var_international {
    font-size: 0.86667em;
    height: auto;
    padding-top: 0.66667em; }
  .mod_webshop_checkbox_radio_panel_item_header.var_international {
    padding-left: 0.33333em;
    padding-right: 0.33333em;
    padding-top: 1em; }
  .mod_ws_ip_label_price_offer {
    font-size: 0.93333em;
    width: 38%; }
  .mod_ws_ip_label_type_offer {
    font-size: 0.93333em;
    width: 60%; } }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_tariff_content_container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  .mod_tariff_content_container span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
  .mod_tariff_content_container div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }

.mod_tariff_information.mod_svgsprite_icon.var_cta_arrow {
  fill: #EB0000; }

.mod_tariff_information.text__primarybutton.button.verbindungSuchen {
  color: #000000;
  background: #FFFFFF;
  left: -2.13333em;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content; }
  .mod_tariff_information.text__primarybutton.button.verbindungSuchen .mod_svgsprite_icon.var_cta_arrow {
    fill: #EB0000; }

.mod_tariff_information.text__primarybutton.button.verbindungSuchen:hover {
  color: #EB0000; }

.mod_tariff_information.text__primarybutton.button.verbindungSuchen:focus {
  color: #EB0000; }

.mod_tariff_information.mod_fieldset.mod_national_travelers.var_shop {
  border: none;
  border-top: none;
  border-bottom: none;
  min-height: -webkit-fill-available; }

.mod_tariff_information.ip_tariff_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.mod_tariff_information.mod_national_travelers_list {
  margin-bottom: -17.5em; }

.mod_tariff_information.text__secondarybutton.mod_national_travelers_button_add {
  margin-top: 1.6em; }

.mod_tariff_information.text_title_tariff_information {
  font-size: 2.66667em;
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2em;
  letter-spacing: 0;
  margin-bottom: 1em;
  margin-top: 1em; }

.mod_tariff_information.text_tariff_information_normal {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0;
  line-height: 1.53333em;
  margin-bottom: 1.6em;
  margin-top: 0;
  font-weight: normal;
  list-style-type: circle; }

.mod_tariff_information.text_tariff_information_type {
  font-family: "SBBWeb Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.13333em;
  letter-spacing: 0;
  line-height: 2.53333em; }

.mod_tariff_information.text_tariff_information_bold {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0;
  line-height: 1.53333em;
  margin-bottom: 0.33333em;
  margin-top: 0;
  font-weight: bold; }

.mod_tariff_information.ip_passengers_data_added {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-padding-start: 0.06667em;
          padding-inline-start: 0.06667em;
  margin-bottom: 0;
  margin-top: 0; }

.mod_tariff_information.ip_passenger_list {
  width: 50%; }

.mod_tariff_information.ip_passenger_list_item {
  display: inline-block;
  margin-bottom: 0; }

.mod_tariff_information.ip_passenger_list_item_discount {
  color: #666666;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.93333em;
  line-height: 1.13333em; }

.mod_tariff_information.ip_passenger_list_item_passenger_name {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0;
  line-height: 1.53333em; }

.mod_tariff_information.ip_passenger_list_item_passenger_date {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0;
  line-height: 1.53333em; }

.mod_tariff_information.ip_passenger_buttons_panel_hide {
  display: none; }

.mod_tariff_information.mod_fieldset_legend.var_headline_1 {
  margin-bottom: 0.53333em; }

.mod_tariff_information.var_hinweistext {
  margin-bottom: 0; }

.mod_tariff_information.text__secondarybutton.mod_panel_passengers {
  margin-bottom: 0.66667em; }

@media all and (max-width: 20.0525em) {
  .mod_tariff_information.textTitleTariffInformation {
    font-size: 1.86667em; }
  .mod_tariff_information.text_tariff_information_type {
    font-family: "SBBWeb Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    line-height: 1.93333em; }
  .mod_tariff_information.ip_passenger_list {
    width: 100%;
    margin-bottom: 0; } }

.mod_lightbox_content_container.mod_ip_lightbox {
  display: block; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_fieldset_controls.mod_ip_reservation_fieldset {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.mod_ip_reservation_checkbox {
  margin-right: 3em; }

.mod_svgsprite_icon.mod_ip_svgsprite_icon {
  margin-right: 0.26667em; }

.mod_ip_reservation_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 3.2em; }

.mod_ip_overlay_subtitle {
  margin-bottom: 0; }

.mod_ip_reservation_info_block {
  max-width: 25%; }

.mod_ip_info_svgsprite {
  float: none;
  vertical-align: middle; }

.mod_ip_reservation_info .mod_rail_traffic_info_ride_direction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.mod_ip_reservation_info h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.mod_ip_no_top_margin {
  margin: 0; }

.mod_ip_checkbox_price_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.mod_ip_checkbox_price_label_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-preferred-size: content;
      flex-basis: content;
  min-height: 1.7em; }

.mod_ip_connection_information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  font-size: 0.86667em;
  margin-bottom: 0.26667em; }

.mod_ip_connection_boxes, .mod_ip_connection_details, .mod_ip_reservation_recommendation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.mod_ip_connection_details {
  min-width: 13.33333em; }

.mod_ip_reservation_recommendation {
  font-weight: bold;
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_ip_reservation_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  -ms-flex-item-align: start;
      align-self: flex-start; }

.mod_ip_reservation_price_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.mod_ip_checkbox_overlay_button_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: +1; }

.mod_webshop_checkbox_radio_panel_item_container.mod_ip_reservation_summary_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-right: 0; }
  @media all and (max-width: 64.0525em) {
    .mod_webshop_checkbox_radio_panel_item_container.mod_ip_reservation_summary_label {
      margin-bottom: 0; } }

@media all and (max-width: 40.1775em) {
  .mod_webshop_checkbox_radio_panel_item_container.mod_ip_reservation_summary_label:first-child {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

.mod_webshop_checkbox_radio_panel_item_inner_wrapper.mod_ip_reservation_wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.mod_webshop_checkbox_radio_panel_item_content.mod_ip_selected_connection {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000; }

.mod_ip_overlay_button_row {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 0.26667em; }
  @media all and (max-width: 64.0525em) {
    .mod_ip_overlay_button_row {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.mod_ip_overlay_button_row_checked {
  border-style: solid;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top-width: 1px;
  border-top-color: #DCDCDC; }
  @media all and (min-width: 64.0625em) {
    .mod_ip_overlay_button_row_checked {
      margin-bottom: -0.46667em; } }

.mod_ip_overlay_button_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_ip_reservation_prefs_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.mod_ip_reservation_prefs_connection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.8em; }
  .mod_ip_reservation_prefs_connection h3 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    white-space: nowrap; }
  .mod_ip_reservation_prefs_connection.mod_ip {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: initial;
            flex-flow: initial; }

.mod_ip_reservation_options_title {
  font-family: "SBBWeb Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0.53333em;
  font-size: 0.86666em;
  color: #666666; }

.mod_ip_reservation_prefs_button_fieldset {
  padding-top: 1.6em; }

.mod_webshop_checkbox_radio_panel_item_content.var_ip_subtitle {
  color: #666666; }

.mod_ip_button_as_link {
  margin-right: -40px;
  margin-bottom: 0;
  margin-top: 0.8em; }
  @media all and (max-width: 64.0525em) {
    .mod_ip_button_as_link {
      margin-top: 0.53333em;
      margin-bottom: 0.26667em; } }
  .mod_ip_button_as_link:hover {
    color: #EB0000; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/*!
 * Copyright (C) Schweizerische Bundesbahnen SBB, 2019.
 */
@media all and (min-width: 1025px) {
  .swisspass_loading_lightbox .mod_pagetitle {
    text-align: left; } }

@media all and (max-width: 1025px) {
  .swisspass_loading_lightbox .mod_pagetitle {
    text-align: center; } }

@media all and (min-width: 1025px) {
  .swisspass_loading_lightbox {
    margin-left: 23%;
    margin-right: 23%; } }

@media all and (max-width: 1025px) {
  .swisspass_loading_lightbox {
    margin-left: 5%;
    margin-right: 5%; } }

.swisspass_loading_lightbox h1 {
  margin-left: 0; }

.swisspass_loading_lightbox h2 {
  margin-top: 0;
  margin-bottom: 1.6rem;
  font-size: 1.33333rem;
  font-weight: bold; }

.swisspass_loading_right {
  float: right;
  margin-righ: 0;
  margin-left: 0; }
  @media all and (max-width: 1025px) {
    .swisspass_loading_right {
      padding-bottom: 0.66667rem;
      margin-bottom: 1.33333rem; } }
  @media all and (max-width: 643px) {
    .swisspass_loading_right {
      border-bottom: 1px solid #E5E5E5; } }

@media all and (min-width: 1025px) {
  .swisspass_card {
    margin-top: 3.33333rem; } }

@media all and (max-width: 643px) {
  .swisspass_card {
    width: 100%; } }

@media all and (min-width: 643px) and (max-width: 1025px) {
  .swisspass_card {
    padding-left: 0.66667rem; } }

.swisspass_loading_card {
  width: 100%; }

@media all and (min-width: 1025px) {
  .swisspass_loading_content {
    padding-bottom: 3.33333rem; } }

@media all and (max-width: 1025px) {
  .swisspass_loading_content {
    padding-bottom: 0.66667rem;
    border-bottom: 1px solid #E5E5E5; } }

@media all and (min-width: 1025px) {
  .swisspass_loading_text {
    margin-right: 28rem; } }

.swisspass_loading_mask {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1rem; }

.swisspass_loading_fields {
  margin-top: 1.33333rem; }
  @media all and (min-width: 1025px) {
    .swisspass_loading_fields {
      width: 60%; } }

.swisspass_loading_select_list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.swisspass_loading_footer {
  margin-top: 1.33333rem;
  margin-bottom: 1.33333rem; }

@media all and (min-width: 1025px) {
  .swisspass_loading_buttons {
    margin-bottom: 19.66667rem; } }

@media all and (max-width: 1025px) {
  .swisspass_loading_buttons {
    margin-bottom: 1.33333rem; } }

.swisspass_loading_var_ckm {
  min-width: 0;
  max-width: 14.13333em; }
  @media all and (max-width: 40.1775em) {
    .swisspass_loading_var_ckm {
      margin-right: 0.53333em;
      max-width: 10em; } }

.swisspass_loading_var_plz {
  min-width: 0;
  max-width: 6.93333em; }

.swisspass_loading_ckm_plz_check_note {
  color: #666666;
  margin-top: 0.66667rem;
  font-size: small;
  width: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_webshop_refund_ticket_list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }
  .mod_webshop_refund_ticket_list .non-refundable {
    color: #A8A8A8; }
    .mod_webshop_refund_ticket_list .non-refundable .var_light_text {
      color: #A8A8A8; }
    .mod_webshop_refund_ticket_list .non-refundable .mod_webshop_confirmation_ticket_item_ticketicon, .mod_webshop_refund_ticket_list .non-refundable .mod_svgsprite_icon {
      fill: #A8A8A8; }

.mod_refund_total_price_box, .mod_refund_intermediate_total_price_box, .mod_refund_fee_price_box, .mod_refund_promocode_reduction_price_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.mod_refund_total_price_value, .mod_refund_intermediate_total_price_value, .mod_refund_fee_price_value, .mod_refund_promocode_reduction_price_value {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right; }

.mod_refund_no_refund_possible {
  padding-top: 1.6em; }

.mod_refund_intermediate_total_price_box {
  padding-top: 1.6em; }

.mod_refund_fee_price_box {
  padding-bottom: 2.4em;
  border-bottom: 0.06667em solid #E5E5E5; }

.mod_refund_total_price_box {
  padding-top: 1.6em;
  padding-bottom: 2.4em;
  border-bottom: 0.06667em solid #E5E5E5; }

.mod_refund_total_price_label, .mod_refund_total_price_value {
  font-family: "SBBWeb Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mod_refund_main_payment_type_box {
  padding-top: 1.6em; }
  .mod_refund_main_payment_type_box .mod_refund_main_payment_type {
    padding-top: 1.6em; }
  .mod_refund_main_payment_type_box .mod_label {
    padding-left: 0;
    margin: 0; }

.mod_refund_confirmation_nbc .mod_linklist {
  padding-bottom: 2.4em; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_fieldset_legend .mod_tooltip.icon_float_right {
  text-align: right;
  width: 100%;
  top: -75px; }

@media all and (min-width: 40.1875em) and (max-width: 64.0525em) {
  .mod_groupTravel .mod_textfield,
  .mod_groupTravel .mod_select {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: calc(100% / 2.00005);
    max-width: calc(100% / 2.00005); } }

@media all and (min-width: 64.0625em) {
  .mod_groupTravel .mod_textfield,
  .mod_groupTravel .mod_select {
    min-width: calc(100% / 3.00005);
    max-width: calc(100% / 3.00005); } }

.mod_groupTravel .mod_select .mod_select_control {
  width: 100%; }

.mod_groupTravel .mod_select .mod_select_wrapper {
  width: 100%; }

.mod_groupTravel .mod_group {
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
#renewAboOptionsFieldset.renew-abo-options {
  padding-bottom: 0; }
  #renewAboOptionsFieldset.renew-abo-options .date-valid {
    border-bottom: none; }
  #renewAboOptionsFieldset.renew-abo-options .mod_fieldset.additional-information {
    padding-top: 12px; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_rokas_transfer {
  min-height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .mod_rokas_transfer__map {
    height: 80vh;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .mod_rokas_transfer__info {
    min-width: 20em;
    padding: 5pt;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: none; }
    @media all and (min-width: 40.1875em) {
      .mod_rokas_transfer__info {
        display: block; } }
  .mod_rokas_transfer__icon {
    display: block;
    position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -18px;
    margin-top: -4px;
    width: 36px;
    height: 36px; }
    .mod_rokas_transfer__icon.var-end {
      height: 42px; }
    .mod_rokas_transfer__icon.var-footpath {
      padding: 2px;
      background-color: white;
      border: 2px solid #D2D2D2;
      border-radius: 18px; }
  .mod_rokas_transfer__legs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .mod_rokas_transfer__leg_start, .mod_rokas_transfer__leg_middle {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-height: 10em; }
  @media all and (max-width: 64.0525em) {
    .mod_rokas_transfer .mod_timetable_leg_type {
      min-height: 0; } }
  .mod_rokas_transfer__leg_end {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .mod_rokas_transfer--fullheight {
    height: 100%; }
  .mod_rokas_transfer__line {
    font-weight: bold; }

#rokasTransferContainer {
  width: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_rokas_loading_animation {
  position: fixed;
  left: 0;
  right: 0;
  top: 46%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_rokas_journey {
  height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .mod_rokas_journey__map {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }

#rokasJourneyContainer {
  width: 100%; }
/**
 * Font Families
 */
/**
 * Breakpoints
 */
/**
 * Offsets
 */
/**
 * Scaling Factors
 */
/**
 * Header variables
 */
/**
 * Grid
 */
/* Inter Module Spacings */
/* Inner Module Spacings */
/* Inter Element Spacings */
/* Title to Module Spacings */
/* Negative Module to Page Title Compensation */
/* Vertical Spacings */
/**
 * Custom colors
 */
/**
 * Typo
 */
/* lead text font sizes */
/* form element sizing */
/**
 * Animation-Stuff
 */
/**
 * Layers
 */
/**
 * Footer
 */
/**
 * Timetable Breakpoints
 */
/**
 * Timetable Cells
 */
/**
 * Border
 */
/* Large Spacings */
/* Mid Spacings */
/* Small Spacings */
/* Extra Small Spacings */
/* Tiny Spacings */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Contain floats with clearfix
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Reset button style, when necessary
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include fontSmoothing;
 * }
 * .var_light_on_dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 * Placeholder in input fields
 */
/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
.mod_rokas_location__map {
  height: 28em; }

.mod_rokas_location .mod_tabs_tabpanel {
  display: none; }

.mod_rokas_location .mod_rokas_loading_animation {
  position: unset;
  margin-top: 3em; }

.mod_rokas_location_poi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .mod_rokas_location_poi .var_title {
    font-size: x-large;
    margin-bottom: 0; }
  .mod_rokas_location_poi .var_subtitle {
    font-weight: bold; }
  .mod_rokas_location_poi .var_operation_time, .mod_rokas_location_poi .var_pricing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 20em; }
  .mod_rokas_location_poi .var_cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 20em; }
  .mod_rokas_location_poi > div {
    margin-bottom: 1em; }