@charset "UTF-8";
/**
 * brandung SCSS boilerplate for old IE v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/**
 * brandung SCSS boilerplate v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/**
 *  core variables and mixins
 *  - modify this for custom colors, font-sizes, etc
 */
/**
 * brandung variables.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* Body font size */
/* Container width */
/* layout */
/*NAV Breakpoints*/
/* Colors */
/* Scaffolding */
/* Links */
/* social media color */
/* ticket status color */
/* Liveticker */
/* table color */
/**
 * brandung mixins.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 * 
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 * 
 */
/**
 * Calculate PX font size to REM
 *
 * - add PX fallback for older browser
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Mixin for adding svg background image + png fallback
 *
 * - add png fallback for older browser
 *
 * @require all-old-ie.css
 *
 * @param {string} $name - image name
 * @param {string} $extension - file extension + folder
 * @param {string} $color - background-color
 * @param {number} $position - background position
 * @param {string} $repeat - background repeat
 *
 * @include svg-bg('logo')
 * @include svg-bg('logo', $color: #fff, ...);
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/*
 * px to em
 *
 * @desc calculate em from px
 *
 * $size = size in pixel
 * $base = body font size in pixel
 *
 */
/*
 * calc mixin
 *
 * @desc calculate percent and pixel
 *
 */
/**
 * Clearfix
 */
/**
* Mixin for adding hover transition
*/
/**
 * brandung variables.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* Body font size */
/* Container width */
/* layout */
/**
 * normalize
 * https://github.com/necolas/normalize.css
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url("//hello.myfonts.net/count/2bee7b");
/* line 9, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
body {
  margin: 0; }

/* HTML5 display definitions
========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
/* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
[hidden],
template {
  display: none; }

/* Links
========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 87, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 95, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
/* line 107, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
/* line 115, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 124, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* line 133, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
/* line 142, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 151, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 159, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 167, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
sup {
  top: -0.5em; }

/* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
sub {
  bottom: -0.25em; }

/* Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 182, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 190, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 201, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
/* line 209, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
/* line 219, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 227, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

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

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 264, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 275, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
button,
select {
  text-transform: none; }

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

/**
 * Re-set default cursor for disabled elements.
 */
/* line 300, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 309, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 320, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 332, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 344, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 355, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/* line 368, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
/* line 377, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 388, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 397, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
/* line 406, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
optgroup {
  font-weight: bold; }

/* Tables
========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 417, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 422, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_normalize.scss */
td,
th {
  padding: 0; }

/**
 * h5bp main.css
 * https://github.com/h5bp/html5-boilerplate
 */
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 13, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
/* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
/* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
/* line 53, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
audio,
canvas,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
/* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
/* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers: h5bp.com/u
 */
/* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */
/* line 128, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 144, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
/* line 158, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 174, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 180, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
.clearfix:after {
  clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 207, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  /* line 214, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  a,
  a:visited {
    text-decoration: underline; }
  /* line 219, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  a[href]:after {
    content: " (" attr(href) ")"; }
  /* line 223, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */
  /* line 232, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  /* line 237, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /* line 243, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  /* line 247, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  tr,
  img {
    page-break-inside: avoid; }
  /* line 252, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  img {
    max-width: 100% !important; }
  /* line 256, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  p,
  h2,
  h3,
  h4,
  h5,
  h3 {
    orphans: 3;
    widows: 3; }
  /* line 263, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */
  
  h2,
  h3,
  h4,
  h5,
  h3 {
    page-break-after: avoid; } }

/**
 * gridset app
 * https://gridsetapp.com/
 */
/**
 * vendor utilities
 * - remove comment when mixin is needed
 */
/**
 * layout
 * - brandung layout files
 * - here you can add new files if needed
 */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/**
 * brandung typo.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Webfonts
   ========================================================================== */
/**
 * @license
 * MyFonts Webfont Build ID 2879099, 2014-09-08T10:04:26-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Trade Gothic Pro Bold Condensed #20 by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/trade-gothic/pro-bold-condensed-20/
 * Copyright: Copyright &#x00A9; 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Trade Gothic is either a registered trademark
 * Licensed pageviews: 3,000,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2879099
 *
 * © 2014 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'TradeGothicLTPro-BdCn20';
  src: url("../font/Trade_Gothic_Pro_Bold_Condensed/2BEE7B_0_0.eot");
  src: url("../font/Trade_Gothic_Pro_Bold_Condensed/2BEE7B_0_0.eot?#iefix") format("embedded-opentype"), url("../font/Trade_Gothic_Pro_Bold_Condensed/2BEE7B_0_0.woff") format("woff"), url("../font/Trade_Gothic_Pro_Bold_Condensed/2BEE7B_0_0.ttf") format("truetype"), url("../font/Trade_Gothic_Pro_Bold_Condensed/2BEE7B_0_0.svg#wf") format("svg");
  font-weight: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: normal;
  src: url("../font/roboto/roboto-slab-v7-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Slab Regular"), local("RobotoSlab-Regular"), url("../font/roboto/roboto-slab-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/roboto-slab-v7-latin-regular.woff2") format("woff2"), url("../font/roboto/roboto-slab-v7-latin-regular.woff") format("woff"), url("../font/roboto/roboto-slab-v7-latin-regular.ttf") format("truetype"), url("../font/roboto/roboto-slab-v7-latin-regular.svg#RobotoSlab") format("svg");
  /* Legacy iOS */ }

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: bold;
  src: url("../font/roboto/roboto-slab-v7-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Slab Bold"), local("RobotoSlab-Bold"), url("../font/roboto/roboto-slab-v7-latin-700.eot?#iefix") format("embedded-opentype"), url("../font/roboto/roboto-slab-v7-latin-700.woff2") format("woff2"), url("../font/roboto/roboto-slab-v7-latin-700.woff") format("woff"), url("../font/roboto/roboto-slab-v7-latin-700.ttf") format("truetype"), url("../font/roboto/roboto-slab-v7-latin-700.svg#RobotoSlab") format("svg");
  /* Legacy iOS */ }

/* Font vars */
/* line 88, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
h1,
h2,
h3,
h4,
h5, h3, h4, h5, h6, p, a, input, select, textarea, ul, figcaption, span {
  font-weight: normal;
  font-style: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
h1,
h2,
h3,
h4,
h5, h3, h4, h5, h6 {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  margin: .8em 0 .8em 0; }

/* line 106, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
h1 {
  font-size: 44px;
  font-size: 2.75rem;
  text-transform: uppercase;
  margin: 0;
  /*@include respond-min($breakpoint2){
		margin: 25px 0 0;
	}*/ }

/* line 120, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */

h2,
h3,
h4,
h5 {
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: #cc0000; }
  /* line 129, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
  h2 span, h3 span, h4 span, h5 span {
    display: inline-block;
    margin-left: 0.1875em;
    color: #666; }

/* line 136, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
h3,
h4,
h5 {
  color: #333; }

/* line 143, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
p, a, input, select, textarea, ul, figcaption {
  font-family: "Roboto Slab", georgia, "serif";
  font-size: 16px;
  font-size: 1rem; }

/* line 152, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
p {
  line-height: 1.7em; }

/* line 158, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
.service-nav-wrapper p, .service-nav-wrapper a, .service-nav-wrapper span, .service-nav-wrapper ul, .service-nav-wrapper input,
.main-nav-wrapper p,
.main-nav-wrapper a,
.main-nav-wrapper span,
.main-nav-wrapper ul,
.main-nav-wrapper input {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif; }

/* line 165, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
section header a {
  font-size: 16px;
  font-size: 1rem; }

/* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
.special-headline,
.special-headline > p {
  font-size: 22px;
  font-size: 1.375rem;
  text-transform: uppercase;
  color: #cc0000;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  margin: 0; }
  /* line 183, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
  .special-headline span,
  .special-headline > p span {
    display: inline-block;
    margin-left: 0.1875em;
    color: #666; }

/* line 190, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
.big-text {
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0; }

/**
 * brandung helpers.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.clearfix {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

/* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.unstyled, .mod-royal-slider, .mod-teaser h2, .mod-teaser h3,
.mod-teaser h4,
.mod-teaser h5, .mod-teaser p {
  margin: 0;
  padding: 0;
  list-style: none; }

/* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.left {
  display: inline;
  float: left; }

/* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.right {
  display: inline;
  float: right; }

/* line 42, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.center {
  display: block;
  margin: 0 auto;
  text-align: center; }

/* line 48, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.clear {
  clear: both; }

/* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.textRight {
  text-align: right; }

/* line 56, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.textLeft {
  text-align: left; }

/* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.textCenter {
  text-align: center; }

/* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.loading {
  background: url("../img/ajax-loader-white.gif") no-repeat center center;
  outline: none;
  border: none; }

/* line 70, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.lazy {
  background: url("../img/preloader_dark.gif") no-repeat center center;
  background-color: #353535;
  background-color: rgba(0, 0, 0, 0.8); }

/* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.inline-block {
  display: inline-block !important; }

/* line 82, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.scroll.icon-seitenanfang:after {
  font-size: 13px;
  font-size: 0.8125rem;
  top: 6px;
  text-decoration: none; }

/* line 90, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.no-bg {
  background: none !important; }

/* line 94, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.no-padding {
  padding: 0; }

/* line 98, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  /* line 105, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* line 116, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.full-width-img {
  width: 100%; }

/* line 120, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.fc-koeln {
  color: #cc0000; }

/* line 124, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.hidden-text {
  display: none; }
  /* line 127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
  .hidden-text.is-active {
    display: block !important; }
    /* line 130, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
    .hidden-text.is-active p {
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

/* line 137, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_helpers.scss */
.disabled {
  cursor: not-allowed;
  display: inline-block; }

/**
 * brandung buttons.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Buttons
   ========================================================================== */
/* ==========================================================================

@name:			buttonMixin
@desc:			button-mixin to create consistent buttons throughout projects
@author			Hussein Morsi
@version		1.0
@date			29.08.2013

========================================================================== */
/*
*	the following variables are used as default-values,
*	change them to change the base-buttonstyle
*/
/* apply '$bodyFontSize'-var here */
/*
*	following parameters are used to change some of the defaults
*
*	@param	$btnColor			[any color]
*	@param	$iconPosition		[iconAfter, iconBefore]
*	@param	$iconImg			[icon-file-name]			//for retina-sprite mixin, also default icon-size is 50x50px
*	@param	$btnFontColor		[any color]
*	@param	$btnBorderColor		[any color]
*
*	@info:	keep in mind that all dimensions are based on a 50x50px icon-sized image
*/
/* line 149, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn {
  /* button style */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #9c0000;
  background: #990000;
  color: #fff;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  padding: 0.9375em 1.25em;
  position: relative;
  cursor: pointer;
  /* icon style */
  /*&:after,*/
  /*&:before {
		content: '';
		display: inline-block;
		height: $iconDimensions + px;
		width: $iconDimensions + px;
		margin-top: -$iconDimensions/2 + px;
		position: absolute;
		top: 50%;
	}*/
  /* interaction style */
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 0.625em 0.625em;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  line-height: 1em;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0.6875em 1.25em; }
  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn:hover {
    color: #fff;
    background: #cc0000; }
  /* line 136, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn:visited {
    color: #fff; }
  /* line 140, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn[disabled] {
    cursor: default; }
    /* line 143, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
    .btn[disabled]:hover {
      opacity: 1; }
  /* line 164, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn.icon-before {
    padding-left: 35px;
    padding-left: 55px; }
  /* line 172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn.icon-after {
    padding-right: 35px;
    padding-right: 55px; }
  /* line 180, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn--disabled {
    pointer-events: none;
    opacity: 0.4; }

/* line 186, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-grey {
  border: 1px solid #ccc;
  background: #ccc; }
  /* line 190, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-grey:hover {
    background: #ccc; }

/* line 198, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-full-width {
  width: 100%;
  display: block; }

/* line 203, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-big {
  padding: 0.9375em 0.9375em;
  padding: 1.125em 1.875em; }

/* line 210, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-small {
  padding: 0.4375em 0.9375em;
  font-size: 15px;
  font-size: 0.9375rem; }

/* line 215, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.text-link {
  color: #cc0000; }
  /* line 217, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .text-link:hover {
    color: #cc0000; }

/* line 222, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-icon-only {
  /* button style */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #9c0000;
  background: #990000;
  color: #fff;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  padding: 0.9375em 1.25em;
  position: relative;
  cursor: pointer;
  /* icon style */
  /*&:after,*/
  /*&:before {
		content: '';
		display: inline-block;
		height: $iconDimensions + px;
		width: $iconDimensions + px;
		margin-top: -$iconDimensions/2 + px;
		position: absolute;
		top: 50%;
	}*/
  /* interaction style */
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  line-height: 1em;
  font-size: 0px;
  font-size: 0rem; }
  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-icon-only:hover {
    color: #fff;
    background: #cc0000; }
  /* line 136, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-icon-only:visited {
    color: #fff; }
  /* line 140, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-icon-only[disabled] {
    cursor: default; }
    /* line 143, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
    .btn-icon-only[disabled]:hover {
      opacity: 1; }
  /* line 236, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-icon-only:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding: 0.75em 0.75em 0.75em;
    display: block;
    font-size: 15px;
    font-size: 0.9375rem;
    font-size: 19px;
    font-size: 1.1875rem;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  /* line 257, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-icon-only:after {
    display: none; }

/* button-set */
/* line 263, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.button-set {
  margin-bottom: 20px; }
  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
  .button-set:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden; }

/* line 269, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.wrapper > .button-set {
  margin-right: 10px;
  margin-left: 10px;
  margin-right: 0;
  margin-left: 0; }

/* btn-text */
/* line 280, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-text {
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -ms-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  color: #666; }
  /* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
  .btn-text:hover {
    color: #cc0000; }

/* line 290, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.icon-after-image {
  position: relative;
  padding-right: 40px; }

/* line 296, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-scroll-top {
  background: none;
  border: none;
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;
  width: auto; }
  /* line 305, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-scroll-top:before {
    color: #cc0000;
    font-size: 18px;
    font-size: 1.125rem; }
  /* line 310, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-scroll-top:hover {
    background: none; }
  /* line 314, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-scroll-top.is-at-footer {
    position: absolute; }

/* line 332, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-src {
  background: #e7e7e7;
  color: #cc0000;
  border: 1px solid #e7e7e7;
  text-decoration: underline;
  margin-bottom: 5px; }
  /* line 339, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-src:hover {
    background: #e7e7e7; }
  /* line 342, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-src:visited {
    color: #cc0000; }

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* line 356, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.col2-right-layout .col-right .btn-full-width {
  text-align: left; }

/**
 * brandung typo.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Webfonts
   ========================================================================== */
@font-face {
  font-family: 'icomoon';
  src: url("../font/icomoon.eot?jt28hd");
  src: url("../font/icomoon.eot?#iefixjt28hd") format("embedded-opentype"), url("../font/icomoon.woff?jt28hd") format("woff"), url("../font/icomoon.ttf?jt28hd") format("truetype"), url("../font/icomoon.svg?jt28hd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/*[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	*/
/* Better Font Rendering =========== */
/*
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}*/
/* line 42, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-before {
  position: relative;
  padding-left: 20px; }
  /* line 45, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .icon-before:before {
    position: absolute;
    left: 0;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    margin-right: 10px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  /* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .icon-before:after {
    display: none; }

/* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-after {
  position: relative;
  padding-right: 20px; }
  /* line 68, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .icon-after:after {
    position: absolute;
    right: 0;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: 10px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  /* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .icon-after:before {
    display: none; }

/* line 90, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.btn.icon-before:before {
  position: absolute;
  left: 10px;
  left: 20px; }

/* line 103, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
a.icon-after-image:after {
  position: absolute;
  top: -4px;
  right: 0; }

/* line 111, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
a.icon-after:after {
  top: 4px; }

/* line 117, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
a.icon-before:after {
  top: 4px; }

/* line 123, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
a.btn:after {
  top: auto; }

/* line 127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
a.btn:after {
  top: auto; }

/* line 135, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.btn.icon-after:after {
  position: absolute;
  right: 10px;
  right: 20px; }

/* line 146, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.btn.icon-after-image:after {
  position: absolute;
  top: 5px;
  right: 12px; }

/*own icons width png*/
/* line 169, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-fc-plus:before, .icon-fc-plus:after {
  content: '';
  background: url(../img/ie_png/04-fc+.png) transparent 0 0 no-repeat;
  width: 32px;
  height: 32px; }

/* line 179, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-yellow-red-card:before, .icon-yellow-red-card:after {
  content: '';
  background: url(../img/ie_png/39-card-yellowred.png) transparent 0 0 no-repeat;
  width: 15px;
  height: 21px; }

/* line 189, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-arrow-right:before, .icon-arrow-right:after {
  content: ">";
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif; }

/* line 197, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-arrow-left:before, .icon-arrow-left:after {
  content: "<";
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif; }

/* line 204, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-fc-tv {
  padding-left: 120px; }
  /* line 207, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .icon-fc-tv:before {
    content: '';
    background: url(../img/ie_png/13_logo_fctv.png) transparent 0 0 no-repeat;
    width: 110px;
    height: 41px;
    top: -8px; }

/* line 217, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-christmas-tree:before, .icon-christmas-tree:after {
  content: '';
  background: url("/typo3conf/ext/bra_projectfiles/Resources/Public/website/img/png/icon-christmas-tree.png");
  width: 32px;
  height: 32px; }

/*ENDE*/
/* line 229, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-alert:before {
  content: "\e627"; }

/* line 232, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-lock:before {
  content: "\e62e"; }

/* line 235, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-menu-close:before {
  content: "\e614"; }

/* line 238, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-video:before {
  content: "\e600"; }

/* line 241, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-text:before {
  content: "\e601"; }

/* line 244, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-foto:before {
  content: "\e602"; }

/* line 247, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-suchen:before {
  content: "\e603"; }

/* line 250, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-kommentar:before {
  content: "\e604"; }

/* line 253, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-rating:before {
  content: "\e605"; }

/* line 256, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-check:before {
  content: "\e606"; }

/* line 259, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-dropdown:before {
  content: "\e607"; }

/* line 262, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-kreis:before {
  content: "\e608"; }

/* line 265, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-shop:before {
  content: "\e609"; }

/* line 268, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-refresh:before {
  content: "\e60a"; }

/* line 271, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-autogramm:before {
  content: "\e60b"; }

/* line 274, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-wallpaper:before {
  content: "\e60c"; }

/* line 277, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-kachelansicht:before {
  content: "\e60d"; }

/* line 280, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-listenansicht:before {
  content: "\e60e"; }

/* line 283, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-sortierung-hoch:before {
  content: "\e60f"; }

/* line 286, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-sortierung-runter:before {
  content: "\e610"; }

/* line 289, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-drucken:before {
  content: "\e611"; }

/* line 292, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-dropdown-social:before {
  content: "\e612"; }

/* line 295, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-seitenanfang:before {
  content: "\e613"; }

/* line 298, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-liveticker-whistle:before {
  content: "\e615"; }

/* line 301, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-liveticker-aktion:before {
  content: "\e616"; }

/* line 304, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-liveticker-auswechslung:before {
  content: "\e618"; }

/* line 307, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-facebook-small:before {
  content: "\e619"; }

/* line 310, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-instagram-small:before {
  content: "\e61a"; }

/* line 313, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-facebook-share:before {
  content: "\e61b"; }

/* line 316, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-google-share:before {
  content: "\e61c"; }

/* line 319, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-twitter-share:before {
  content: "\e61d"; }

/* line 322, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-mail-share:before {
  content: "\e61e"; }

/* line 325, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-ticketverfuegbarkeit:before {
  content: "\e61f"; }

/* line 328, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-mobile_menue:before {
  content: "\e620"; }

/* line 331, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-login:before {
  content: "\e621"; }

/* line 334, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-profilbild:before {
  content: "\e622"; }

/* line 337, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-logout:before {
  content: "\e623"; }

/* line 340, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-telefon:before {
  content: "\e624"; }

/* line 343, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-info:before {
  content: "\e625"; }

/* line 346, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-card:before {
  content: "\e626"; }

/* line 349, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-goal:before {
  content: "\e628"; }

/* line 352, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-pfeil-links:before {
  content: "\e629"; }

/* line 355, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-pfeil-rechts:before {
  content: "\e62a"; }

/* line 358, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-loeschen:before {
  content: "\e62b"; }

/* line 361, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-rss:before {
  content: "\e62c"; }

/* line 364, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-navi-pfeil:before {
  content: "\e62d"; }

/*
Brandung Anpassungen
---------------------------*/
/* line 373, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-alert:after {
  content: "\e627"; }

/* line 376, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-lock:after {
  content: "\e62e"; }

/* line 379, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-menu-close:after {
  content: "\e614"; }

/* line 382, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-video:after {
  content: "\e600"; }

/* line 385, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-text:after {
  content: "\e601"; }

/* line 388, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-foto:after {
  content: "\e602"; }

/* line 391, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-suchen:after {
  content: "\e603"; }

/* line 394, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-kommentar:after {
  content: "\e604"; }

/* line 397, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-rating:after {
  content: "\e605"; }

/* line 400, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-check:after {
  content: "\e606"; }

/* line 403, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-dropdown:after {
  content: "\e607"; }

/* line 406, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-kreis:after {
  content: "\e608"; }

/* line 409, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-shop:after {
  content: "\e609"; }

/* line 412, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-refresh:after {
  content: "\e60a"; }

/* line 415, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-autogramm:after {
  content: "\e60b"; }

/* line 418, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-wallpaper:after {
  content: "\e60c"; }

/* line 421, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-kachelansicht:after {
  content: "\e60d"; }

/* line 424, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-listenansicht:after {
  content: "\e60e"; }

/* line 427, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-sortierung-hoch:after {
  content: "\e60f"; }

/* line 430, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-sortierung-runter:after {
  content: "\e610"; }

/* line 433, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-drucken:after {
  content: "\e611"; }

/* line 436, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-dropdown-social:after {
  content: "\e612"; }

/* line 439, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-seitenanfang:after {
  content: "\e613"; }

/* line 442, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-liveticker-whistle:after {
  content: "\e615"; }

/* line 445, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-liveticker-aktion:after {
  content: "\e616"; }

/* line 448, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-liveticker-auswechslung:after {
  content: "\e618"; }

/* line 451, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-facebook-small:after {
  content: "\e619"; }

/* line 454, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-instagram-small:after {
  content: "\e61a"; }

/* line 457, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-facebook-share:after {
  content: "\e61b"; }

/* line 460, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-google-share:after {
  content: "\e61c"; }

/* line 463, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-twitter-share:after {
  content: "\e61d"; }

/* line 466, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-mail-share:after {
  content: "\e61e"; }

/* line 469, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-ticketverfuegbarkeit:after {
  content: "\e61f"; }

/* line 472, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-mobile_menue:after {
  content: "\e620"; }

/* line 475, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-login:after {
  content: "\e621"; }

/* line 478, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-profilbild:after {
  content: "\e622"; }

/* line 481, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-logout:after {
  content: "\e623"; }

/* line 484, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-telefon:after {
  content: "\e624"; }

/* line 487, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-info:after {
  content: "\e625"; }

/* line 490, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-card:after {
  content: "\e626"; }

/* line 493, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-goal:after {
  content: "\e628"; }

/* line 496, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-pfeil-links:after {
  content: "\e629"; }

/* line 499, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-pfeil-rechts:after {
  content: "\e62a"; }

/* line 502, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-loeschen:after {
  content: "\e62b"; }

/* line 505, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-rss:after {
  content: "\e62c"; }

/* line 508, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-navi-pfeil:after {
  content: "\e62d"; }

/*Social Media Color*/
/* line 515, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-twitter-share {
  color: #55acee; }
  /* line 518, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .icon-twitter-share:hover {
    color: #55acee; }

/* line 522, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-google-share {
  color: #df4a32; }
  /* line 525, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .icon-google-share:hover {
    color: #df4a32; }

/* line 529, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-facebook-share {
  color: #3b5998; }
  /* line 532, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .icon-facebook-share:hover {
    color: #3b5998; }

/* line 536, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-rss {
  color: #ff9900; }
  /* line 539, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .icon-rss:hover {
    color: #ff9900; }

/* line 545, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-whats-app {
  background: url("../img/svg/14-whats-app.svg") center center no-repeat #5cbe4a;
  background-size: 80%;
  width: 40px;
  height: 35px; }

/* line 553, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-menu-close:before,
.icon-menu-close:after {
  content: ""; }

/* line 553, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-mobile_menu:before,
.icon-mobile_menu:after {
  content: ""; }

/**
 * brandung typo.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Footer
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
footer {
  border-top: 8px solid #cc0000;
  background: url(../img/ie_png/footer_bg.png) #000 right bottom no-repeat;
  background-size: 50%;
  padding-bottom: 270px;
  -webkit-transition: padding-bottom 0.3s linear;
  -moz-transition: padding-bottom 0.3s linear;
  -ms-transition: padding-bottom 0.3s linear;
  transition: padding-bottom 0.3s linear; }
  /* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .col1-layout .col-main {
    background: none;
    margin: 0; }
  @media only screen and (max-width: 1390px) {
    /* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
    footer {
      padding-bottom: 300px; } }
  /* line 48, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width {
    background: none;
    height: 100%;
    color: #fff; }
    /* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
    footer .full-width .wrapper {
      background: none; }
      /* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
      footer .full-width .wrapper .mod-newsletter-sign-in form {
        margin-top: 1.5625em;
        padding-left: 0.9375em; }
        /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
        footer .full-width .wrapper .mod-newsletter-sign-in form:after {
          display: block;
          content: ".";
          clear: both;
          font-size: 0;
          line-height: 0;
          height: 0;
          overflow: hidden; }
        /* line 68, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
        footer .full-width .wrapper .mod-newsletter-sign-in form input {
          width: 56%;
          max-width: 430px;
          padding: 0.625em 0.9375em;
          font-size: 15px;
          font-size: 0.9375rem;
          float: left;
          width: 53%; }
        /* line 85, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
        footer .full-width .wrapper .mod-newsletter-sign-in form input[type=text] {
          color: #333; }
        /* line 89, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
        footer .full-width .wrapper .mod-newsletter-sign-in form .btn {
          padding: 0.625em 0.625em;
          font-size: 18px;
          font-size: 1.125rem;
          float: left;
          margin-left: 2%;
          width: 42%;
          max-width: 199px;
          width: 45%; }
      /* line 110, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
      footer .full-width .wrapper .col2-set {
        border-bottom: 2px solid #1b1b1b;
        padding: 1.875em 2.5em; }
        /* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
        footer .full-width .wrapper .col2-set .col-1 h4 {
          color: #fff;
          margin: 0;
          font-size: 16px;
          font-size: 1rem;
          text-transform: uppercase; }
        /* line 132, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
        footer .full-width .wrapper .col2-set .col-1 p {
          color: #ccc;
          margin-top: 0;
          font-size: 14px;
          font-size: 0.875rem; }
      /* line 150, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
      footer .full-width .wrapper .mod-social-media .col-1 a {
        color: #fff;
        font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
        display: block;
        margin: .8em 0 .8em 0;
        text-transform: uppercase; }
        /* line 157, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
        footer .full-width .wrapper .mod-social-media .col-1 a:hover {
          color: #fff; }
      /* line 172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
      footer .full-width .wrapper .mod-social-media ul {
        text-align: right;
        margin-left: -2%; }
        /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
        footer .full-width .wrapper .mod-social-media ul:after {
          display: block;
          content: ".";
          clear: both;
          font-size: 0;
          line-height: 0;
          height: 0;
          overflow: hidden; }
        /* line 183, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
        footer .full-width .wrapper .mod-social-media ul li {
          margin-left: 2%;
          margin-bottom: 10px;
          max-width: 40px; }
      /* line 208, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
      footer .full-width .wrapper .mod-sponsor-icon {
        text-align: center;
        border-bottom: 2px solid #1b1b1b;
        padding-bottom: 1.875em; }
        /* line 223, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
        footer .full-width .wrapper .mod-sponsor-icon ul li {
          margin-top: 1.5625em;
          width: 6.5%;
          margin-left: 3%; }
          /* line 227, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
          footer .full-width .wrapper .mod-sponsor-icon ul li:first-child {
            margin-left: 0; }

/* line 251, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
.en footer,
.jp footer {
  background-image: url("../img/ie_png/footer_bg_en.png");
  background-image: url("../img/svg/footer_bg_en.svg"); }

/* line 257, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
.lt-ie9 footer {
  background-size: 100%; }

/**
 * brandung layout.scss v1.0.0
 *
 * @require vendor/gridset
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Global Layout
   ========================================================================== */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
body {
  background: url("../img/bg-pattern-bright.jpg") repeat-y center 0 #fcfcfc;
  color: #333;
  font-size: 100%;
  line-height: 1.4;
  font-family: "Roboto Slab", georgia, "serif"; }

/* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
img {
  height: auto;
  outline: 0;
  max-width: 100%; }

/* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
hr {
  border: none;
  border-top: 4px solid #d1d1d1; }

/* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
#hiddenNav {
  position: absolute;
  top: -50em;
  left: -999em; }

/* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.wrapper {
  min-width: 20em;
  max-width: 57.8125em;
  margin: 0 auto;
  text-align: left; }
  /* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
  .wrapper.full-width {
    max-width: 100%; }
  /* line 53, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
  .wrapper .wrapper {
    min-width: inherit; }

/* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.page-wrapper > header {
  margin-top: 50px;
  margin-top: 100px;
  margin-top: 150px; }
  /* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
  .page-wrapper > header .header-content {
    position: relative;
    -webkit-transition: margin-top 0.3s ease-in;
    -moz-transition: margin-top 0.3s ease-in;
    -ms-transition: margin-top 0.3s ease-in;
    transition: margin-top 0.3s ease-in; }
    /* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
    .page-wrapper > header .header-content .btn {
      float: none; }

/* line 93, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
main {
  margin-top: 10px; }

/* ==========================================================================
   Base Columns
   ========================================================================== */
/* line 115, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.page-wrapper > header .header-content {
  margin: 0 10px;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  margin: 0; }

/* 1 Column layout */
/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col1-layout .col-main {
  margin: 0 10px;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  margin: 0; }

/* 2 Columns Layout - right */
/* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-right-layout {
  margin: 0 10px;
  margin: 0; }

/* line 153, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-right-layout .col-main {
  margin: 0 10px;
  background: #fff;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -99.9%;
  width: 74.5967741935%; }

/* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-right-layout .col-right {
  margin: 0 10px;
  display: block;
  float: left;
  margin-left: 76.2067741935%;
  margin-right: -99.9%;
  width: 23.7932258065%; }

/* 2 Columns Layout - right */
/* line 175, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-right-layout-tab {
  background: #bbbbbb;
  /* Old browsers */
  background: -moz-linear-gradient(left, #bbbbbb 0%, #e4e4e4 80%, #fcfcfc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #bbbbbb), color-stop(80%, #e4e4e4), color-stop(100%, #fcfcfc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #bbbbbb 0%, #e4e4e4 80%, #fcfcfc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #bbbbbb 0%, #e4e4e4 80%, #fcfcfc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #bbbbbb 0%, #e4e4e4 80%, #fcfcfc 100%);
  /* IE10+ */
  background: linear-gradient(to right, #bbbbbb 0%, #e4e4e4 80%, #fcfcfc 100%);
  /* W3C */
  margin: 0 10px;
  margin: 0; }

/* line 191, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-right-layout-tab .col-main {
  margin: 0 10px;
  background: #fff;
  padding-top: 3.75em;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -99.9%;
  width: 72.9838709677%; }

/* line 206, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-right-layout-tab .col-right {
  margin: 0 10px;
  padding: 3.125em 1.25em 0;
  display: block;
  float: left;
  margin-left: 72.9838709677%;
  margin-right: -99.9%;
  width: 27.0161290323%; }

/* col2 set */
/* line 220, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-set .col-1 {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -99.9%;
  width: 49.195%; }

/* line 226, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-set .col-2 {
  display: block;
  float: left;
  margin-left: 50.805%;
  margin-right: -99.9%;
  width: 49.195%; }

/* line 232, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-set .col-1.narrow {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -99.9%;
  width: 32.25806451%; }

/* line 238, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-set .col-2.wide {
  display: block;
  float: left;
  margin-left: 33.86806451%;
  margin-right: -99.9%;
  width: 66.13193549%; }

/* line 244, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-set .col-1.wide {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -99.9%;
  width: 58.8738709656%; }

/* line 250, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col2-set .col-2.narrow {
  display: block;
  float: left;
  margin-left: 60.4838709655%;
  margin-right: -99.9%;
  width: 39.5161290345%; }

/* col3 set */
/* line 257, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col3-set {
  margin-bottom: 1.25em; }

/* line 261, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col3-set .col-1 {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -99.9%;
  width: 32.26%; }

/* line 267, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col3-set .col-2 {
  display: block;
  float: left;
  margin-left: 33.87%;
  margin-right: -99.9%;
  width: 32.26%; }

/* line 273, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col3-set .col-3 {
  display: block;
  float: left;
  margin-left: 67.74%;
  margin-right: -99.9%;
  width: 32.26%; }

/* col4 set*/
/* line 280, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col4-set .col-1 {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -99.9%;
  width: 23.7925000006%; }

/* line 286, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col4-set .col-2 {
  display: block;
  float: left;
  margin-left: 25.4025000006%;
  margin-right: -99.9%;
  width: 23.7925000006%; }

/* line 292, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col4-set .col-3 {
  display: block;
  float: left;
  margin-left: 50.8050000012%;
  margin-right: -99.9%;
  width: 23.7925000006%; }

/* line 298, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col4-set .col-4 {
  display: block;
  float: left;
  margin-left: 76.2075000018%;
  margin-right: -99.9%;
  width: 23.7924999982%; }

/* clearfix */
/* line 305, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
.col1-layout:after,
.col2-left-layout:after,
.col2-right-layout:after,
.col2-right-layout-tab:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.mod-scroll-top:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

/* ==========================================================================
   media queries
   ========================================================================== */
/* Smartphones (portrait) */
@media only screen and (max-width: 767px) {
  /* line 331, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
  body:after {
    content: 'smartphone';
    position: absolute;
    top: -100em;
    left: -100em;
    width: 1px;
    height: 1px;
    overflow: hidden; } }

/* Tablet (portrait) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 345, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
  body:after {
    content: 'tablet';
    position: absolute;
    top: -100em;
    left: -100em;
    width: 1px;
    height: 1px;
    overflow: hidden; } }

/* Desktop */
@media only screen and (min-width: 1024px) {
  /* line 358, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/_layout.scss */
  body:after {
    content: 'desktop';
    position: absolute;
    top: -100em;
    left: -100em;
    width: 1px;
    height: 1px;
    overflow: hidden; } }

/**
 * modules
 * - import all modules files
 * - here you can add new files if needed
 */
/**
 * brandung slider.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * @require js/libs/vendor/royalslider/royalslider.css
 * @require js/libs/vendor/royalslider/jquery.royalslider.min.js
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Slider
   ========================================================================== */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.mod-royal-slider {
  position: relative;
  width: 100%;
  overflow: hidden; }
  /* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider .rsContent {
    position: relative;
    text-align: left;
    margin-bottom: 0; }
    /* line 42, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .mod-royal-slider .rsContent > a {
      display: block;
      text-decoration: none; }
    /* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .mod-royal-slider .rsContent picture {
      display: block; }
      /* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .mod-royal-slider .rsContent picture img {
        width: 100%; }
  /* line 67, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider figure {
    margin: 0; }
  /* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider .rsBullets {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center; }
  /* line 95, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider .rsBullet {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #fff;
    display: inline-block;
    margin: 0 5px; }
    /* line 104, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .mod-royal-slider .rsBullet.rsNavSelected {
      background: #cc0000; }
  /* line 109, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider .rsArrow {
    display: none;
    position: absolute;
    width: 17px;
    height: 30px;
    bottom: 30px;
    left: 50%; }
    /* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .mod-royal-slider .rsArrow.rsArrowLeft {
      margin-left: -25px; }
      /* line 122, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .mod-royal-slider .rsArrow.rsArrowLeft:after {
        font-family: 'icomoon';
        content: '\e629';
        color: #fff;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1em; }
    /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .mod-royal-slider .rsArrow.rsArrowRight {
      margin-left: 5px; }
      /* line 133, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .mod-royal-slider .rsArrow.rsArrowRight:after {
        content: '\e62a';
        font-family: 'icomoon';
        color: #fff;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1em; }

/* slider-stage */
/* line 150, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage h2, .slider-stage h3,
.slider-stage h4,
.slider-stage h5 {
  color: #fff; }

/* line 158, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage .rsOverflow {
  background: url("../img/preloader_big.gif") no-repeat center center; }

/* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage .rsContent {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center; }
  /* line 172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .rsContent:first-child {
    position: relative;
    z-index: 2; }
  /* line 177, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .rsContent .img-holder img {
    width: 100%; }
  /* line 181, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .rsContent > a {
    text-decoration: none; }

/* line 190, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage.rsHor {
  height: auto;
  max-height: 720px; }
  /* line 202, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage.rsHor .rsContent {
    position: static; }

/* line 207, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage .rsArrow {
  position: static;
  bottom: auto;
  left: auto;
  margin-top: -4px;
  vertical-align: middle; }
  /* line 215, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .rsArrow.rsArrowRight {
    margin-left: 2px; }

/* slider-teaser */
/* line 223, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser {
  width: 100%;
  margin: 0 auto;
  height: 325px;
  overflow: hidden; }
  /* line 229, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser.rsHor {
    width: 32.2580645161%;
    max-width: 400px;
    min-height: 325px;
    height: auto;
    overflow: visible; }
  /* line 242, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .rsOverflow {
    overflow: visible; }
  /* line 246, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .rsContainer {
    margin-left: -10px; }
  /* line 250, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .rsContent {
    padding: 0;
    max-width: 400px;
    display: list-item; }
  /* line 257, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .rsSlide {
    opacity: 0.45;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    margin: 0 10px; }
  /* line 265, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .rsBullets {
    position: static;
    clear: both;
    padding: 10px;
    background: #ccc; }
    /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
    .slider-teaser .rsBullets:after {
      display: block;
      content: ".";
      clear: both;
      font-size: 0;
      line-height: 0;
      height: 0;
      overflow: hidden; }
    /* line 276, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .slider-teaser .rsBullets .rsNavItem {
      display: none; }
  /* line 281, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .rsArrow {
    position: static; }
    /* line 284, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .slider-teaser .rsArrow.rsArrowLeft {
      margin-left: 0;
      float: left; }
    /* line 298, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .slider-teaser .rsArrow.rsArrowRight {
      margin-left: 0;
      float: right; }
  /* line 313, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .rsActiveSlide,
  .slider-teaser .is-active {
    opacity: 1; }

/* slider-paging */
/* line 320, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-paging-nav {
  display: none; }

/* info-block */
/* line 326, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.info-block-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 10%;
  text-align: center; }
  /* line 337, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block {
    background: #990000;
    color: #fff;
    text-align: left;
    display: inline-block;
    background: #990000;
    background: rgba(153, 0, 0, 0.9); }
    /* line 348, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .info-block-wrapper .info-block article {
      padding: 25px 25px 10px;
      padding: 25px;
      float: left;
      border-right: 3px solid #7e0000; }
      /* line 351, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .info-block-wrapper .info-block article a {
        text-decoration: none;
        color: #fff; }
      /* line 362, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .info-block-wrapper .info-block article > span {
        font-family: "Roboto Slab", georgia, "serif";
        font-size: 15px;
        font-size: 0.9375rem; }
    /* line 368, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .info-block-wrapper .info-block a {
      text-decoration: none; }
      /* line 370, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .info-block-wrapper .info-block a span {
        color: #fff; }
    /* line 375, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .info-block-wrapper .info-block aside {
      font-size: 15px;
      font-size: 0.9375rem;
      padding: 0 25px 25px;
      text-transform: uppercase;
      float: right;
      padding: 25px;
      font-size: 15px;
      font-size: 0.9375rem; }
      /* line 392, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .info-block-wrapper .info-block aside a {
        font-size: 15px;
        font-size: 0.9375rem;
        font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
        font-weight: normal;
        position: relative;
        display: block;
        color: #fff;
        text-decoration: underline;
        line-height: 2em; }
        /* line 402, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
        .info-block-wrapper .info-block aside a:hover {
          text-decoration: none; }
        /* line 406, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
        .info-block-wrapper .info-block aside a:before {
          font-size: 12px;
          font-size: 0.75rem;
          position: absolute;
          left: 0;
          line-height: 2.5em;
          width: 20px; }
        /* line 422, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
        .info-block-wrapper .info-block aside a.icon-telefon {
          font-size: 36px;
          font-size: 2.25rem;
          line-height: 1em;
          text-decoration: none;
          padding-left: 25px; }
          /* line 436, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
          .info-block-wrapper .info-block aside a.icon-telefon:before {
            font-size: 25px;
            font-size: 1.5625rem;
            line-height: 1em;
            top: 7px; }
      /* line 453, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .info-block-wrapper .info-block aside p {
        font-size: 15px;
        font-size: 0.9375rem;
        margin: 0.3125em 0 0; }
    /* line 463, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .info-block-wrapper .info-block h1,
    .info-block-wrapper .info-block h2,
    .info-block-wrapper .info-block h3,
    .info-block-wrapper .info-block h4,
    .info-block-wrapper .info-block h5 {
      font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
      color: #fff;
      margin: 0;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 1.2em; }
    /* line 505, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .info-block-wrapper .info-block h4 {
      font-size: 22px;
      font-size: 1.375rem;
      margin: 0;
      text-transform: none; }
    /* line 520, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .info-block-wrapper .info-block.hide-content article {
      padding-bottom: 25px; }
    /* line 523, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .info-block-wrapper .info-block.hide-content aside {
      display: none;
      display: block; }

/* slider-tabs */
/* line 534, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-tabs {
  margin: 0;
  position: relative;
  padding: 8px 30px 8px 8px;
  min-width: 110px;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #666;
  background: #fff;
  border-radius: 3px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  margin-top: 0;
  padding: 0; }
  /* line 555, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-tabs li {
    font-size: 18px;
    font-size: 1.125rem;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -ms-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
    display: none;
    cursor: pointer;
    margin-bottom: 0;
    display: block;
    float: left;
    margin-right: 20px; }
    /* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
    .slider-tabs li:hover {
      color: #cc0000; }
  /* line 569, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-tabs .is-active {
    display: block;
    color: #cc0000; }
  /* line 574, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-tabs:after {
    font-family: 'icomoon';
    position: absolute;
    content: '\e612';
    width: 18px;
    height: 10px;
    right: 5px;
    top: 18px;
    font-size: 12px;
    font-size: 0.75rem;
    position: static;
    width: auto;
    height: auto; }

/*silder-matchday*/
/* line 605, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.silder-matchday {
  height: 720px; }
  /* line 608, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday .rsContent {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center; }
  /* line 615, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday.rsHor {
    height: auto;
    max-height: 720px; }
    /* line 626, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .silder-matchday.rsHor .rsContent {
      position: static; }
  /* line 631, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday .rsArrow {
    position: absolute;
    width: 30px;
    height: auto; }
    /* line 635, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .silder-matchday .rsArrow.rsArrowLeft {
      margin-left: 2px;
      left: 2%;
      bottom: 50%; }
      /* line 639, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .silder-matchday .rsArrow.rsArrowLeft:after {
        font-family: 'icomoon';
        content: '\e629';
        color: #ccc;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1em; }
    /* line 660, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .silder-matchday .rsArrow.rsArrowRight {
      margin-left: 2px;
      left: auto;
      right: 2%;
      bottom: 50%; }
      /* line 665, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .silder-matchday .rsArrow.rsArrowRight:after {
        font-family: 'icomoon';
        content: '\e62a';
        color: #ccc;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1em; }

/* line 690, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-default {
  padding-top: 56px; }
  /* line 697, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-default img {
    width: 100%; }
  /* line 701, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-default .rsOverflow {
    background: url("../img/preloader_big.gif") no-repeat center center; }
  /* line 705, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-default .rsBullets {
    background: #cc0000;
    bottom: auto;
    top: 0;
    padding: 0.9375em 0; }
    /* line 717, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .slider-default .rsBullets .rsBullet.rsNavSelected {
      background: #990000; }
  /* line 723, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-default .rsArrow {
    position: static;
    bottom: auto;
    left: auto;
    margin-top: -4px;
    vertical-align: middle; }
    /* line 731, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .slider-default .rsArrow.rsArrowRight {
      margin-left: 2px; }

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* mod-teaser */
/* line 744, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .mod-teaser {
  width: auto;
  border-top: 4px solid #cc0000; }

/* line 753, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .mod-teaser-content {
  height: 110px;
  overflow: hidden; }
  /* line 757, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .mod-teaser-content h2, .slider-teaser .mod-teaser-content h3,
  .slider-teaser .mod-teaser-content h4,
  .slider-teaser .mod-teaser-content h5 {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    height: 45px;
    /* Fallback for non-webkit */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

/* line 772, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .fctv-teaser .mod-teaser-content h2, .slider-teaser .fctv-teaser .mod-teaser-content h3,
.slider-teaser .fctv-teaser .mod-teaser-content h4,
.slider-teaser .fctv-teaser .mod-teaser-content h5,
.slider-teaser .fctv-teaser-plus .mod-teaser-content h2,
.slider-teaser .fctv-teaser-plus .mod-teaser-content h3,
.slider-teaser .fctv-teaser-plus .mod-teaser-content h4,
.slider-teaser .fctv-teaser-plus .mod-teaser-content h5 {
  height: 22px;
  -webkit-line-clamp: 1; }

/* line 783, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.col-right .silder-matchday .rsArrow.rsArrowLeft, .col-right .silder-matchday .rsArrow.rsArrowRight {
  bottom: 5%;
  width: 20px; }
  /* line 788, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .col-right .silder-matchday .rsArrow.rsArrowLeft:after, .col-right .silder-matchday .rsArrow.rsArrowRight:after {
    font-size: 20px;
    font-size: 1.25rem; }

/* line 802, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage .mod-matchday-box {
  position: absolute;
  top: 20%;
  padding: 0;
  background: none;
  border-top: none; }
  /* line 817, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .mod-matchday-box .mod-club {
    margin-left: 5%; }
    /* line 820, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .slider-stage .mod-matchday-box .mod-club:first-child {
      margin-right: 5%; }
    @media only screen and (max-width: 1340px) {
      /* line 817, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .slider-stage .mod-matchday-box .mod-club {
        max-width: 12%; } }
    /* line 845, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .slider-stage .mod-matchday-box .mod-club img {
      margin: 0; }
    /* line 850, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .slider-stage .mod-matchday-box .mod-club:first-child img {
      margin: 0; }
  /* line 858, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .mod-matchday-box .mod-result span {
    color: #fff;
    font-size: 40px;
    font-size: 2.5rem; }
  /* line 863, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .mod-matchday-box .mod-result div {
    color: #fff; }
    /* line 866, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .slider-stage .mod-matchday-box .mod-result div .place {
      font-family: "Roboto Slab", georgia, "serif";
      text-transform: none; }

/* line 875, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage + .wrapper .mod-advertising {
  margin-top: 1.875em; }

/* line 884, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.col2-right-layout section.slider-default,
.col2-right-layout-tab section.slider-default {
  width: 100%;
  margin: 0; }

/* line 892, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.silder-matchday-full-width {
  margin-bottom: 1.25em; }
  /* line 894, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday-full-width .rsOverflow {
    background: url("../img/preloader_big.gif") no-repeat center center; }
  /* line 900, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday-full-width .rsContent .img-holder img {
    width: 100%; }
  /* line 906, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday-full-width .mod-stage-info-wrapper {
    width: 100%;
    position: absolute;
    bottom: 30px; }
    /* line 914, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .silder-matchday-full-width .mod-stage-info-wrapper .mod-matchday-box {
      width: 100%;
      border-top: none;
      min-width: 20em;
      max-width: 57.8125em;
      margin: 0 auto; }
      /* line 924, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .silder-matchday-full-width .mod-stage-info-wrapper .mod-matchday-box .mod-result {
        margin: 0.625em 0; }

/* line 957, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.matchday-view {
  position: relative; }
  /* line 960, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .matchday-view > .rsArrow {
    position: absolute;
    width: 30px;
    height: auto; }
    /* line 964, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .matchday-view > .rsArrow.rsArrowLeft {
      margin-left: 2px;
      left: 2%;
      bottom: 50%; }
      /* line 968, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .matchday-view > .rsArrow.rsArrowLeft .rsArrowIcn {
        text-decoration: none; }
        /* line 970, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
        .matchday-view > .rsArrow.rsArrowLeft .rsArrowIcn:after {
          font-family: 'icomoon';
          content: '\e629';
          color: #ccc;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 1em; }
    /* line 992, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .matchday-view > .rsArrow.rsArrowRight {
      margin-left: 2px;
      left: auto;
      right: 2%;
      bottom: 50%; }
      /* line 997, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
      .matchday-view > .rsArrow.rsArrowRight .rsArrowIcn {
        text-decoration: none; }
        /* line 999, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
        .matchday-view > .rsArrow.rsArrowRight .rsArrowIcn:after {
          font-family: 'icomoon';
          content: '\e62a';
          color: #ccc;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 1em; }

/* line 1024, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.mod-fctv-slider {
  margin: 1.875em 0; }
  /* line 1027, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-fctv-slider .button-set {
    margin-left: 10px;
    margin-right: 10px;
    margin-left: 0;
    margin-right: 0; }
    /* line 1036, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .mod-fctv-slider .button-set h2, .mod-fctv-slider .button-set h3,
    .mod-fctv-slider .button-set h4,
    .mod-fctv-slider .button-set h5 {
      margin: 0; }
  /* line 1052, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-fctv-slider .slider-teaser .lazy {
    min-height: 225px; }

/* line 1064, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-paging-items .rsSlide img,
.slider-teaser .rsSlide img {
  opacity: 1 !important; }

/* line 1070, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.paging-nav {
  margin-bottom: 0; }

/* no-js */
/* line 1093, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.no-js .mod-royal-slider .mod-loading {
  display: none !important; }

/* line 1098, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.no-js .slider-stage {
  height: auto; }
  /* line 1101, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .no-js .slider-stage .rsContent {
    position: relative; }
    /* line 1104, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
    .no-js .slider-stage .rsContent .mod-loading {
      display: none !important; }
  /* line 1109, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .no-js .slider-stage .info-block-wrapper {
    position: relative; }
  /* line 1113, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .no-js .slider-stage .info-block-wrapper .info-block {
    width: 100%;
    max-width: 92.5em; }
  /* line 1118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .no-js .slider-stage .info-block-wrapper .info-block article {
    width: 50%; }

/* line 1126, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.no-js .slider-teaser {
  text-align: center;
  height: auto; }
  /* line 1130, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .no-js .slider-teaser .rsContent {
    max-width: 400px;
    margin: 0 1% 10px;
    display: inline-block;
    /* iPad (portrait) */
    width: 50%;
    /* Desktop */
    width: 32.2580645161%; }

/* line 1147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.no-js .silder-matchday {
  height: auto; }
  /* line 1149, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .no-js .silder-matchday .rsContent {
    position: static; }
  /* line 1153, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .no-js .silder-matchday .mod-stage-info-wrapper {
    position: static; }

/* line 1163, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.news-single .slider-stage {
  margin-bottom: 30px; }

/**
 * brandung _mod-teaser.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-teaser
   ========================================================================== */
/* mod-teaser */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-teaser {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -ms-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
  background: #fff;
  /* iPhone 5 (landscape)  */
  /* iPad (portrait) */
  /* Desktop */
  width: 32.2580645161%; }
  /* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
  .mod-teaser:hover {
    background: #ebebeb; }
  /* line 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser a {
    display: block;
    text-decoration: none; }
  /* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser img {
    width: 100%; }
  @media only screen and (min-width: 47.9375em) {
    /* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .mod-teaser {
      width: 50%; } }
  /* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser.fctv-teaser-plus .mod-teaser-media {
    position: relative; }
    /* line 56, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .mod-teaser.fctv-teaser-plus .mod-teaser-media:before {
      position: absolute;
      top: 0;
      bottom: 0;
      content: '';
      display: block;
      width: 100%;
      background: url(../img/ie_png/04-fc+.png) transparent center center no-repeat;
      background-position: center center;
      background-color: rgba(0, 0, 0, 0.6);
      background-size: 14%; }
  /* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser.fctv-teaser-plus .mod-teaser-content {
    opacity: .4; }
  /* line 77, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser.video-teaser .mod-teaser-media {
    position: relative; }
    /* line 79, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .mod-teaser.video-teaser .mod-teaser-media:before {
      position: absolute;
      top: 0;
      bottom: 0;
      content: '';
      display: block;
      width: 100%;
      background: url(../img/ie_png/02-video-play.png) transparent center center no-repeat;
      background-position: center center; }
  /* line 94, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser.fctv-teaser .mod-teaser-media {
    position: relative; }
    /* line 96, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .mod-teaser.fctv-teaser .mod-teaser-media:before {
      position: absolute;
      top: 0;
      bottom: 0;
      content: '';
      display: block;
      width: 100%;
      background: url(../img/ie_png/03-fctv.png) transparent center center no-repeat;
      background-position: center center;
      background-color: rgba(0, 0, 0, 0.6); }
  /* line 110, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser.fctv-teaser .mod-teaser-content {
    opacity: .4; }
  /* line 115, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser.membership-teaser {
    position: relative;
    overflow: hidden; }
    /* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .mod-teaser.membership-teaser .mod-teaser-media {
      position: relative; }
    /* line 123, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .mod-teaser.membership-teaser .mod-teaser-content {
      background: #222222;
      background: rgba(34, 34, 34, 0.7);
      position: absolute;
      bottom: 0;
      width: 100%;
      height: auto;
      max-height: 100%;
      padding: 20px; }
      /* line 133, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .mod-teaser.membership-teaser .mod-teaser-content h2, .mod-teaser.membership-teaser .mod-teaser-content h3,
      .mod-teaser.membership-teaser .mod-teaser-content h4,
      .mod-teaser.membership-teaser .mod-teaser-content h5, .mod-teaser.membership-teaser .mod-teaser-content .btn-icon-only:before {
        font-size: 26px;
        font-size: 1.625rem; }
      /* line 137, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .mod-teaser.membership-teaser .mod-teaser-content h3 {
        font-size: 18px;
        font-size: 1.125rem; }
      /* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .mod-teaser.membership-teaser .mod-teaser-content h2, .mod-teaser.membership-teaser .mod-teaser-content h3,
      .mod-teaser.membership-teaser .mod-teaser-content h4,
      .mod-teaser.membership-teaser .mod-teaser-content h5 {
        padding-right: 50px; }
        /* line 143, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .mod-teaser.membership-teaser .mod-teaser-content h2:after, .mod-teaser.membership-teaser .mod-teaser-content h3:after,
        .mod-teaser.membership-teaser .mod-teaser-content h4:after,
        .mod-teaser.membership-teaser .mod-teaser-content h5:after {
          -webkit-transition: all 0.8s ease;
          -moz-transition: all 0.8s ease;
          -ms-transition: all 0.8s ease;
          transition: all 0.8s ease;
          color: #cc0000;
          margin: 0;
          top: 50%;
          margin-top: -14px;
          cursor: default; }
        /* line 154, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .mod-teaser.membership-teaser .mod-teaser-content h2.open:after, .mod-teaser.membership-teaser .mod-teaser-content h3.open:after,
        .mod-teaser.membership-teaser .mod-teaser-content h4.open:after,
        .mod-teaser.membership-teaser .mod-teaser-content h5.open:after {
          -webkit-transform: rotateX(180deg);
          -moz-transform: rotateX(180deg);
          transform: rotateX(180deg);
          color: #cc0000; }
      /* line 162, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .mod-teaser.membership-teaser .mod-teaser-content h2, .mod-teaser.membership-teaser .mod-teaser-content h3,
      .mod-teaser.membership-teaser .mod-teaser-content h4,
      .mod-teaser.membership-teaser .mod-teaser-content h5, .mod-teaser.membership-teaser .mod-teaser-content p {
        color: #fff; }
      /* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .mod-teaser.membership-teaser .mod-teaser-content p {
        margin-top: 15px; }
      /* line 170, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .mod-teaser.membership-teaser .mod-teaser-content .mod-teaser-hidden-content {
        display: none;
        margin-top: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        max-height: 300px;
        overflow: auto;
        overflow-x: hidden; }

/* mod-teaser-content */
/* line 184, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-teaser-content {
  padding: 7.5%;
  padding-top: 5%;
  padding-bottom: 5%;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto Slab", georgia, "serif";
  font-weight: normal;
  color: #333; }
  /* line 193, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser-content header {
    font-family: "Roboto Slab", georgia, "serif";
    font-weight: normal; }
    /* line 197, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .mod-teaser-content header span {
      color: #666; }
      /* line 200, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .mod-teaser-content header span span {
        font-family: "Roboto Slab", georgia, "serif";
        font-weight: normal; }
  /* line 207, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser-content .special {
    color: #cc0000; }
  /* line 211, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser-content h2, .mod-teaser-content h3,
  .mod-teaser-content h4,
  .mod-teaser-content h5,
  .mod-teaser-content h2 a,
  .mod-teaser-content h3 a,
  .mod-teaser-content h4 a,
  .mod-teaser-content h5 a {
    font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    color: #333; }

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* col set overwrites */
/* line 225, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.col3-set .mod-teaser {
  width: 100%;
  width: 100%; }

/*content-box*/
/* line 237, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.content-box .mod-teaser {
  width: 100%; }

/*small-teaser*/
/* line 243, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.small-teaser {
  width: 100%;
  text-align: center; }
  /* line 248, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .small-teaser .mod-teaser-content h2, .small-teaser .mod-teaser-content h3,
  .small-teaser .mod-teaser-content h4,
  .small-teaser .mod-teaser-content h5 {
    color: #cc0000;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 0.625em; }
  /* line 258, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .small-teaser .mod-teaser-content span {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #000;
    margin-bottom: 0.3125em;
    display: block; }
  /* line 268, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .small-teaser .mod-teaser-content p {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #cc0000;
    text-decoration: underline; }

/*wallpaper-teaser*/
/* line 304, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.wallpaper-teaser {
  width: 100%; }
  /* line 306, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .wallpaper-teaser:hover {
    background: #fff; }
  /* line 312, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .wallpaper-teaser.gbe-teaser ul li {
    text-align: center; }
  /* line 318, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .wallpaper-teaser ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    /* line 323, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .wallpaper-teaser ul li {
      border-top: 2px solid #e7e7e7;
      margin-bottom: 0; }
      /* line 327, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .wallpaper-teaser ul li:first-child {
        border-top: none; }
      /* line 331, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .wallpaper-teaser ul li a {
        display: block;
        text-decoration: underline;
        padding: 2% 5%;
        -webkit-transition: color 0.2s linear, background 0.2s linear;
        -moz-transition: color 0.2s linear, background 0.2s linear;
        -ms-transition: color 0.2s linear, background 0.2s linear;
        transition: color 0.2s linear, background 0.2s linear; }
        /* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
        .wallpaper-teaser ul li a:hover {
          background: #ebebeb; }
        /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
        .wallpaper-teaser ul li a:after {
          display: block;
          content: ".";
          clear: both;
          font-size: 0;
          line-height: 0;
          height: 0;
          overflow: hidden; }
        /* line 339, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .wallpaper-teaser ul li a span {
          color: #333;
          float: right;
          text-decoration: none; }

/*portrait-teaser*/
/* line 350, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.portrait-teaser {
  border-top: 4px solid #cc0000;
  max-width: 190px;
  float: left;
  margin-left: 1.25em;
  margin-bottom: 0.9375em; }
  /* line 367, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .portrait-teaser .mod-teaser-media {
    text-align: center;
    background: #f8f8f8; }
    /* line 370, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .portrait-teaser .mod-teaser-media img {
      margin-top: 0.625em;
      width: auto; }
  /* line 376, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .portrait-teaser .mod-teaser-content {
    text-align: center; }
    /* line 378, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .portrait-teaser .mod-teaser-content header {
      min-height: 70px; }
      /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
      .portrait-teaser .mod-teaser-content header:after {
        display: block;
        content: ".";
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        overflow: hidden; }
      /* line 384, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .portrait-teaser .mod-teaser-content header .pl_number {
        display: inline-block;
        color: #cc0000;
        font-size: 44px;
        font-size: 2.75rem;
        text-align: left;
        margin-right: 0.125em;
        font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif; }
      /* line 392, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .portrait-teaser .mod-teaser-content header h2, .portrait-teaser .mod-teaser-content header h3,
      .portrait-teaser .mod-teaser-content header h4,
      .portrait-teaser .mod-teaser-content header h5 {
        color: #cc0000;
        display: inline-block;
        text-transform: uppercase;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1em;
        text-align: left;
        width: 55%; }
        /* line 402, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .portrait-teaser .mod-teaser-content header h2 span, .portrait-teaser .mod-teaser-content header h3 span, .portrait-teaser .mod-teaser-content header h4 span, .portrait-teaser .mod-teaser-content header h5 span {
          color: #333;
          font-size: 15px;
          font-size: 0.9375rem;
          display: block;
          text-transform: uppercase;
          margin-left: 0; }

/* line 415, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-sort-list .mod-teaser {
  border-top: 4px solid #cc0000;
  width: 100%; }

/* line 422, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-sort-list.list-view .mod-teaser {
  border-top: none; }
  /* line 424, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-sort-list.list-view .mod-teaser .mod-teaser-media {
    display: inline-block; }
    /* line 426, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .mod-sort-list.list-view .mod-teaser .mod-teaser-media img {
      border-top: 4px solid #cc0000;
      max-width: 400px; }
  /* line 432, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-sort-list.list-view .mod-teaser .mod-teaser-content {
    display: inline-block;
    padding: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    vertical-align: top; }

/* line 444, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.ticket-teaser {
  border-top: 4px solid #cc0000; }
  /* line 447, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .mod-teaser-header {
    padding: 0.625em; }
    /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
    .ticket-teaser .mod-teaser-header:after {
      display: block;
      content: ".";
      clear: both;
      font-size: 0;
      line-height: 0;
      height: 0;
      overflow: hidden; }
    /* line 452, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .ticket-teaser .mod-teaser-header h2, .ticket-teaser .mod-teaser-header h3,
    .ticket-teaser .mod-teaser-header h4,
    .ticket-teaser .mod-teaser-header h5 {
      float: left;
      font-size: 18px;
      font-size: 1.125rem; }
    /* line 457, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .ticket-teaser .mod-teaser-header .mod-status {
      float: right; }
  /* line 462, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .mod-teaser-content {
    padding: 5%; }
    /* line 465, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .ticket-teaser .mod-teaser-content header {
      text-align: center; }
      /* line 468, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .ticket-teaser .mod-teaser-content header span {
        color: #cc0000; }
        /* line 471, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .ticket-teaser .mod-teaser-content header span span {
          color: #666; }
      /* line 477, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .ticket-teaser .mod-teaser-content header h2 span, .ticket-teaser .mod-teaser-content header h3 span, .ticket-teaser .mod-teaser-content header h4 span, .ticket-teaser .mod-teaser-content header h5 span {
        display: block;
        color: #333; }
    /* line 484, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .ticket-teaser .mod-teaser-content p {
      font-size: 15px;
      font-size: 0.9375rem;
      min-height: 50px; }
    /* line 491, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .ticket-teaser .mod-teaser-content ul {
      margin-top: 0.625em;
      list-style: none;
      padding: 0;
      border-bottom: 1px solid #ccc;
      position: relative;
      min-height: 275px; }
      /* line 501, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .ticket-teaser .mod-teaser-content ul li {
        padding: 0.625em 0;
        border-top: 1px solid #ccc;
        margin-bottom: 0; }
        /* line 506, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .ticket-teaser .mod-teaser-content ul li h3 {
          color: #cc0000;
          margin-bottom: 0.625em; }
        /* line 511, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .ticket-teaser .mod-teaser-content ul li p {
          padding: 0.3125em 0 0.3125em;
          min-height: inherit;
          border-bottom: 1px solid #ccc; }
          /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
          .ticket-teaser .mod-teaser-content ul li p:after {
            display: block;
            content: ".";
            clear: both;
            font-size: 0;
            line-height: 0;
            height: 0;
            overflow: hidden; }
          /* line 518, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
          .ticket-teaser .mod-teaser-content ul li p span {
            float: right; }
            /* line 521, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
            .ticket-teaser .mod-teaser-content ul li p span:first-child {
              display: inline-block;
              font-weight: bold;
              float: left; }
        /* line 529, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .ticket-teaser .mod-teaser-content ul li a {
          margin-top: 10px; }
        /* line 533, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .ticket-teaser .mod-teaser-content ul li .btn {
          margin-top: 0;
          position: absolute;
          bottom: 10px;
          left: 0;
          right: 0; }
  /* line 548, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .button-set {
    padding: 0 5%;
    padding-bottom: 5%; }
    /* line 552, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .ticket-teaser .button-set span {
      vertical-align: bottom;
      font-family: "Roboto Slab", georgia, "serif";
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1em;
      margin-top: 0.9375em; }
      /* line 559, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .ticket-teaser .button-set span span {
        font-size: 26px;
        font-size: 1.625rem;
        margin-left: 0.1875em; }
      @media only screen and (max-width: 1120px) {
        /* line 552, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .ticket-teaser .button-set span {
          float: none; } }
      /* line 575, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .ticket-teaser .button-set span.btn {
        margin-top: 0;
        font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
        font-size: 20px;
        font-size: 1.25rem; }
        @media only screen and (max-width: 1120px) {
          /* line 575, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
          .ticket-teaser .button-set span.btn {
            float: none;
            margin-top: 0.625em;
            display: block; } }
  /* line 603, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .match-box {
    margin: 1.25em 0;
    text-align: center; }
    /* line 607, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .ticket-teaser .match-box span {
      display: inline-block;
      padding: 0 10px; }
      /* line 611, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .ticket-teaser .match-box span img {
        width: auto; }
      /* line 615, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .ticket-teaser .match-box span.home-team, .ticket-teaser .match-box span.away-team {
        padding: 0; }

/* line 625, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
#form-player-month .button-set {
  margin-top: 2.5em; }
  /* line 628, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  #form-player-month .button-set a {
    text-transform: uppercase;
    font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
    margin: 0.75em 0 0; }
  /* line 634, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  #form-player-month .button-set .btn {
    margin-left: 0.9375em; }

/* line 640, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.player-month-teaser {
  width: 100%;
  border-top: 4px solid #cc0000;
  cursor: pointer; }
  /* line 645, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser:hover {
    background: #fff; }
  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
  .player-month-teaser:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden; }
  /* line 651, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-media {
    float: left;
    display: inline-block;
    width: 31.2%; }
  /* line 657, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-content {
    float: left;
    display: inline-block;
    width: 68.8%;
    padding: 1.25em 2.5%; }
  @media only screen and (max-width: 975px) {
    /* line 665, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .player-month-teaser .mod-teaser-media {
      min-width: 145px; }
    /* line 669, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .player-month-teaser .mod-teaser-content {
      width: 63.8%; } }
  @media only screen and (max-width: 855px) {
    /* line 676, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .player-month-teaser .mod-teaser-content {
      width: 58.8%; } }
  @media only screen and (max-width: 520px) {
    /* line 692, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .player-month-teaser .mod-teaser-media {
      width: 35.2%; }
    /* line 696, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .player-month-teaser .mod-teaser-content {
      width: 64.8%;
      padding-bottom: 10px;
      padding-top: 10px; } }
  /* line 715, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-content label {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
    text-transform: uppercase;
    line-height: 1em;
    cursor: pointer; }
    /* line 722, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .player-month-teaser .mod-teaser-content label input[type=radio]:checked + span {
      color: #cc0000; }
    @media only screen and (max-width: 1100px) {
      /* line 715, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .player-month-teaser .mod-teaser-content label {
        font-size: 16px;
        font-size: 1rem; } }
    @media only screen and (max-width: 580px) {
      /* line 715, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .player-month-teaser .mod-teaser-content label {
        font-size: 16px;
        font-size: 1rem; }
        /* line 737, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
        .player-month-teaser .mod-teaser-content label span {
          width: 75%;
          line-height: 1.4em; } }
  /* line 744, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-content p {
    margin-top: 0.9375em;
    font-size: 15px;
    font-size: 0.9375rem;
    display: block;
    display: -webkit-box;
    max-height: 80px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media only screen and (max-width: 1100px) {
      /* line 744, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .player-month-teaser .mod-teaser-content p {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4em; } }
    @media only screen and (max-width: 580px) {
      /* line 744, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .player-month-teaser .mod-teaser-content p {
        font-size: 13px;
        font-size: 0.8125rem; } }
  /* line 769, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-content a {
    margin-top: 0.9375em;
    text-decoration: underline;
    font-size: 15px;
    font-size: 0.9375rem;
    font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif; }
    @media only screen and (max-width: 1100px) {
      /* line 769, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .player-month-teaser .mod-teaser-content a {
        font-size: 13px;
        font-size: 0.8125rem; } }
    @media only screen and (max-width: 580px) {
      /* line 769, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
      .player-month-teaser .mod-teaser-content a {
        font-size: 13px;
        font-size: 0.8125rem; } }

/* line 790, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hennes-teaser {
  width: 100%;
  background: none; }
  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
  .hennes-teaser header:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden; }
  /* line 798, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .hennes-teaser header h2, .hennes-teaser header h3,
  .hennes-teaser header h4,
  .hennes-teaser header h5 {
    float: left;
    margin: 0.8em 0 0.8em 0; }
  /* line 812, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .hennes-teaser header a {
    float: right;
    margin: .8em 0; }
  /* line 827, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .hennes-teaser .mod-teaser-media {
    border-top: 4px solid #cc0000; }
    /* line 830, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .hennes-teaser .mod-teaser-media:before {
      display: none !important; }
  /* line 835, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .hennes-teaser:hover {
    background: none; }

/* line 843, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.col2-right-layout-tab .col-right .mod-teaser,
.col2-right-layout .col-right .mod-teaser {
  margin-top: 30px; }
  /* line 846, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .col2-right-layout-tab .col-right .mod-teaser:first-child,
  .col2-right-layout .col-right .mod-teaser:first-child {
    margin-top: 0; }

/* line 852, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.col2-right-layout-tab .col-right > h2 + .mod-teaser, .col2-right-layout-tab .col-right > h3 + .mod-teaser, .col2-right-layout-tab .col-right > h4 + .mod-teaser, .col2-right-layout-tab .col-right > h5 + .mod-teaser,
.col2-right-layout .col-right > h2 + .mod-teaser,
.col2-right-layout .col-right > h3 + .mod-teaser,
.col2-right-layout .col-right > h4 + .mod-teaser,
.col2-right-layout .col-right > h5 + .mod-teaser {
  margin-top: 0; }

/* line 859, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.col2-right-layout-tab .col-main .video-teaser,
.col2-right-layout .col-main .video-teaser {
  width: 100%; }

/* line 868, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-filter-content .mod-teaser .mod-teaser-content header {
  min-height: 75px; }

/* line 875, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.netcologne-teaser {
  margin-top: 45px; }
  /* line 876, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .netcologne-teaser a {
    display: block; }
    /* line 879, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
    .netcologne-teaser a img {
      width: 100%; }

/* line 889, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.shop-teaser .mod-teaser-content {
  border-top: 1px solid #cc0000; }
  /* line 893, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .shop-teaser .mod-teaser-content p strong {
    font-size: 20px;
    font-size: 1.25rem; }

/* line 901, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.anleihe-teaser > div {
  background: #e7e7e7;
  padding: 20px 20px 30px;
  position: relative;
  margin-top: 70px; }

/* line 910, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.teaser--disabled > * {
  opacity: 0.4; }

/* line 914, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.teaser--disabled:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 286px;
  height: 298px;
  background: url("../img/anleihe-hennes.png");
  background-size: contain;
  background-repeat: no-repeat; }

/**
 * brandung mod-alert.scss v1.0.0
 *
 * Copyright 2016, 2016 brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2016-03-02
 * MIT License (MIT)
 */
/* ==========================================================================
   Alert Box
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
.mod-alert {
  -webkit-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #333;
  padding: 0.9375em;
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  border-top: 8px solid #cc0000; }
  /* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
  .mod-alert .alert-inner {
    position: relative;
    max-width: 57.8125em;
    margin: 0 auto; }
    /* line 35, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
    .mod-alert .alert-inner p,
    .mod-alert .alert-inner a {
      font-size: 12px;
      font-size: 0.75rem;
      margin: 0; }
    /* line 41, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
    .mod-alert .alert-inner p {
      padding-right: 115px; }
    /* line 45, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
    .mod-alert .alert-inner .icon-before {
      padding-left: 40px; }
      /* line 48, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
      .mod-alert .alert-inner .icon-before:before {
        font-size: 23px;
        font-size: 1.4375rem;
        margin: 5px 0 0; }
    /* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
    .mod-alert .alert-inner .btn-icon-only {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      font-size: 0px;
      font-size: 0rem;
      padding: 5px; }
      /* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
      .mod-alert .alert-inner .btn-icon-only:before {
        font-size: 12px;
        font-size: 0.75rem;
        padding: 0; }
    /* line 70, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
    .mod-alert .alert-inner .close {
      position: absolute;
      right: 0;
      top: 3px; }

/**
 * brandung _mod-hover-image-list.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-hover-image-list
   ========================================================================== */
/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.mod-hover-image-list:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
.mod-hover-image-list ul {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  vertical-align: middle; }
  /* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
  .mod-hover-image-list ul li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
    /* line 29, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
    .mod-hover-image-list ul li a {
      display: block;
      overflow: hidden;
      position: relative;
      max-width: 100%; }
      /* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
      .mod-hover-image-list ul li a img + img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        margin: 0 auto;
        opacity: 0;
        visibility: hidden; }
      /* line 48, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
      .mod-hover-image-list ul li a img:first-child {
        opacity: 1;
        visibility: visible;
        display: block;
        margin: 0 auto; }
    /* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
    .mod-hover-image-list ul li:hover a img {
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity 0.3s linear, visibility 0.3s linear, transition;
      -moz-transition: opacity 0.3s linear, visibility 0.3s linear, transition;
      -ms-transition: opacity 0.3s linear, visibility 0.3s linear, transition;
      transition: opacity 0.3s linear, visibility 0.3s linear, transition; }
      /* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
      .mod-hover-image-list ul li:hover a img:first-child {
        opacity: 0;
        visibility: hidden; }

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
.mod-hover-image-list.clone-social-media {
  background: #222222;
  padding: 0 0.625em 0.625em; }
  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
  .mod-hover-image-list.clone-social-media:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden; }
  /* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
  .mod-hover-image-list.clone-social-media ul {
    padding: 0 0.625em 0.9375em !important;
    border-bottom: 1px solid #343434; }
    /* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
    .mod-hover-image-list.clone-social-media ul li {
      padding-top: 0.9375em !important;
      margin-left: 2.25em !important;
      padding-bottom: 0 !important; }
      /* line 88, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
      .mod-hover-image-list.clone-social-media ul li:first-child, .mod-hover-image-list.clone-social-media ul li:nth-child(4), .mod-hover-image-list.clone-social-media ul li:nth-child(7) {
        margin-left: 0 !important; }
      /* line 94, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
      .mod-hover-image-list.clone-social-media ul li a img {
        visibility: hidden; }
        /* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
        .mod-hover-image-list.clone-social-media ul li a img + img {
          visibility: visible;
          opacity: 1; }

/* ==========================================================================
  IE Rules
  ========================================================================== */
/* IE < 9 */
/* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
.lt-ie9 .mod-hover-image-list ul li a {
  display: inline; }
  /* line 123, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
  .lt-ie9 .mod-hover-image-list ul li a img + img {
    display: none;
    position: static; }

/* line 136, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
.lt-ie9 .mod-hover-image-list ul li:hover a img {
  display: inline-block;
  visibility: visible; }
  /* line 140, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
  .lt-ie9 .mod-hover-image-list ul li:hover a img + img {
    display: none; }

/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.lt-ie9 footer .col2-set .mod-hover-image-list ul:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

/* line 155, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
.lt-ie9 footer .col2-set .mod-hover-image-list ul li {
  display: inline; }
  /* line 157, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-hover-image-list.scss */
  .lt-ie9 footer .col2-set .mod-hover-image-list ul li a {
    text-decoration: none; }

/**
 * brandung mod-overwrites.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-11-18
 * MIT License (MIT)
 */
/* ==========================================================================
   Module Overwrites
   ========================================================================== */
/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
header .header-content h2, header .header-content h3,
header .header-content h4,
header .header-content h5 {
  position: absolute;
  top: 25px;
  font-size: 24px;
  font-size: 1.5rem;
  right: 18%;
  right: 25%; }

/* line 48, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
header .header-content ul {
  margin-bottom: 5px; }
  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
  header .header-content ul:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden; }
  /* line 59, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
  header .header-content ul li {
    float: left;
    margin-left: 5px; }
    /* line 63, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
    header .header-content ul li:first-child {
      margin-left: 0; }
    /* line 67, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
    header .header-content ul li a {
      display: block;
      text-decoration: none; }
      /* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
      header .header-content ul li a.iconLang {
        width: 20px;
        height: 12px;
        text-indent: -9999em;
        margin: 0;
        padding: 0; }
        /* line 78, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
        header .header-content ul li a.iconLang.en {
          background: url(../img/ie_png/12-sprachwahl-englisch.png) transparent center center no-repeat;
          background-position: center center;
          background-size: 100%; }
        /* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
        header .header-content ul li a.iconLang.de {
          background: url(../img/ie_png/11-sprachwahl-deutsch.png) transparent center center no-repeat;
          background-position: center center;
          background-size: 100%; }

/*slider-stage*/
/* line 96, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
.slider-stage {
  margin-bottom: 1.25em;
  border-top: 6px solid #cc0000; }
  /* line 107, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
  .slider-stage .rsContent > a {
    display: block;
    text-decoration: none; }
  /* line 113, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
  .slider-stage.rsHor {
    max-height: 340px; }
  /* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
  .slider-stage .fc-tv-teaser {
    background: url("../img/fc-fv.teaser-bg.jpg") no-repeat 0 0;
    background-size: cover;
    position: relative;
    height: 100%; }
    /* line 126, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
    .slider-stage .fc-tv-teaser .col2-set {
      padding-top: 2.8125em; }
    /* line 130, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
    .slider-stage .fc-tv-teaser .media-content {
      position: relative;
      display: inline-block;
      margin: 0 20px;
      margin: 0 0 0 70px;
      padding: 0; }
      /* line 139, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
      .slider-stage .fc-tv-teaser .media-content img {
        width: 100%; }
    /* line 144, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
    .slider-stage .fc-tv-teaser .text-content {
      text-align: left;
      padding: 20px;
      padding: 0 0 0 20px; }
      /* line 151, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
      .slider-stage .fc-tv-teaser .text-content h2, .slider-stage .fc-tv-teaser .text-content h3,
      .slider-stage .fc-tv-teaser .text-content h4,
      .slider-stage .fc-tv-teaser .text-content h5 {
        font-size: 36px;
        font-size: 2.25rem;
        font-size: 40px;
        font-size: 2.5rem;
        color: #fff;
        margin-top: .4em;
        margin-bottom: 0;
        line-height: 1em; }
        /* line 161, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
        .slider-stage .fc-tv-teaser .text-content h2 span, .slider-stage .fc-tv-teaser .text-content h3 span, .slider-stage .fc-tv-teaser .text-content h4 span, .slider-stage .fc-tv-teaser .text-content h5 span {
          font-size: 12px;
          font-size: 0.75rem;
          font-size: 15px;
          font-size: 0.9375rem;
          color: #fff;
          display: block;
          line-height: 1em; }
      /* line 173, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
      .slider-stage .fc-tv-teaser .text-content p {
        font-size: 20px;
        font-size: 1.25rem;
        font-size: 16px;
        font-size: 1rem;
        font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
        text-transform: uppercase;
        color: #fff;
        text-decoration: underline; }
  /* line 186, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
  .slider-stage .rsBullets {
    display: none; }

/* line 193, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
#logo {
  background: url(../img/ie_png/01-logo.png) transparent 0 0 no-repeat;
  text-indent: -9999em;
  display: block;
  position: absolute;
  top: -80px;
  left: 50%;
  margin-left: -72px;
  z-index: 10;
  -webkit-transition: width 0.3s ease-in, height 0.3s ease-in, background-size 0.3s ease-in, top 0.3s ease-in;
  -moz-transition: width 0.3s ease-in, height 0.3s ease-in, background-size 0.3s ease-in, top 0.3s ease-in;
  -ms-transition: width 0.3s ease-in, height 0.3s ease-in, background-size 0.3s ease-in, top 0.3s ease-in;
  transition: width 0.3s ease-in, height 0.3s ease-in, background-size 0.3s ease-in, top 0.3s ease-in;
  width: 145px;
  height: 165px;
  background-size: 100%; }

/* line 216, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
.mod-hover-image-list {
  margin-bottom: 1.25em; }
  /* line 224, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
  .mod-hover-image-list ul li:hover a img:first-child {
    opacity: 1;
    visibility: visible; }

/* line 244, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
footer .full-width .wrapper .mod-sponsor-icon ul li {
  margin-top: 1.5625em;
  width: 5%;
  margin-left: 2%; }

/* line 255, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
footer {
  margin-top: 30px; }
  /* line 263, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
  footer .full-width .mod-social-media ul li {
    margin-left: 2%;
    margin-bottom: 10px;
    max-width: 40px; }
  /* line 277, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/partials/mod/_mod-overwrites.scss */
  footer .full-width .wrapper .mod-sponsor-icon ul li {
    margin-top: 1.5625em;
    width: 7%;
    margin-left: 2%; }

/**
 * modules placeholder
 * - import all modules files
 *
 * - for grunt-build-process:
 * - package files by download builder
 * - add files by appendAssets task in project builder (bra-pd)
 */
/* ==========================================================================
  Content Blocks
  ========================================================================== */
/* noscript */
/* line 91, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/main.scss */
.no-js noscript {
  color: #fff;
  margin: 0.2em 0;
  background: #cc0000;
  padding: 0.2em 0;
  text-align: center;
  width: 100%;
  float: left; }
  /* line 99, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/main.scss */
  .no-js noscript p {
    margin: 0 auto;
    max-width: 925; }

/* header */
/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
header:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

/* nav */
/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
nav:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

/* container */
/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
#main:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

/* footer */
/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
footer:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

/* line 129, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/main.scss */
section, div, article, input, select, p, a, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* ==========================================================================
  Content Elements
  ========================================================================== */
/* line 136, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/main.scss */
hr {
  margin: 20px 0; }
  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
  hr:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden; }

/* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/main.scss */
a {
  color: #cc0000; }
  /* line 143, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/main.scss */
  a:hover {
    color: #cc0000; }

/* line 148, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/main.scss */
ul {
  list-style: none;
  padding: 0;
  margin: 0; }

/* ==========================================================================
  IE Rules
  ========================================================================== */
/* IE < 8 */
/* line 159, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/vorschaltseite/sass/main.scss */
.lt-ie8 header,
.lt-ie8 nav,
.lt-ie8 #main,
.lt-ie8 footer {
  display: inline-block; }

/*# sourceMappingURL=all-old-ie.css.map */