@charset "UTF-8";
/**
 * 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
 */
/**
* Return specific Icon
*/
/**
 * 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
*/
/**
 * 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,
.slider-camp>h2,
.slider-camp>h3,
.slider-camp>.headline-3,
.slider-camp>h4,
.slider-camp>h5 {
  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,
  .headline-3,
  h4,
  h5,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 263, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/vendor/_h5bp.scss */

  h2,
  h3,
  .headline-3,
  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,
.slider-camp>h2,
.slider-camp>h3,
.slider-camp>.headline-3,
.slider-camp>h4,
.slider-camp>h5,
h2,
h3,
.headline-3,
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,
.slider-camp>h2,
.slider-camp>h3,
.slider-camp>.headline-3,
.slider-camp>h4,
.slider-camp>h5,
h2,
h3,
.headline-3,
h4,
h5,
h3,
h4,
h5,
h6 {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  margin: .8em 0 .8em 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
  h1,
  .slider-camp>h2,
  .slider-camp>h3,
  .slider-camp>.headline-3,
  .slider-camp>h4,
  .slider-camp>h5,
  h2,
  h3,
  .headline-3,
  h4,
  h5,
  h3,
  h4,
  h5,
  h6 {
    margin: .4em 0 .4em 0;
  }
}

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

@media screen and (max-width: 47.9375em) {

  /* line 106, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
  h1,
  .slider-camp>h2,
  .slider-camp>h3,
  .slider-camp>.headline-3,
  .slider-camp>h4,
  .slider-camp>h5,
  .headline-1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

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

h2,
h3,
.headline-3,
h4,
h5,
.headline-2 {
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: #cc0000;
}

@media screen and (max-width: 47.9375em) {
  /* line 120, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */

  h2,
  h3,
  .headline-3,
  h4,
  h5,
  .headline-2 {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* line 129, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
h2 span,
h3 span,
.headline-3 span,
h4 span,
h5 span,
.headline-2 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,
.headline-3,
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;
}

@media screen and (max-width: 47.9375em) {

  /* line 143, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
  p,
  a,
  input,
  select,
  textarea,
  ul,
  figcaption {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_typo.scss */
  .special-headline,
  .special-headline>p {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* 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;
}

@media screen and (max-width: 47.9375em) {

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

/**
 * 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 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
html.no-touch body {
  overflow: visible;
  position: static;
}

/* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
html.no-touch nav#mainnavigation {
  overflow-y: hidden;
}

/* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
body {
  background: url("../img/bg-pattern-bright.jpg") repeat-y center 0 #fcfcfc !important;
  color: #333;
  font-size: 100%;
  line-height: 1.4;
  font-family: "Roboto Slab", georgia, "serif";
}

/* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
body.is-active {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  body.is-active {
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
  }
}

/* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
body.mod-maintenance .service-nav-wrapper nav {
  height: 45px;
}

@media screen and (max-width: 74.375em) {

  /* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  body.mod-maintenance .service-nav-wrapper nav {
    height: 40px;
  }
}

@media screen and (max-width: 60.9375em) {

  /* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  body.mod-maintenance .service-nav-wrapper nav {
    height: 35px;
  }
}

/* line 73, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
body.mod-maintenance .main-nav-wrapper nav {
  height: 78px;
}

@media screen and (max-width: 74.375em) {

  /* line 73, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  body.mod-maintenance .main-nav-wrapper nav {
    height: 71px;
  }
}

@media screen and (max-width: 60.9375em) {

  /* line 73, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  body.mod-maintenance .main-nav-wrapper nav {
    height: 66px;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  body.mod-maintenance .main-nav-wrapper {
    height: 60px;
  }

  /* line 87, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  body.mod-maintenance .main-nav-wrapper nav {
    display: none !important;
  }
}

/* line 95, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
body>img {
  position: absolute;
  top: 0;
  left: 0;
}

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

/* line 108, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
img#ia-bnc-0,
img#ia-pixel-0,
img#ia-bnc-2106886504 {
  position: absolute;
  top: 0;
  left: 0;
}

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

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

/* line 128, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.wrapper {
  position: relative;
  min-width: 20em;
  max-width: 77.5em;
  margin: 0 auto;
  text-align: left;
}

/* line 135, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.wrapper.full-width {
  max-width: 100%;
  overflow: hidden;
}

/* line 139, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
header .wrapper.full-width {
  overflow: visible;
}

/* line 145, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
#logo {
  background: url(../img/svg/01-logo.svg) transparent right bottom no-repeat;
  text-indent: -9999em;
  display: block;
  position: absolute;
  top: -35px;
  z-index: 10;
  margin-left: 10px;
  -webkit-transition: width 0.2s ease-in, height 0.2s ease-in, background-size 0.2s ease-in, margin-left 0.2s ease-in, top 0.2s ease-in;
  -moz-transition: width 0.2s ease-in, height 0.2s ease-in, background-size 0.2s ease-in, margin-left 0.2s ease-in, top 0.2s ease-in;
  -ms-transition: width 0.2s ease-in, height 0.2s ease-in, background-size 0.2s ease-in, margin-left 0.2s ease-in, top 0.2s ease-in;
  transition: width 0.2s ease-in, height 0.2s ease-in, background-size 0.2s ease-in, margin-left 0.2s ease-in, top 0.2s ease-in;
  width: 145px;
  height: 170px;
  background-size: 100%;
}

/* line 160, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.page-wrapper {
  position: relative;
  overflow: hidden;
}

/* line 164, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.page-wrapper>header {
  position: fixed;
  top: 0;
  -webkit-transition: top 0.2s ease-in;
  -moz-transition: top 0.2s ease-in;
  -ms-transition: top 0.2s ease-in;
  transition: top 0.2s ease-in;
  width: 100%;
  z-index: 2;
}

/* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.page-wrapper>header.is-sticky {
  top: -46px;
  background: #fff;
  width: 100%;
  z-index: 999;
}

@media screen and (max-width: 74.375em) {

  /* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .page-wrapper>header.is-sticky {
    top: -41px;
  }
}

@media screen and (max-width: 60.9375em) {

  /* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .page-wrapper>header.is-sticky {
    top: -36px;
  }
}

/* line 185, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.page-wrapper>header.is-sticky .main-nav-wrapper {
  top: 0;
}

/* line 187, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.page-wrapper>header.is-sticky .main-nav-wrapper #logo {
  background-size: 100%;
  top: 15px;
  margin-left: 1.25em;
  width: 49px;
  height: 55px;
}

@media screen and (max-width: 74.375em) {

  /* line 187, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .page-wrapper>header.is-sticky .main-nav-wrapper #logo {
    top: 10px;
  }
}

/* line 199, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.page-wrapper>header.is-sticky .main-nav-wrapper .content-box {
  padding: 0.9375em 0.625em 1.5625em !important;
  -webkit-transition: padding-top 0.2s ease-in;
  -moz-transition: padding-top 0.2s ease-in;
  -ms-transition: padding-top 0.2s ease-in;
  transition: padding-top 0.2s ease-in;
}

/* line 208, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.mod-opta {
  margin: 0 1.875em;
}

@media screen and (max-width: 47.9375em) {

  /* line 208, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .mod-opta {
    margin: 0;
  }
}

/* line 215, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.mod-opta .clearfix {
  height: auto;
}

/* line 221, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.csc-textpic-imagewrap {
  margin-top: 1.5625em;
}

/* line 226, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main {
  margin-top: 94px;
  -webkit-transition: margin-top 0.2s ease-in;
  -moz-transition: margin-top 0.2s ease-in;
  -ms-transition: margin-top 0.2s ease-in;
  transition: margin-top 0.2s ease-in;
  margin-bottom: 20px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 231, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main.is-sticky {
  margin-top: 60px;
}

@media screen and (min-width: 47.9375em) {

  /* line 226, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  main {
    margin-top: 100px;
    margin-bottom: 80px;
  }
}

@media screen and (min-width: 49.75em) {

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

  /* line 243, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  main.is-sticky {
    margin-top: 84px;
  }
}

@media screen and (min-width: 60.9375em) {

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

@media screen and (min-width: 77.5em) {

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

  /* line 255, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  main.is-sticky {
    margin-top: 86px;
  }
}

/* line 260, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main>.wrapper {
  -webkit-transition: padding-top 0.2s ease-in;
  -moz-transition: padding-top 0.2s ease-in;
  -ms-transition: padding-top 0.2s ease-in;
  transition: padding-top 0.2s ease-in;
  padding-top: 1.25em;
}

@media screen and (min-width: 47.9375em) {

  /* line 260, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  main>.wrapper {
    padding-top: 4.375em;
  }
}

/* line 269, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main>.wrapper.full-width {
  padding-top: 0;
}

/* line 273, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main>.wrapper+.wrapper {
  padding-top: 0;
}

/* line 279, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main>[class*="tx-"]+.wrapper {
  padding-top: 0;
}

/* line 284, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main>[class*="tx-"]+a+.wrapper {
  padding-top: 0;
}

/* line 288, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main>[class*="tx-"]+a+.wrapper+a+.wrapper {
  padding-top: 0;
}

/* line 299, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main>a+.wrapper+a+.wrapper {
  padding-top: 0;
}

/* line 308, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
main.is-active {
  -webkit-transform: translate3d(-245px, 0, 0);
  -moz-transform: translate3d(-245px, 0, 0);
  transform: translate3d(-245px, 0, 0);
}

@media screen and (max-width: 47.9375em) {

  /* line 315, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .service-nav-wrapper,
  .clone-login {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  /* line 320, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .service-nav-wrapper.is-active,
  .clone-login.is-active {
    -webkit-transform: translate3d(-245px, 0, 0);
    -moz-transform: translate3d(-245px, 0, 0);
    transform: translate3d(-245px, 0, 0);
  }
}

/* line 326, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
area {
  outline: 0;
}

/* ==========================================================================
   Base Columns
   ========================================================================== */
/* line 339, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col-main>section,
.col-main>article,
.col-main>div {
  margin-top: 1.875em;
}

/* line 344, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col-main>section:first-child,
.col-main>article:first-child,
.col-main>div:first-child {
  margin-top: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 349, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col-main .wrapper {
    min-width: inherit;
  }
}

/* line 357, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col-right>section,
.col-right>article,
.col-right>div {
  margin-top: 1.875em;
}

/* line 362, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col-right>section:first-child,
.col-right>article:first-child,
.col-right>div:first-child {
  margin-top: 0;
}

/* line 368, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col-right>h2+section,
.col-right>h3+section,
.col-right>.headline-3+section,
.col-right>h4+section,
.col-right>h5+section,
.col-right>h2+article,
.col-right>h3+article,
.col-right>.headline-3+article,
.col-right>h4+article,
.col-right>h5+article,
.col-right>h2+div,
.col-right>h3+div,
.col-right>.headline-3+div,
.col-right>h4+div,
.col-right>h5+div {
  margin-top: 0;
}

/* 1 Column layout */
/* line 380, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col1-layout .col-main {
  margin: 0 10px;
}

@media screen and (min-width: 77.5em) {

  /* line 380, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col1-layout .col-main {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    margin-right: 0;
  }
}

/* 2 Columns Layout - right */
@media screen and (min-width: 47.9375em) {

  /* line 390, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout {
    margin: 0 10px;
  }
}

@media screen and (min-width: 77.5em) {

  /* line 390, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout {
    margin: 0;
  }
}

/* line 407, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col2-right-layout .col-main {
  margin: 0 10px;
}

/* line 410, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col2-right-layout .col-main .mod-text-content {
  background: #fff;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 410, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout .col-main .mod-text-content {
    padding: 0 10px 10px;
  }

  /* line 419, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout .col-main .mod-text-content>.csc-textpic>.csc-textpic-text {
    padding: 0;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 407, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout .col-main {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -99.9%;
    width: 74.5967741935%;
  }

  /* line 429, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout .col-main>[class*="csc-"],
  .col2-right-layout .col-main>p,
  .col2-right-layout .col-main>h2,
  .col2-right-layout .col-main>h3,
  .col2-right-layout .col-main>.headline-3,
  .col2-right-layout .col-main>h4,
  .col2-right-layout .col-main>h5,
  .col2-right-layout .col-main>h1,
  .col2-right-layout .slider-camp.col-main>h2,
  .col2-right-layout .slider-camp.col-main>h3,
  .col2-right-layout .slider-camp.col-main>.headline-3,
  .col2-right-layout .slider-camp.col-main>h4,
  .col2-right-layout .slider-camp.col-main>h5,
  .col2-right-layout .col-main>[class*="tx-"]>section,
  .col2-right-layout .col-main>[class*="tx-"]>article:not(.mod-teaser),
  .col2-right-layout .col-main>[class*="tx-"]>h1,
  .col2-right-layout .col-main>.slider-camp[class*="tx-"]>h2,
  .col2-right-layout .col-main>.slider-camp[class*="tx-"]>h3,
  .col2-right-layout .col-main>.slider-camp[class*="tx-"]>.headline-3,
  .col2-right-layout .col-main>.slider-camp[class*="tx-"]>h4,
  .col2-right-layout .col-main>.slider-camp[class*="tx-"]>h5,
  .col2-right-layout .col-main>[class*="tx-"]>h2,
  .col2-right-layout .col-main>[class*="tx-"]>h3,
  .col2-right-layout .col-main>[class*="tx-"]>.headline-3,
  .col2-right-layout .col-main>[class*="tx-"]>h4,
  .col2-right-layout .col-main>[class*="tx-"]>h5,
  .col2-right-layout .col-main>[class*="tx-"]>h3,
  .col2-right-layout .col-main>[class*="tx-"]>p,
  .col2-right-layout .col-main>[class*="Tx-"],
  .col2-right-layout .col-main>[class*="tx-"]>div:not(.wrapper),
  .col2-right-layout .col-main>div>p,
  .col2-right-layout .col-main>div>h2,
  .col2-right-layout .col-main>div>h3,
  .col2-right-layout .col-main>div>.headline-3,
  .col2-right-layout .col-main>div>h4,
  .col2-right-layout .col-main>div>h5,
  .col2-right-layout .col-main>div>h1,
  .col2-right-layout .col-main>div.slider-camp>h2,
  .col2-right-layout .col-main>div.slider-camp>h3,
  .col2-right-layout .col-main>div.slider-camp>.headline-3,
  .col2-right-layout .col-main>div.slider-camp>h4,
  .col2-right-layout .col-main>div.slider-camp>h5,
  .col2-right-layout .col-main>div>h3,
  .col2-right-layout .col-main>.mod-form {
    padding-left: 50px;
    padding-right: 50px;
  }

  /* line 450, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout .col-main>.csc-textpic {
    padding: 0;
  }

  /* line 453, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout .col-main>.csc-textpic>.csc-textpic-text {
    padding: 0 50px;
  }

  /* line 459, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout .col-main>[class*="tx-"]>.video-container {
    margin-left: 50px;
    margin-right: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  /* line 467, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout .col-main>[class*="csc-"]>p,
  .col2-right-layout .col-main>[class*="csc-"]>h1,
  .col2-right-layout .col-main>.slider-camp[class*="csc-"]>h2,
  .col2-right-layout .col-main>.slider-camp[class*="csc-"]>h3,
  .col2-right-layout .col-main>.slider-camp[class*="csc-"]>.headline-3,
  .col2-right-layout .col-main>.slider-camp[class*="csc-"]>h4,
  .col2-right-layout .col-main>.slider-camp[class*="csc-"]>h5,
  .col2-right-layout .col-main>[class*="csc-"]>h2,
  .col2-right-layout .col-main>[class*="csc-"]>h3,
  .col2-right-layout .col-main>[class*="csc-"]>.headline-3,
  .col2-right-layout .col-main>[class*="csc-"]>h4,
  .col2-right-layout .col-main>[class*="csc-"]>h5,
  .col2-right-layout .col-main>[class*="csc-"]>h3 {
    padding: 0;
  }
}

/* line 476, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col2-right-layout .col-right {
  margin: 0 10px;
}

@media screen and (min-width: 47.9375em) {

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

/* 2 Columns Layout - right */
/* line 485, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/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 */
}

@media screen and (max-width: 47.9375em) {

  /* line 485, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab {
    background: none;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 485, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab {
    margin: 0 10px;
  }
}

@media screen and (min-width: 77.5em) {

  /* line 485, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab {
    margin: 0;
  }
}

/* line 501, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col2-right-layout-tab .col-main {
  margin: 0 10px;
  background: #fff;
  padding-top: 15px;
}

@media screen and (max-width: 47.9375em) {

  /* line 501, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-main {
    padding: 10px 10px 10px;
  }

  /* line 510, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-main>.csc-textpic>.csc-textpic-text {
    padding: 0;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 501, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-main {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -99.9%;
    width: 72.9838709677%;
  }

  /* line 519, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-main>[class*="csc-"],
  .col2-right-layout-tab .col-main>p,
  .col2-right-layout-tab .col-main>h2,
  .col2-right-layout-tab .col-main>h3,
  .col2-right-layout-tab .col-main>.headline-3,
  .col2-right-layout-tab .col-main>h4,
  .col2-right-layout-tab .col-main>h5,
  .col2-right-layout-tab .col-main>h1,
  .col2-right-layout-tab .slider-camp.col-main>h2,
  .col2-right-layout-tab .slider-camp.col-main>h3,
  .col2-right-layout-tab .slider-camp.col-main>.headline-3,
  .col2-right-layout-tab .slider-camp.col-main>h4,
  .col2-right-layout-tab .slider-camp.col-main>h5,
  .col2-right-layout-tab .col-main>h3,
  .col2-right-layout-tab .col-main>ul,
  .col2-right-layout-tab .col-main>[class*="tx-"]>section,
  .col2-right-layout-tab .col-main>[class*="tx-"]>article,
  .col2-right-layout-tab .col-main>[class*="tx-"]>h1,
  .col2-right-layout-tab .col-main>.slider-camp[class*="tx-"]>h2,
  .col2-right-layout-tab .col-main>.slider-camp[class*="tx-"]>h3,
  .col2-right-layout-tab .col-main>.slider-camp[class*="tx-"]>.headline-3,
  .col2-right-layout-tab .col-main>.slider-camp[class*="tx-"]>h4,
  .col2-right-layout-tab .col-main>.slider-camp[class*="tx-"]>h5,
  .col2-right-layout-tab .col-main>[class*="tx-"]>h2,
  .col2-right-layout-tab .col-main>[class*="tx-"]>h3,
  .col2-right-layout-tab .col-main>[class*="tx-"]>.headline-3,
  .col2-right-layout-tab .col-main>[class*="tx-"]>h4,
  .col2-right-layout-tab .col-main>[class*="tx-"]>h5,
  .col2-right-layout-tab .col-main>[class*="tx-"]>h3,
  .col2-right-layout-tab .col-main>[class*="tx-"]>p,
  .col2-right-layout-tab .col-main>[class*="Tx-"],
  .col2-right-layout-tab .col-main>[class*="tx-"]>div:not(.wrapper),
  .col2-right-layout-tab .col-main>div>p,
  .col2-right-layout-tab .col-main>div>h2,
  .col2-right-layout-tab .col-main>div>h3,
  .col2-right-layout-tab .col-main>div>.headline-3,
  .col2-right-layout-tab .col-main>div>h4,
  .col2-right-layout-tab .col-main>div>h5,
  .col2-right-layout-tab .col-main>div>h1,
  .col2-right-layout-tab .col-main>div.slider-camp>h2,
  .col2-right-layout-tab .col-main>div.slider-camp>h3,
  .col2-right-layout-tab .col-main>div.slider-camp>.headline-3,
  .col2-right-layout-tab .col-main>div.slider-camp>h4,
  .col2-right-layout-tab .col-main>div.slider-camp>h5,
  .col2-right-layout-tab .col-main>div>h3,
  .col2-right-layout-tab .col-main>.mod-form,
  .col2-right-layout-tab .col-main>.mod-tabs,
  .col2-right-layout-tab .indexedsearch-box .col-main>.indexedsearch-tabs,
  .indexedsearch-box .col2-right-layout-tab .col-main>.indexedsearch-tabs {
    padding-left: 50px;
    padding-right: 50px;
  }

  /* line 544, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-main>[class*="tx-"]>.video-container {
    margin-left: 50px;
    margin-right: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  /* line 552, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-main>.csc-textpic {
    padding: 0;
  }

  /* line 555, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-main>.csc-textpic>.csc-textpic-text {
    padding: 0 50px;
  }

  /* line 560, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-main>ul {
    padding-left: 90px;
  }

  /* line 564, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-main>[class*="csc-"]>p,
  .col2-right-layout-tab .col-main>[class*="csc-"]>h1,
  .col2-right-layout-tab .col-main>.slider-camp[class*="csc-"]>h2,
  .col2-right-layout-tab .col-main>.slider-camp[class*="csc-"]>h3,
  .col2-right-layout-tab .col-main>.slider-camp[class*="csc-"]>.headline-3,
  .col2-right-layout-tab .col-main>.slider-camp[class*="csc-"]>h4,
  .col2-right-layout-tab .col-main>.slider-camp[class*="csc-"]>h5,
  .col2-right-layout-tab .col-main>[class*="csc-"]>h2,
  .col2-right-layout-tab .col-main>[class*="csc-"]>h3,
  .col2-right-layout-tab .col-main>[class*="csc-"]>.headline-3,
  .col2-right-layout-tab .col-main>[class*="csc-"]>h4,
  .col2-right-layout-tab .col-main>[class*="csc-"]>h5,
  .col2-right-layout-tab .col-main>[class*="csc-"]>h3 {
    padding: 0;
  }
}

/* line 572, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col2-right-layout-tab .col-main.no-padding {
  padding: 0;
}

/* line 577, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col2-right-layout-tab .col-right {
  margin: 0 10px;
  padding: 1.25em;
}

@media screen and (max-width: 47.9375em) {

  /* line 577, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-right {
    padding: 0;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 577, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  .col2-right-layout-tab .col-right {
    display: block;
    float: left;
    margin-left: 72.9838709677%;
    margin-right: -99.9%;
    width: 27.0161290323%;
  }
}

/* col2 set */
/* line 592, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col2-set {
  margin-top: 1.25em;
}

@media screen and (min-width: 49.75em) {

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

@media screen and (min-width: 49.75em) {

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

@media screen and (min-width: 49.75em) {

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

@media screen and (min-width: 49.75em) {

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

@media screen and (min-width: 49.75em) {

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

@media screen and (min-width: 49.75em) {

  /* line 626, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/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 633, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col3-set {
  margin-top: 1.25em;
}

@media screen and (min-width: 47.9375em) {

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

@media screen and (min-width: 47.9375em) {

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

@media screen and (min-width: 47.9375em) {

  /* line 649, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/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 656, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
.col4-set {
  margin-top: 1.25em;
}

@media screen and (min-width: 47.9375em) {

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

@media screen and (min-width: 47.9375em) {

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

@media screen and (min-width: 47.9375em) {

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

@media screen and (min-width: 47.9375em) {

  /* line 678, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/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 685, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/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 711, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/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 725, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/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 738, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_layout.scss */
  body:after {
    content: 'desktop';
    position: absolute;
    top: -100em;
    left: -100em;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}

/**
 * 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 .headline-3,
.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,
.indexedsearch-box .tx-indexedsearch-search-submit input {
  /* 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;
}

/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn:hover,
.indexedsearch-box .tx-indexedsearch-search-submit input:hover {
  color: #fff;
  background: #cc0000;
}

/* line 136, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn:visited,
.indexedsearch-box .tx-indexedsearch-search-submit input:visited {
  color: #fff;
}

/* line 140, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn[disabled],
.indexedsearch-box .tx-indexedsearch-search-submit input[disabled] {
  cursor: default;
}

/* line 143, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn[disabled]:hover,
.indexedsearch-box .tx-indexedsearch-search-submit input[disabled]:hover {
  opacity: 1;
}

@media screen and (min-width: 47.9375em) {

  /* line 149, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn,
  .indexedsearch-box .tx-indexedsearch-search-submit input {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0.6875em 1.25em;
  }
}

/* line 164, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn.icon-before,
.indexedsearch-box .tx-indexedsearch-search-submit input.icon-before {
  padding-left: 35px;
}

@media screen and (min-width: 47.9375em) {

  /* line 164, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn.icon-before,
  .indexedsearch-box .tx-indexedsearch-search-submit input.icon-before {
    padding-left: 55px;
  }
}

/* line 172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn.icon-after,
.indexedsearch-box .tx-indexedsearch-search-submit input.icon-after {
  padding-right: 35px;
}

@media screen and (min-width: 47.9375em) {

  /* line 172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn.icon-after,
  .indexedsearch-box .tx-indexedsearch-search-submit input.icon-after {
    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,
.mod-filter-nav .button-set .btn-icon-only,
.mod-liveticker #relaod .sort-box a.is-active {
  border: 1px solid #ccc;
  background: #ccc;
}

/* line 190, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-grey:hover,
.mod-filter-nav .button-set .btn-icon-only:hover,
.mod-liveticker #relaod .sort-box a.is-active: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;
}

@media screen and (min-width: 47.9375em) {

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

/* line 210, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
.btn-small,
.indexedsearch-box .tx-indexedsearch-search-submit input {
  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;
}

@media screen and (max-width: 47.9375em) {

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

/* 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;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 47.9375em) {

  /* line 236, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .btn-icon-only:before {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}

/* 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;
}

@media screen and (min-width: 77.5em) {

  /* line 269, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .wrapper>.button-set {
    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;
}

@media screen and (max-width: 47.9375em) {

  /* line 364, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_buttons.scss */
  .button-set>.btn-text {
    float: none;
    margin-top: 10px;
    display: block;
  }
}

/**
 * brandung forms.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Form Elements
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
select::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 23, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
input {
  background-image: none;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
}

/* line 29, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
button,
input,
select,
textarea {
  font-family: "Roboto Slab", georgia, "serif";
}

/* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
input[type=text],
textarea,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=url],
input[type=date],
select {
  padding: 8px;
  width: 100%;
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=url],
input[type=date],
select,
textarea {
  border: 1px solid #e7e7e7;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
textarea {
  resize: none;
  height: 180px;
}

/* line 80, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
address {
  margin: 10px 0 0 0;
}

/* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
label {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: .5em;
  display: block;
}

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

/* line 91, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
label input {
  margin-top: 0.1875em;
  margin-right: 0.625em;
  float: left;
}

/* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
label span {
  float: left;
}

@media screen and (max-width: 47.9375em) {

  /* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
  label span {
    width: 90%;
  }
}

/* line 106, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
label p.error {
  display: none !important;
}

/* line 113, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
fieldset legend {
  display: none;
}

/* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.error label,
.error a,
.error a:visited,
.error a:hover,
.error a:focus,
span.error {
  color: #cc0000;
}

/* line 127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list li {
  margin-bottom: 20px;
  width: 100%;
}

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

/* line 137, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .fieldWrapper {
  width: 49%;
  float: left;
  margin-left: 2%;
}

/* line 142, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .fieldWrapper:first-child {
  margin-left: 0;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .field {
  margin: 0 0 1.25em 0;
  float: left;
  margin-left: 2%;
  width: 49%;
  position: relative;
}

/* line 154, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .field:first-child {
  margin-left: 0;
}

/* line 158, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .field .input-box {
  display: block;
}

/* line 162, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .field.one-quarter {
  width: 24%;
}

/* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .field.three-quarter {
  width: 74%;
}

/* line 170, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .field+.field {
  float: right;
}

/* line 174, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .field p {
  display: none;
}

/* line 177, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.form-list .fields .field p.error {
  font-size: 11px;
  font-size: 0.6875rem;
  display: block;
}

/* line 188, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.error input,
.error select,
.error textarea {
  border-color: #cc0000;
  color: #cc0000;
}

/* line 197, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
p.error {
  font-size: 11px;
  font-size: 0.6875rem;
  display: block;
}

/* line 202, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
div.error {
  margin-bottom: 1.25em;
}

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

/* line 209, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.input-date-wrapper .input-box {
  float: left;
  margin-left: 2%;
  width: 32%;
}

/* line 214, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.input-date-wrapper .input-box:first-child {
  margin-left: 0;
}

/* line 219, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.input-date-wrapper span {
  float: left;
  margin-left: 2%;
  padding: 8px 0;
}

/* line 227, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.mod-datepicker-wrapper {
  position: relative;
}

/* line 230, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.mod-datepicker-wrapper .ui-datepicker-trigger {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
  padding: 6px 0;
}

/* line 242, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
.list-clone:first-child .button-set {
  display: none;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 47.9375em) {

  /* line 258, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
  .form-list .fields {
    margin-bottom: 0;
  }

  /* line 260, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
  .form-list .fields .fieldWrapper {
    width: 100%;
    float: none;
    margin-left: 0;
  }

  /* line 266, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
  .form-list .fields .field {
    width: 100%;
    margin-left: 0;
  }

  /* line 274, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_forms.scss */
  .select-wrapper label {
    display: block;
  }
}

/**
 * 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,
.indexedsearch-box .tx-indexedsearch-search-submit input.icon-before:before {
  position: absolute;
  left: 10px;
}

@media screen and (min-width: 47.9375em) {

  /* line 90, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .btn.icon-before:before,
  .indexedsearch-box .tx-indexedsearch-search-submit input.icon-before:before {
    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,
.indexedsearch-box .tx-indexedsearch-search-submit input.icon-after:after {
  position: absolute;
  right: 10px;
}

@media screen and (min-width: 47.9375em) {

  /* line 135, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
  .btn.icon-after:after,
  .indexedsearch-box .tx-indexedsearch-search-submit input.icon-after:after {
    right: 20px;
  }
}

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

@media screen and (max-width: 47.9375em) {

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

/*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/svg/04-fc+.svg) 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,
.mod-liveticker .yellow-red-card-icon .eventBox .event span:before,
.icon-yellow-red-card:after {
  content: '';
  background: url(../img/svg/39-card-yellowred.svg) 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/svg/13_logo_fctv.svg) 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,
.mod-liveticker .sortierung-hoch-icon .eventBox .event span: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,
.mod-liveticker .liveticker-whistle-icon .eventBox .event span:before {
  content: "\e615";
}

/* line 301, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-liveticker-aktion:before,
.mod-liveticker .liveticker-aktion-icon .eventBox .event span: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,
.mod-liveticker .red-card-icon .eventBox .event span:before,
.mod-liveticker .yellow-card-icon .eventBox .event span:before {
  content: "\e626";
}

/* line 349, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_icon-font.scss */
.icon-goal:before,
.mod-liveticker .goal-icon .eventBox .event span: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/svg/footer_bg.svg) #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;
  }
}

@media screen and (max-width: 77.5em) {

  /* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer {
    background-size: 45.5%;
    padding-bottom: 195px;
  }
}

@media screen and (max-width: 60em) {

  /* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 47.9375em) {

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

/* 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-newsletter-sign-in form {
    padding-left: 0;
  }
}

@media screen and (max-width: 29.25em) {

  /* 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: 0;
  }
}

/* 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;
}

@media screen and (min-width: 47.9375em) {

  /* 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: 53%;
  }
}

@media screen and (max-width: 29.25em) {

  /* 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: 100%;
    float: none;
  }
}

/* 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,
footer .full-width .wrapper .mod-newsletter-sign-in form .indexedsearch-box .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit footer .full-width .wrapper .mod-newsletter-sign-in form input {
  padding: 0.625em 0.625em;
  font-size: 18px;
  font-size: 1.125rem;
  float: left;
  margin-left: 2%;
  width: 42%;
  max-width: 199px;
}

@media screen and (min-width: 47.9375em) {

  /* line 89, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-newsletter-sign-in form .btn,
  footer .full-width .wrapper .mod-newsletter-sign-in form .indexedsearch-box .tx-indexedsearch-search-submit input,
  .indexedsearch-box .tx-indexedsearch-search-submit footer .full-width .wrapper .mod-newsletter-sign-in form input {
    width: 45%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 89, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-newsletter-sign-in form .btn,
  footer .full-width .wrapper .mod-newsletter-sign-in form .indexedsearch-box .tx-indexedsearch-search-submit input,
  .indexedsearch-box .tx-indexedsearch-search-submit footer .full-width .wrapper .mod-newsletter-sign-in form input {
    width: 100%;
    float: none;
    max-width: inherit;
    margin: 0.625em 0 0;
  }
}

/* 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 110, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .col2-set {
    padding: 1.25em 0.625em;
  }
}

/* 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;
}

@media screen and (max-width: 60em) {

  /* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .col2-set .col-1 h4 {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .col2-set .col-1 h4 {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* 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;
}

@media screen and (max-width: 60em) {

  /* line 140, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-social-media {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 140, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-social-media {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

/* 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;
}

@media screen and (max-width: 60em) {

  /* line 150, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-social-media .col-1 a {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 150, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-social-media .col-1 a {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 0;
  }
}

/* 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-social-media ul {
    float: none;
    text-align: left;
    margin-top: 0;
  }
}

/* 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;
}

@media screen and (max-width: 60em) {

  /* line 190, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-social-media ul li a img {
    max-width: 40px;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 198, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-social-media ul li a img {
    max-width: 34px;
  }
}

/* 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 208, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-sponsor-icon {
    padding-bottom: 0.625em;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 217, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-sponsor-icon ul {
    margin-left: -5%;
  }
}

/* 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;
}

@media screen and (max-width: 47.9375em) {

  /* 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: 3%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 223, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_footer.scss */
  footer .full-width .wrapper .mod-sponsor-icon ul li {
    width: 15%;
    margin-left: 3%;
  }
}

/* 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 navigation.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/* ==========================================================================
   Navigation
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper {
  z-index: 10;
  background: #e7e7e7;
  display: block;
}

/* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav {
  max-width: 77.5em;
  margin: 0 auto;
}

/* line 23, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
}

/* line 28, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li {
  margin-bottom: 0;
  float: left;
  border-left: 1px solid #d5d5d5;
  font-size: 14px;
  font-size: 0.875rem;
}

/* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
  display: inline-block;
  text-decoration: none;
  padding: 0.9375em 1em;
  text-transform: uppercase;
  position: relative;
}

@media screen and (max-width: 51.25em) {

  /* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li a {
    padding: 0.9375em 0.625em;
  }
}

/* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li a:hover {
  -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 */
.service-nav-wrapper nav ul li a:hover:hover {
  color: #666;
  background: #f5f5f5;
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li a.iconLang {
  width: 20px;
  height: 12px;
  text-indent: -9999em;
  margin: 1.1875em 1em;
  padding: 0;
}

@media screen and (max-width: 51.25em) {

  /* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li a.iconLang {
    margin-left: 0.625em;
    margin-right: 0.625em;
  }
}

/* line 61, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li a.iconLang.en {
  background: url(../img/svg/12-sprachwahl-englisch.svg) transparent center center/100% no-repeat;
  background-position: center center;
}

/* line 66, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li a.iconLang.de {
  background: url(../img/svg/11-sprachwahl-deutsch.svg) transparent center center/100% no-repeat;
  background-position: center center;
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li:first-child>span {
  padding: 0.9375em 0.3125em 0.9375em 1em;
  color: #cc0000;
}

@media screen and (max-width: 51.25em) {

  /* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li:first-child>span {
    padding: 0.9375em 0.3125em 0.9375em 0.625em;
  }
}

/* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li:first-child>span p {
  margin: 0;
  line-height: 1em;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (max-width: 74.375em) {

  /* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li:first-child>span p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 60.9375em) {

  /* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li:first-child>span p {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

/* line 99, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li span {
  display: inline-block;
}

/* line 101, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li span a {
  color: #333;
}

/* line 103, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li span a span {
  padding: 0 5px 0 0 !important;
  color: #333 !important;
}

/* line 110, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li div {
  display: inline-block;
}

/* line 113, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li div>span {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  padding: 0;
}

/* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.member,
.service-nav-wrapper nav ul li.login {
  border-left: none;
}

/* line 123, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.login .registered-user {
  display: none;
}

@media screen and (min-width: 47.9375em) {

  /* line 122, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li.login {
    background: #cc0000;
  }

  /* line 130, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li.login span a {
    color: #fff;
  }

  /* line 133, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li.login span a span {
    color: #fff !important;
  }
}

/* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.login:hover a {
  color: #333;
}

/* line 143, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.login:hover a span {
  -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;
  color: #333 !important;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.service-nav-wrapper nav ul li.login:hover a span:hover {
  color: #333;
}

/* line 152, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.is-active a {
  background: #fff;
  color: #666;
  z-index: 10;
}

/* line 157, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.is-active .subNavWrapper {
  display: block;
}

/* line 162, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li:hover .subNavWrapper {
  display: block;
}

/* line 167, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li #search-simple {
  width: 168px;
  padding: 0.3125em 0 0.3125em 1em;
}

/* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li #search-simple button[type="submit"] {
  top: 15px;
  right: 10px;
}

/* line 177, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.lang {
  position: relative;
}

/* line 179, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.lang .flyout-nav-wrapper {
  border: 1px solid #d5d5d5;
  border-top: none;
  background: #e7e7e7;
  position: absolute;
  display: none;
  bottom: -28px;
  left: -1px;
  z-index: 10;
}

/* line 188, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.lang .flyout-nav-wrapper a {
  padding: 0;
}

/* line 193, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.lang .flyout-nav-wrapper a {
  margin: 0.5625em 1em;
}

/* line 198, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.lang.is-open .flyout-nav-wrapper {
  display: block;
}

/* line 203, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.lang.is-inactive .flyout-nav-wrapper {
  display: none;
}

/* line 208, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul li.lang:hover .flyout-nav-wrapper {
  display: block;
}

/* line 218, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul.is-logged-in li:first-child span {
  background: #e7e7e7;
}

/* line 223, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul.is-logged-in li.member {
  display: none;
}

@media screen and (min-width: 47.9375em) {

  /* line 227, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul.is-logged-in li.login {
    background: none;
  }
}

/* line 232, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul.is-logged-in li.login .sign-in {
  display: none;
}

/* line 236, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul.is-logged-in li.login .registered-user {
  display: block;
  padding: 0 0 0 0.625em;
}

/* line 239, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul.is-logged-in li.login .registered-user img {
  margin-right: 0.3125em;
  display: inline-block;
}

/* line 243, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul.is-logged-in li.login .registered-user>span {
  color: #666;
}

@media screen and (min-width: 47.9375em) {

  /* line 243, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul.is-logged-in li.login .registered-user>span {
    border-left: 1px solid #d5d5d5;
  }
}

/* line 250, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.service-nav-wrapper nav ul.is-logged-in li.login .registered-user>span a {
  color: #cc0000;
}

/* line 262, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
#search-simple {
  padding: 0.625em 0.625em;
  position: relative;
}

@media screen and (max-width: 47.9375em) {

  /* line 262, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  #search-simple {
    background: #a9a9a9;
  }
}

/* line 268, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
#search-simple input {
  font-size: 14px;
  font-size: 0.875rem;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  padding: 0.625em;
  text-transform: uppercase;
}

/* line 277, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
#search-simple button[type="submit"] {
  background: url("../img/icons/iconSearch.png") no-repeat 0 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: -9999em;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 25px;
}

@media screen and (max-width: 47.9375em) {

  /* line 277, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  #search-simple button[type="submit"] {
    top: 20px;
  }
}

/* line 294, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper {
  z-index: 5;
  background: #fff;
  border-bottom: 8px solid #cc0000;
  border-top: 1px solid #d5d5d5;
  left: 0;
  right: 0;
  top: -0.125em;
  position: relative;
  clear: both;
  -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);
}

/* line 306, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner {
  max-width: 77.5em;
  margin: 0 auto;
}

/* line 309, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav {
  float: right;
}

/* line 311, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul {
  list-style: none;
  padding: 0 1.875em 0 0;
  margin: 0;
}

/* line 316, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li {
  float: left;
  border: none;
  padding: 0.9375em 0;
  margin-left: 2.1875em;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
}

/* line 324, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li:first-child {
  margin-left: 0;
}

/* line 327, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li a {
  color: #333;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-transform: uppercase;
  position: relative;
  font-size: 24px;
  font-size: 1.5rem;
}

/* line 336, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li a:hover {
  -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 */
.main-nav-wrapper .main-nav-inner nav ul li a:hover:hover {
  color: #cc0000;
}

/* line 340, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li a.membership {
  position: relative;
  padding-right: 40px;
}

/* line 343, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li a.membership:after {
  top: 0;
}

@media screen and (max-width: 74.375em) {

  /* line 343, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li a.membership:after {
    top: -4px;
  }
}

/* line 351, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li a.membership.icon-fc-plus:before {
  background: none;
}

@media screen and (max-width: 47.9375em) {

  /* line 358, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li a.membership.icon-fc-plus:after {
    top: 15px;
    background-size: 80%;
  }
}

/* line 366, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li.is-current {
  background: url("../img/icons/icon_arrowDown_red.png") no-repeat 50% bottom;
}

/* line 368, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li.is-current>a {
  color: #cc0000;
}

/* line 373, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper {
  -webkit-transition: visibility 0.2s linear, transition, opacity 0.2s linear;
  -moz-transition: visibility 0.2s linear, transition, opacity 0.2s linear;
  -ms-transition: visibility 0.2s linear, transition, opacity 0.2s linear;
  transition: visibility 0.2s linear, transition, opacity 0.2s linear;
  position: absolute;
  top: 78px;
  left: 0;
  right: 0;
  visibility: hidden;
  background: #fff;
  border-top: 8px solid #cc0000;
  border-bottom: 8px solid #cc0000;
  opacity: 0;
}

/* line 385, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper.is-active {
  -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);
  visibility: visible;
  opacity: 1;
}

/* line 391, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>ul {
  display: none;
}

/* line 395, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner {
  margin: 0 auto;
  max-width: 1240px;
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(left, white 0%, #fdfdfd 15%, #f0f0f0 17%, white 17%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(15%, #fdfdfd), color-stop(17%, #f0f0f0), color-stop(17%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, white 0%, #fdfdfd 15%, #f0f0f0 17%, white 17%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, white 0%, #fdfdfd 15%, #f0f0f0 17%, white 17%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, white 0%, #fdfdfd 15%, #f0f0f0 17%, white 17%);
  /* IE10+ */
  background: linear-gradient(to right, white 0%, #fdfdfd 15%, #f0f0f0 17%, white 17%);
  /* W3C */
}

/* line 399, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner h2,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner h3,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .headline-3,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner h4,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner h5 {
  color: #cc0000;
  text-transform: uppercase;
  margin: 0;
}

/* line 404, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul {
  border-right: 2px solid #ccc;
  float: left;
  padding: 0 1.875em;
  margin: 1.875em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20.5%;
}

/* line 412, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li {
  font-size: 18px;
  font-size: 1.125rem;
  border: none;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  float: none;
}

/* line 420, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li:first-child {
  font-size: 18px;
  font-size: 1.125rem;
  margin-left: 0;
}

/* line 425, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li a {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0 0 0.3125em 0;
  color: #333;
}

/* line 429, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li a:first-child {
  color: #cc0000;
  text-transform: uppercase;
  margin: 0;
  display: block;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 437, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li.is-active,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li:hover {
  background: none;
}

/* line 440, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li.is-active a,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li:hover a {
  color: #cc0000;
}

@media screen and (min-width: 47.9375em) {

  /* line 446, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li.more>a {
    cursor: default;
  }
}

/* line 454, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul {
  padding: 0;
}

/* line 456, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul li {
  padding: 0 0 0.3125em 0;
  margin-bottom: 0;
}

/* line 460, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul li:first-child {
  display: none;
}

/* line 464, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul li.is-active,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul li:hover,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul li.is-current {
  background: none;
}

/* line 468, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul li.is-active a,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul li:hover a,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul li.is-current a {
  color: #cc0000;
}

/* line 472, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul li .sub-nav-inner ul li a {
  font-family: "Roboto Slab", georgia, "serif";
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
  padding: 0;
  text-transform: none;
}

/* line 484, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box {
  float: left;
  padding: 2.1875em 0.625em 1.5625em;
  width: 17%;
}

@media screen and (max-width: 74.375em) {

  /* line 484, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box {
    padding-top: 2.8125em;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 820px) {

  /* line 484, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box {
    padding-top: 1.4375em;
  }
}

@media screen and (max-width: 60.9375em) {

  /* line 484, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box {
    padding-top: 1.625em;
  }
}

/* line 501, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h2,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h3,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box .headline-3,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h4,
.main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h5 {
  font-size: 21px;
  font-size: 1.3125rem;
}

@media screen and (max-width: 74.375em) {

  /* line 501, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h2,
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h3,
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box .headline-3,
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h4,
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 60.9375em) {

  /* line 501, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h2,
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h3,
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box .headline-3,
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h4,
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner .content-box h5 {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* line 522, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.nav-btn {
  display: none;
}

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

/* ==========================================================================
   IE Fixes
   ========================================================================== */
/* ==========================================================================
   Media Query
   ========================================================================== */
@media screen and (max-width: 74.375em) {

  /* line 551, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li {
    font-size: 12px;
    font-size: 0.75rem;
  }

  /* line 555, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li.lang .flyout-nav-wrapper {
    bottom: -27px;
  }

  /* line 560, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li a {
    font-size: 12px;
    font-size: 0.75rem;
  }

  /* line 565, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li #search-simple input {
    font-size: 12px;
    font-size: 0.75rem;
  }

  /* line 573, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul.is-logged-in .registered-user img {
    max-width: 40px;
  }

  /* line 582, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper {
    top: -0.15625em;
  }

  /* line 587, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li {
    font-size: 22px;
    font-size: 1.375rem;
    margin-left: 1.5625em;
  }

  /* line 591, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper {
    top: 71px;
  }

  /* line 595, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li a {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 60.9375em) {

  /* line 610, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li {
    font-size: 11px;
    font-size: 0.6875rem;
  }

  /* line 613, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li a {
    font-size: 11px;
    font-size: 0.6875rem;
  }

  /* line 618, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li.lang a {
    margin-top: 1.0625em;
    margin-bottom: 0.8125em;
  }

  /* line 622, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li.lang .flyout-nav-wrapper {
    bottom: -24px;
  }

  /* line 627, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li #search-simple {
    width: 125px;
    padding: 0.5625em 0 0.625em 0.6875em;
  }

  /* line 630, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li #search-simple button[type="submit"] {
    top: 11px;
    right: 5px;
  }

  /* line 635, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li #search-simple input {
    font-size: 10px;
    font-size: 0.625rem;
  }

  /* line 643, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul.is-logged-in .registered-user img {
    max-width: 34px;
  }

  /* line 652, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper {
    top: -0.1875em;
  }

  /* line 656, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul {
    padding-right: 0.9375em;
  }

  /* line 658, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li {
    margin-left: 1.25em;
    font-size: 20px;
    font-size: 1.25rem;
  }

  /* line 662, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li a {
    font-size: 20px;
    font-size: 1.25rem;
  }

  /* line 666, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper {
    top: 66px;
  }

  /* line 669, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper>.sub-nav-inner>ul {
    padding: 0 1.0em;
  }

  /* line 684, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  #search-simple input {
    padding: 0.4375em;
  }

  /* line 693, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .page-wrapper>header.is-sticky .main-nav-wrapper #logo {
    width: 41px;
    height: 47px;
  }
}

@media screen and (max-width: 51.25em) {

  /* line 704, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  #logo {
    width: 95px;
    height: 110px;
    margin-left: 5px;
    top: -25px;
  }

  /* line 718, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li.lang .flyout-nav-wrapper a {
    margin: 0.5625em 0.625em;
  }

  /* line 729, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper {
    top: -0.1875em;
  }

  /* line 734, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li {
    font-size: 19px;
    font-size: 1.1875rem;
  }

  /* line 737, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li a {
    font-size: 19px;
    font-size: 1.1875rem;
  }

  /* line 741, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper {
    top: 62px;
  }
}

@media screen and (max-width: 49.75em) {

  /* line 756, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li {
    font-size: 18px;
    font-size: 1.125rem;
  }

  /* line 758, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li a {
    font-size: 18px;
    font-size: 1.125rem;
  }

  /* line 762, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper .main-nav-inner nav ul li .flyout-nav-wrapper {
    top: 59px;
  }
}

@media only screen and (min-width: 820px) and (max-width: 1024px) {

  /* line 773, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  #logo {
    top: -25px;
    width: 110px;
    height: 130px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 786, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .page-wrapper>header.is-sticky {
    position: fixed;
  }

  /* line 791, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .page-wrapper>header.is-sticky .main-nav-wrapper #logo {
    top: 40px;
    width: 35px;
    height: 42px;
    margin-left: 15px;
  }

  /* line 803, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul {
    float: none;
  }

  /* line 805, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li {
    width: 19.6%;
  }

  /* line 807, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li:first-child,
  .service-nav-wrapper nav ul li:last-child,
  .service-nav-wrapper nav ul li.lang,
  .service-nav-wrapper nav ul li.member,
  .service-nav-wrapper nav ul li.login,
  .service-nav-wrapper nav ul li.contact {
    display: none;
  }

  /* line 815, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li.is-active {
    border-left: none;
  }

  /* line 818, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li a {
    width: 100%;
    text-align: center;
    padding: 0.9375em 0.1em;
  }

  /* line 823, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper nav ul li span {
    padding: 0.9375em 0.1em;
  }

  /* line 829, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper.clone-contact {
    background: #222222;
  }

  /* line 831, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper.clone-contact.is-active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* line 834, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper.clone-contact nav {
    float: none;
  }

  /* line 836, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper.clone-contact nav ul {
    padding: 0;
  }

  /* line 838, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper.clone-contact nav ul li {
    display: none;
    width: 100%;
    float: none;
    padding: 0;
    margin-left: 0;
  }

  /* line 844, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper.clone-contact nav ul li.contact {
    display: block;
  }

  /* line 846, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper.clone-contact nav ul li.contact a {
    color: #ccc;
    text-align: left;
    border-top: none;
    border-bottom: 1px solid #343434;
    padding: 0.9375em 0.375em;
    margin: 0 5% !important;
    width: 90%;
  }

  /* line 854, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .service-nav-wrapper.clone-contact nav ul li.contact a:hover {
    background: none;
    color: #ccc;
  }

  /* line 866, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  #logo {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    left: 0;
  }

  /* line 870, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  #logo.is-active {
    -webkit-transform: translate3d(-245px, 0, 0);
    -moz-transform: translate3d(-245px, 0, 0);
    transform: translate3d(-245px, 0, 0);
  }

  /* line 875, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .nav-btn {
    font-size: 16px;
    font-size: 1rem;
    font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
    color: #333;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-backface-visibility: hidden;
    padding: 0 25px 0 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 55px;
    right: 10px;
    text-decoration: none;
    text-transform: uppercase;
  }

  /* line 892, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .nav-btn.is-active {
    -webkit-transform: translate3d(-245px, 0, 0);
    -moz-transform: translate3d(-245px, 0, 0);
    transform: translate3d(-245px, 0, 0);
    z-index: 999;
  }

  /* line 901, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .nav-btn.is-active:after {
    content: "";
    top: 1px !important;
  }

  /* line 906, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .nav-btn:hover {
    color: #333;
  }

  /* line 910, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .nav-btn:focus {
    outline: none;
  }

  /* line 913, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .nav-btn:after {
    content: "";
    width: 20px;
    height: 15px;
    display: block;
    position: absolute;
    top: 0 !important;
    right: 0;
    margin-left: 0;
  }

  /* line 924, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper {
    position: static;
    height: 60px;
    margin-top: -1px;
    left: auto;
    right: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  /* line 932, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper #logo {
    max-width: 51px;
    max-height: 58px;
    background-size: 100%;
    top: 45px;
    margin-left: 15px;
  }

  /* line 939, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation {
    background: #e1e1e1;
    clear: both;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 245px;
    z-index: 4;
    overflow-y: scroll;
    -webkit-transform: translate3d(245px, 0, 0);
    -moz-transform: translate3d(245px, 0, 0);
    transform: translate3d(245px, 0, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    float: none;
  }

  /* line 954, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation.is-active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 999;
    -webkit-box-shadow: -10px 0px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -10px 0px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -10px 0px 15px 0px rgba(0, 0, 0, 0.3);
  }

  /* line 960, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul {
    padding: 0;
    float: none;
  }

  /* line 964, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li {
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    float: none;
  }

  /* line 967, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li:first-child>a {
    border-top: none;
  }

  /* line 974, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .content-box {
    display: none;
  }

  /* line 978, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper {
    position: static;
    border: none;
    background: none;
    visibility: visible;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    opacity: 1;
    display: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  /* line 990, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper>ul {
    display: none;
    padding-right: 0;
  }

  /* line 993, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper>ul li {
    float: none;
    padding: 0;
    margin-bottom: 0;
  }

  /* line 997, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper>ul li>a {
    border-top: 1px solid #ccc;
    padding: 0.625em 0.625em 0.625em 1.25em;
    margin: 0 5% !important;
    width: 90%;
  }

  /* line 1006, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner {
    padding: 0 5%;
    background: #ebebeb;
  }

  /* line 1009, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul {
    width: 100%;
    border-right: none;
    margin: 0;
    padding: 0;
  }

  /* line 1014, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li {
    border-top: 1px solid #ccc;
    margin-bottom: 0;
  }

  /* line 1017, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li>a {
    font-size: 16px;
    font-size: 1rem;
    color: #000;
    padding: 0.625em 0.625em 0.625em 1.5625em;
  }

  /* line 1022, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.is-current {
    background: none;
  }

  /* line 1025, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.is-current a {
    color: #cc0000;
  }

  /* line 1031, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.more>a {
    color: #666;
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    padding: 0.625em 0.625em 0.625em 2.3125em;
  }

  /* line 1037, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.more>a:before {
    content: '+';
    width: 13px;
    display: inline-block;
    margin-right: 0.1875em;
    margin-left: 0.1875em;
    line-height: 1em;
    font-size: 18px;
    font-size: 1.125rem;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 19px;
  }

  /* line 1051, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.more .sub-nav-inner {
    display: none;
    padding: 0;
  }

  /* line 1054, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.more .sub-nav-inner ul {
    padding: 0;
  }

  /* line 1056, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.more .sub-nav-inner ul li {
    padding: 0;
    margin-bottom: 0;
  }

  /* line 1059, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.more .sub-nav-inner ul li a {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.625em 0.625em 0.625em 3.125em;
  }

  /* line 1067, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.more.is-active>a {
    color: #cc0000;
  }

  /* line 1069, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.more.is-active>a:before {
    content: '-';
  }

  /* line 1077, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li .flyout-nav-wrapper .sub-nav-inner>ul li.is-active>.sub-nav-inner {
    display: block;
  }

  /* line 1087, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.more>a {
    position: relative;
  }

  /* line 1090, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.more>a:before {
    content: '+';
    display: inline-block;
    width: 13px;
    line-height: 1em;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 7px;
  }

  /* line 1102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.more.is-active {
    background: none;
  }

  /* line 1105, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.more.is-active.is-active>a {
    color: #cc0000;
  }

  /* line 1107, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.more.is-active.is-active>a:before {
    content: '-';
  }

  /* line 1114, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li>a {
    border-top: 1px solid #ccc;
    padding: 0.9375em 0.9375em 0.9375em 1.25em;
    margin: 0 5%;
    width: 90%;
  }

  /* line 1121, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.is-current {
    background: none;
  }

  /* line 1125, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active {
    background: none;
  }

  /* line 1127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper {
    position: static;
    display: block;
  }

  /* line 1131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner {
    width: auto;
    margin: 0;
  }

  /* line 1134, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner .content-box {
    display: none;
  }

  /* line 1137, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner ul {
    border-right: none;
  }

  /* line 1139, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner ul li {
    margin-bottom: 0;
  }

  /* line 1144, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner ul li a,
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner ul li h2,
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner ul li h3,
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner ul li .headline-3,
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner ul li h4,
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner ul li h5 {
    font-size: 16px;
    font-size: 1rem;
  }

  /* line 1150, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .main-nav-wrapper nav#mainnavigation>ul>li.is-active .flyout-nav-wrapper .sub-nav-inner ul li .sub-nav-inner li a {
    font-size: 14px;
    font-size: 0.875rem;
  }

  /* line 1166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-login {
    position: absolute;
    top: 55px;
    right: 85px !important;
  }

  /* line 1172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-login span a {
    font-size: 16px;
    font-size: 1rem;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 25px;
  }

  /* line 1179, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-login span a span {
    display: none;
  }

  /* line 1183, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-login span a:after {
    content: '\e621';
    width: 20px;
    height: 15px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0;
  }

  /* line 1197, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-registered {
    position: absolute;
    top: 55px;
    right: 95px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  /* line 1204, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-registered.is-active {
    -webkit-transform: translate3d(-245px, 0, 0);
    -moz-transform: translate3d(-245px, 0, 0);
    transform: translate3d(-245px, 0, 0);
  }

  /* line 1208, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-registered img {
    width: 35px;
  }

  /* line 1212, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-registered span {
    font-size: 16px;
    font-size: 1rem;
    color: #666;
  }

  /* line 1218, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-lang-en {
    font-size: 16px;
    font-size: 1rem;
    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin: 0.9375em 0 0 10px;
    padding-right: 0.75em;
    display: inline-block;
    float: left;
    opacity: .6;
  }

  /* line 1229, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-lang-en:after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 15px;
    margin-top: -8px;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    background: url(../img/svg/12-sprachwahl-englisch.svg) transparent center center no-repeat;
    background-position: center center;
    background-size: 100%;
  }

  /* line 1242, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-lang-en:hover {
    -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 */
  .clone-lang-en:hover:hover {
    color: #cc0000;
  }

  /* line 1245, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-lang-en.is-active {
    opacity: 1;
  }

  /* line 1249, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-lang-de {
    font-size: 16px;
    font-size: 1rem;
    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin: 0.9375em 35px 0 0;
    padding-right: 0.75em;
    display: inline-block;
    float: right;
    opacity: .6;
  }

  /* line 1260, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-lang-de:after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 15px;
    margin-top: -8px;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    background: url(../img/svg/11-sprachwahl-deutsch.svg) transparent center center no-repeat;
    background-position: center center;
    background-size: 100%;
  }

  /* line 1273, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-lang-de:hover {
    -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 */
  .clone-lang-de:hover:hover {
    color: #cc0000;
  }

  /* line 1276, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-lang-de.is-active {
    opacity: 1;
  }

  /* line 1281, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .clone-claim {
    padding: 0.625em;
  }
}

/* line 1292, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.no-js .main-nav-wrapper #mainnavigation li:hover .flyout-nav-wrapper {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* line 1306, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.christmas-calendar {
  padding-right: 40px !important;
}

/* line 1309, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
.christmas-calendar:after {
  background-repeat: no-repeat;
  background-size: 80% !important;
  top: 15px !important;
}

@media screen and (min-width: 47.9375em) {

  /* line 1306, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .christmas-calendar {
    text-indent: -9999em;
  }

  /* line 1318, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_navigation.scss */
  .christmas-calendar:after {
    background-size: 100% !important;
    top: 4px !important;
  }
}

/**
 * modules
 * - import all modules files
 * - here you can add new files if needed
 */
/**
 * brandung _mod-baer.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2020-03.23
 *
 */
/* Google AdManager - Banner-wrapper */
/* ==========================================================================
   mod-banner
   ========================================================================== */
/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.mod-banner--wide-skyscraper-left,
.mod-banner--wide-skyscraper-right {
  position: absolute;
  width: 160px;
  top: 0;
}

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.mod-banner--wide-skyscraper-left .wrapper,
.mod-banner--wide-skyscraper-right .wrapper {
  width: auto;
  min-width: 0;
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.mod-banner--wide-skyscraper-left {
  margin-right: 10px;
  left: -170px;
  text-align: right;
}

/* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.mod-banner--wide-skyscraper-left .wrapper {
  text-align: right;
}

/* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.mod-banner--wide-skyscraper-right {
  margin-left: 10px;
  right: -170px;
}

/* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.mod-banner--leaderboard,
.mod-banner--largemobile {
  margin: 20px auto;
  text-align: center;
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.mod-banner--leaderboard .wrapper,
.mod-banner--largemobile .wrapper {
  text-align: center;
}

@media screen and (max-width: 47.9375em) {

  /* line 56, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
  .mod-banner--leaderboard {
    display: none;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 63, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
  .mod-banner--largemobile {
    display: none;
  }
}

@media screen and (max-width: 92.5em) {

  /* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
  .mod-banner--wide-skyscraper-left,
  .mod-banner--wide-skyscraper-right {
    display: none;
  }
}

/* line 77, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.mod-banner img {
  width: 100%;
  height: auto;
}

/* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.wrapper.banner-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 97.5em;
}

@media screen and (max-width: 92.5em) {

  /* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
  .wrapper.banner-wrapper {
    display: block;
    max-width: 77.5em;
  }
}

/* line 94, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.wrapper.banner-wrapper .mod-banner {
  margin-bottom: 20px;
}

/* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.wrapper.banner-wrapper .mod-banner--wide-skyscraper-left,
.wrapper.banner-wrapper .mod-banner--wide-skyscraper-right {
  position: sticky;
  min-height: 600px;
  overflow: auto;
  flex: 1 0 160px;
  height: 100%;
  top: 0;
}

/* line 106, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.is-sticky .wrapper.banner-wrapper .mod-banner--wide-skyscraper-left,
.is-sticky .wrapper.banner-wrapper .mod-banner--wide-skyscraper-right {
  top: 86px;
}

/* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-banner.scss */
.page-wrapper {
  overflow: inherit;
}

/**
 * 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 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.mod-royal-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 47.9375em) {

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

@media screen and (max-width: 47.9375em) {

  /* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider.rsAutoHeight {
    text-align: center;
  }
}

/* line 36, 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 41, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider .rsContent {
    overflow: hidden;
  }
}

/* line 50, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.mod-royal-slider .rsContent picture {
  display: block;
}

/* line 53, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.mod-royal-slider .rsContent picture img {
  width: 100%;
}

/* line 59, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.mod-royal-slider img.rsImg {
  margin-top: 0 !important;
}

@media screen and (max-width: 47.9375em) {

  /* line 59, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider img.rsImg {
    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;
}

@media screen and (max-width: 47.9375em) {

  /* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider .rsABlock {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
    display: block !important;
    position: relative;
    text-align: left;
  }
}

/* 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider .rsBullets {
    position: static;
    clear: both;
    padding: 10px;
    background: #ccc;
  }
}

/* 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 109, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-royal-slider .rsArrow {
    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 .headline-3,
.slider-stage h4,
.slider-stage h5 {
  color: #fff;
}

/* line 157, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 157, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .rsOverflow {
    background-size: 30%;
  }
}

/* line 165, 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 171, 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 176, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage .rsContent .img-holder img {
  width: 100%;
}

/* line 180, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage .rsContent>a {
  text-decoration: none;
}

/* line 189, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage.rsHor {
  height: auto;
}

@media screen and (min-width: 47.9375em) {

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

@media screen and (max-width: 47.9375em) {

  /* line 189, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage.rsHor {
    height: auto !important;
    min-height: 120px;
  }
}

/* line 201, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-stage.rsHor .rsContent {
  position: static;
}

@media screen and (min-width: 47.9375em) {

  /* line 206, 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 214, 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 222, 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 228, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 228, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser.rsHor {
    max-width: 290px;
    width: 100%;
  }
}

/* line 241, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .rsOverflow {
  overflow: visible;
}

/* line 245, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .rsContainer {
  margin-left: -10px;
}

/* line 249, 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 256, 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 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 264, 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 275, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .rsBullets .rsNavItem {
  display: none;
}

/* line 280, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .rsArrow {
  position: static;
}

/* line 283, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .rsArrow.rsArrowLeft {
  margin-left: 0;
  float: left;
}

@media screen and (max-width: 47.9375em) {

  /* line 287, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .rsArrow.rsArrowLeft:after {
    font-family: 'icomoon';
    content: '\e629';
    color: #fff;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1em;
  }
}

/* line 297, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .rsArrow.rsArrowRight {
  margin-left: 0;
  float: right;
}

@media screen and (max-width: 47.9375em) {

  /* line 301, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-teaser .rsArrow.rsArrowRight:after {
    font-family: 'icomoon';
    content: '\e62a';
    color: #fff;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1em;
  }
}

/* line 312, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .rsActiveSlide,
.slider-teaser .is-active {
  opacity: 1;
}

/* line 319, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser[data-slider-type="camp"] .rsSlide:not(.is-active--camp) img {
  transition: transform 0.5s ease;
  transform: scale(0.8);
}

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

/* info-block */
/* line 340, 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%;
}

@media screen and (min-width: 47.9375em) {

  /* line 340, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper {
    position: absolute;
    top: auto;
    bottom: 10%;
    text-align: center;
  }
}

/* line 351, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 351, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block {
    display: inline-block;
    background: #990000;
    background: rgba(153, 0, 0, 0.9);
  }
}

/* line 362, 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;
}

/* line 365, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 362, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block article {
    padding: 25px;
    float: left;
    border-right: 3px solid #7e0000;
  }
}

/* line 376, 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 382, 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 384, 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 389, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 389, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block aside {
    float: right;
    padding: 25px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 60em) {

  /* line 389, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block aside {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

/* line 404, 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 414, 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 418, 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;
}

@media screen and (max-width: 60em) {

  /* line 404, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block aside a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 404, 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;
  }
}

/* line 434, 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;
}

@media screen and (max-width: 60em) {

  /* line 434, 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: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 434, 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: 24px;
    font-size: 1.5rem;
  }
}

/* line 448, 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;
}

@media screen and (max-width: 60em) {

  /* line 448, 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: 16px;
    font-size: 1rem;
    top: 2px;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 448, 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: 18px;
    font-size: 1.125rem;
  }
}

/* line 465, 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;
}

@media screen and (max-width: 60em) {

  /* line 465, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block aside p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

/* line 475, 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 .slider-camp>h2,
.info-block-wrapper .info-block .slider-camp>h3,
.info-block-wrapper .info-block .slider-camp>.headline-3,
.info-block-wrapper .info-block .slider-camp>h4,
.info-block-wrapper .info-block .slider-camp>h5,
.info-block-wrapper .info-block h2,
.info-block-wrapper .info-block h3,
.info-block-wrapper .info-block .headline-3,
.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;
}

@media screen and (max-width: 60em) {

  /* line 475, 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 .slider-camp>h2,
  .info-block-wrapper .info-block .slider-camp>h3,
  .info-block-wrapper .info-block .slider-camp>.headline-3,
  .info-block-wrapper .info-block .slider-camp>h4,
  .info-block-wrapper .info-block .slider-camp>h5,
  .info-block-wrapper .info-block h2,
  .info-block-wrapper .info-block h3,
  .info-block-wrapper .info-block .headline-3,
  .info-block-wrapper .info-block h4,
  .info-block-wrapper .info-block h5 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 475, 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 .slider-camp>h2,
  .info-block-wrapper .info-block .slider-camp>h3,
  .info-block-wrapper .info-block .slider-camp>.headline-3,
  .info-block-wrapper .info-block .slider-camp>h4,
  .info-block-wrapper .info-block .slider-camp>h5,
  .info-block-wrapper .info-block h2,
  .info-block-wrapper .info-block h3,
  .info-block-wrapper .info-block .headline-3,
  .info-block-wrapper .info-block h4,
  .info-block-wrapper .info-block h5 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 475, 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 .slider-camp>h2,
  .info-block-wrapper .info-block .slider-camp>h3,
  .info-block-wrapper .info-block .slider-camp>.headline-3,
  .info-block-wrapper .info-block .slider-camp>h4,
  .info-block-wrapper .info-block .slider-camp>h5,
  .info-block-wrapper .info-block h2,
  .info-block-wrapper .info-block h3,
  .info-block-wrapper .info-block .headline-3,
  .info-block-wrapper .info-block h4,
  .info-block-wrapper .info-block h5 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

/* line 516, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 516, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 516, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block h4 {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* line 531, 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 534, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 534, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .info-block-wrapper .info-block.hide-content aside {
    display: block;
  }
}

/* slider-tabs */
/* line 545, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 545, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-tabs {
    background: none;
    margin-top: 0;
    padding: 0;
  }
}

/* line 565, 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;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.slider-tabs li:hover {
  color: #cc0000;
}

@media screen and (min-width: 47.9375em) {

  /* line 565, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-tabs li {
    display: block;
    float: left;
    margin-right: 20px;
  }
}

/* line 579, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-tabs .is-active {
  display: block;
  color: #cc0000;
}

/* line 584, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 584, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-tabs:after {
    position: static;
    width: auto;
    height: auto;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 602, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-tabs.is-open {
    position: absolute;
    z-index: 999;
  }

  /* line 605, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-tabs.is-open li {
    display: block;
  }

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

/*silder-matchday*/
/* line 614, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.silder-matchday {
  height: 720px;
}

/* line 617, 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 624, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.silder-matchday.rsHor {
  height: auto;
}

@media screen and (min-width: 47.9375em) {

  /* line 624, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday.rsHor {
    max-height: 720px;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 624, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday.rsHor {
    height: auto !important;
  }
}

/* line 635, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.silder-matchday.rsHor .rsContent {
  position: static;
}

/* line 640, 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 644, 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 648, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 644, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday .rsArrow.rsArrowLeft {
    bottom: 70%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 644, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday .rsArrow.rsArrowLeft {
    left: 0;
    bottom: 75%;
  }

  /* line 663, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday .rsArrow.rsArrowLeft:after {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/* line 669, 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 674, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 669, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday .rsArrow.rsArrowRight {
    bottom: 70%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 669, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday .rsArrow.rsArrowRight {
    right: 0;
    bottom: 75%;
  }

  /* line 689, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday .rsArrow.rsArrowRight:after {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/* line 699, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-default {
  padding-top: 56px;
}

@media screen and (max-width: 47.9375em) {

  /* line 699, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-default {
    padding-top: 45px;
  }
}

/* line 706, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-default img {
  width: 100%;
}

/* line 710, 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 714, 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 719, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.hall-of-fame .slider-default .rsBullets {
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
}

@media screen and (max-width: 47.9375em) {

  /* line 714, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-default .rsBullets {
    position: absolute;
    clear: none;
  }
}

/* line 728, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-default .rsBullets .rsBullet.rsNavSelected {
  background: #990000;
}

@media screen and (min-width: 47.9375em) {

  /* line 734, 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 742, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-default .rsArrow.rsArrowRight {
    margin-left: 2px;
  }
}

/* line 749, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-camp {
  overflow: hidden;
}

/* line 756, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-camp h1,
.slider-camp>h2,
.slider-camp>h3,
.slider-camp>.headline-3,
.slider-camp>h4,
.slider-camp>h5,
.slider-camp>h2,
.slider-camp>h3,
.slider-camp>.headline-3,
.slider-camp>h4,
.slider-camp>h5,
.slider-camp .headline-1 {
  text-align: center;
  color: #cc0000;
  margin-bottom: 30px;
}

/* line 765, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-camp .rsContent {
  position: relative;
  text-align: center;
  margin-bottom: 0;
}

/* line 770, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-camp .rsContent>a {
  display: block;
  text-decoration: none;
}

@media screen and (max-width: 47.9375em) {

  /* line 765, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-camp .rsContent {
    overflow: hidden;
  }
}

/* line 779, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-camp .rsContent picture {
  display: block;
}

/* line 782, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-camp .rsContent picture img {
  width: 100%;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* mod-teaser */
/* line 795, 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;
}

@media screen and (max-width: 47.9375em) {

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

/* line 803, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .mod-teaser--camp {
  border: none;
}

/* line 808, 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 812, 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 .headline-3,
.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 822, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .mod-teaser-content--camp {
  height: auto;
  text-align: center;
}

/* line 826, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.slider-teaser .mod-teaser-content--camp h2,
.slider-teaser .mod-teaser-content--camp h3,
.slider-teaser .mod-teaser-content--camp .headline-3,
.slider-teaser .mod-teaser-content--camp h4,
.slider-teaser .mod-teaser-content--camp h5 {
  color: #cc0000;
  font-size: 22px;
  text-transform: none;
  height: 65px;
}

/* line 838, 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 .headline-3,
.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 .headline-3,
.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 849, 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 854, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 849, 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: 30%;
  }
}

/* line 867, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 867, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .mod-matchday-box {
    top: 12%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 867, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .mod-matchday-box {
    top: 6%;
  }
}

/* line 882, 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 885, 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 882, 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%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 882, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .mod-matchday-box .mod-club {
    margin-left: 4%;
    max-width: 25%;
  }

  /* line 896, 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: 4%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 882, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .slider-stage .mod-matchday-box .mod-club {
    margin-left: 4%;
    max-width: 21%;
  }

  /* line 904, 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: 4%;
  }
}

/* line 909, 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 914, 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 921, 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 926, 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 929, 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 938, 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 947, 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 955, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.silder-matchday-full-width {
  margin-bottom: 1.25em;
}

/* line 957, 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 963, 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 969, 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%;
}

@media screen and (min-width: 47.9375em) {

  /* line 969, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday-full-width .mod-stage-info-wrapper {
    position: absolute;
    bottom: 30px;
  }
}

/* line 977, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 977, 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 {
    min-width: 20em;
    max-width: 77.5em;
    margin: 0 auto;
  }
}

/* line 987, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 994, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday-full-width .rsArrow.rsArrowLeft {
    bottom: 50%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 994, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday-full-width .rsArrow.rsArrowLeft {
    bottom: 50%;
  }

  /* line 1001, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday-full-width .rsArrow.rsArrowLeft:after {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 1007, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday-full-width .rsArrow.rsArrowRight {
    bottom: 50%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 1007, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .silder-matchday-full-width .rsArrow.rsArrowRight {
    bottom: 50%;
  }
}

/* line 1020, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.matchday-view {
  position: relative;
}

/* line 1023, 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 1027, 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 1031, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.matchday-view>.rsArrow.rsArrowLeft .rsArrowIcn {
  text-decoration: none;
}

/* line 1033, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 1027, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .matchday-view>.rsArrow.rsArrowLeft {
    bottom: 70%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 1027, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .matchday-view>.rsArrow.rsArrowLeft {
    left: 0;
    bottom: 75%;
  }

  /* line 1049, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .matchday-view>.rsArrow.rsArrowLeft:after {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/* line 1055, 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 1060, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.matchday-view>.rsArrow.rsArrowRight .rsArrowIcn {
  text-decoration: none;
}

/* line 1062, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 1055, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .matchday-view>.rsArrow.rsArrowRight {
    bottom: 70%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 1055, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .matchday-view>.rsArrow.rsArrowRight {
    right: 0;
    bottom: 75%;
  }

  /* line 1078, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .matchday-view>.rsArrow.rsArrowRight:after {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/* line 1087, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.mod-fctv-slider {
  margin: 1.875em 0;
}

/* line 1090, 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;
}

@media screen and (min-width: 77.5em) {

  /* line 1090, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-fctv-slider .button-set {
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 1099, 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 .headline-3,
.mod-fctv-slider .button-set h4,
.mod-fctv-slider .button-set h5 {
  margin: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 1099, 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 .headline-3,
  .mod-fctv-slider .button-set h4,
  .mod-fctv-slider .button-set h5 {
    float: none;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 1107, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .mod-fctv-slider .button-set a {
    margin-top: 1.5625em;
  }
}

@media screen and (min-width: 77.5em) {

  /* line 1115, 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 1126, 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;
}

@media screen and (min-width: 47.9375em) {

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

@media screen and (max-width: 49.75em) {

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

  /* line 1141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .paging-nav .slider-tabs li {
    margin-right: 18px;
  }
}

/* no-js */
/* line 1152, 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 1157, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.no-js .slider-stage {
  height: auto;
}

/* line 1160, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.no-js .slider-stage .rsContent {
  position: relative;
}

/* line 1163, 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 1168, 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 1172, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 1177, 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 1184, 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 1188, 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) */
  /* Desktop */
}

@media screen and (min-width: 47.9375em) {

  /* line 1188, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .no-js .slider-teaser .rsContent {
    width: 50%;
  }
}

@media screen and (min-width: 77.5em) {

  /* line 1188, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
  .no-js .slider-teaser .rsContent {
    width: 32.2580645161%;
  }
}

/* line 1205, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.no-js .silder-matchday {
  height: auto;
}

/* line 1207, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-royal-slider.scss */
.no-js .silder-matchday .rsContent {
  position: static;
}

/* line 1211, 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 1219, 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 */
}

/* 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%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .mod-teaser {
    margin-bottom: 0.9375em;
  }
}

@media screen and (min-width: 77.5em) {

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

/* 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/svg/04-fc+.svg) 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/svg/02-video-play.svg) 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/svg/03-fctv.svg) 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 .headline-3,
.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 .headline-3,
.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 .headline-3: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 .open.headline-3: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 .headline-3,
.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 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-teaser.membership-teaser .mod-teaser-content:hover .mod-teaser-hidden-content {
  display: block;
}

/* line 176, 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;
}

/* line 188, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-teaser--camp {
  background: none;
  -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 */
.mod-teaser--camp:hover {
  background: none;
}

/* line 192, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-teaser--camp .link {
  color: #cc0000;
}

/* line 196, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-teaser--camp img {
  display: block;
  width: 200px;
  height: 200px;
  transition: transform 0.5s ease;
  transform: scale(1);
  border-radius: 100px;
  margin-left: auto;
  margin-right: auto;
}

/* mod-teaser-content */
/* line 210, 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 219, 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 223, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-teaser-content header span {
  color: #666;
}

/* line 226, 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 233, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.mod-teaser-content .special {
  color: #cc0000;
}

/* line 237, 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 .headline-3,
.mod-teaser-content h4,
.mod-teaser-content h5,
.mod-teaser-content h2 a,
.mod-teaser-content h3 a,
.mod-teaser-content .headline-3 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 */
@media screen and (min-width: 47.9375em) {

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

@media screen and (min-width: 77.5em) {

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

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

/*small-teaser*/
/* line 269, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.small-teaser {
  width: 100%;
  text-align: center;
}

/* line 274, 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 .headline-3,
.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;
}

@media screen and (max-width: 29.25em) {

  /* line 274, 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 .headline-3,
  .small-teaser .mod-teaser-content h4,
  .small-teaser .mod-teaser-content h5 {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* line 284, 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;
}

@media screen and (max-width: 29.25em) {

  /* line 284, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .small-teaser .mod-teaser-content span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

/* line 294, 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;
}

@media screen and (max-width: 29.25em) {

  /* line 294, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .small-teaser .mod-teaser-content p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 269, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .small-teaser {
    margin-bottom: 0.9375em;
  }

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

  /* line 310, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .small-teaser .mod-teaser-media {
    display: inline-block;
    width: 35%;
    float: left;
  }

  /* line 316, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .small-teaser .mod-teaser-content {
    display: inline-block;
    width: 65%;
    padding: 0.9375em 0.625em;
    padding: 3.3898305085%;
    padding-bottom: 0;
    text-align: left;
    float: left;
  }
}

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

/* line 332, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.wallpaper-teaser:hover {
  background: #fff;
}

/* line 338, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.wallpaper-teaser.gbe-teaser ul li {
  text-align: center;
}

/* line 344, 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 349, 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 353, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.wallpaper-teaser ul li:first-child {
  border-top: none;
}

/* line 357, 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 365, 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 376, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 376, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .portrait-teaser {
    max-width: inherit;
    margin-left: 2%;
    width: 31.3%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 376, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .portrait-teaser {
    width: 48%;
  }
}

/* line 393, 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 396, 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 402, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.portrait-teaser .mod-teaser-content {
  text-align: center;
}

/* line 404, 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 410, 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 418, 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 .headline-3,
.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 428, 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 .headline-3 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 438, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hall-of-fame .portrait-teaser {
  border: none;
  position: relative;
}

/* line 442, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hall-of-fame .portrait-teaser:before {
  content: '';
  position: absolute;
  height: 4px;
  width: 100%;
  background: #daa520;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#daa520', endColorstr='#bc8400', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

/* line 455, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hall-of-fame .portrait-teaser .mod-teaser-content header .pl_number {
  color: #daa520;
}

/* line 459, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hall-of-fame .portrait-teaser .mod-teaser-content .headline-3,
.hall-of-fame .portrait-teaser .mod-teaser-content h2,
.hall-of-fame .portrait-teaser .mod-teaser-content h3,
.hall-of-fame .portrait-teaser .mod-teaser-content .headline-3,
.hall-of-fame .portrait-teaser .mod-teaser-content h4,
.hall-of-fame .portrait-teaser .mod-teaser-content h5,
.hall-of-fame .portrait-teaser .mod-teaser-content h3,
.hall-of-fame .portrait-teaser .mod-teaser-content h4,
.hall-of-fame .portrait-teaser .mod-teaser-content h5,
.hall-of-fame .portrait-teaser .pl_number {
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #daa520;
}

/* line 470, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hall-of-fame .portrait-teaser .mod-teaser-content .headline-3 span,
.hall-of-fame .portrait-teaser .mod-teaser-content h2 span,
.hall-of-fame .portrait-teaser .mod-teaser-content h3 span,
.hall-of-fame .portrait-teaser .mod-teaser-content .headline-3 span,
.hall-of-fame .portrait-teaser .mod-teaser-content h4 span,
.hall-of-fame .portrait-teaser .mod-teaser-content h5 span,
.hall-of-fame .portrait-teaser .mod-teaser-content h3 span,
.hall-of-fame .portrait-teaser .mod-teaser-content h4 span,
.hall-of-fame .portrait-teaser .mod-teaser-content h5 span,
.hall-of-fame .portrait-teaser .pl_number span {
  -webkit-text-fill-color: #333;
}

/* line 476, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hall-of-fame .portrait-teaser .mod-teaser-content h2 span:not(.pl_number),
.hall-of-fame .portrait-teaser .mod-teaser-content h3 span:not(.pl_number),
.hall-of-fame .portrait-teaser .mod-teaser-content .headline-3 span:not(.pl_number),
.hall-of-fame .portrait-teaser .mod-teaser-content h4 span:not(.pl_number),
.hall-of-fame .portrait-teaser .mod-teaser-content h5 span:not(.pl_number) {
  display: inline;
}

/* line 480, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hall-of-fame .portrait-teaser .mod-teaser-content h2 span:not(.pl_number):after,
.hall-of-fame .portrait-teaser .mod-teaser-content h3 span:not(.pl_number):after,
.hall-of-fame .portrait-teaser .mod-teaser-content .headline-3 span:not(.pl_number):after,
.hall-of-fame .portrait-teaser .mod-teaser-content h4 span:not(.pl_number):after,
.hall-of-fame .portrait-teaser .mod-teaser-content h5 span:not(.pl_number):after {
  display: block;
  content: "\A";
}

/* line 490, 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%;
}

@media screen and (min-width: 47.9375em) {

  /* line 497, 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 499, 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 501, 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 507, 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 519, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.ticket-teaser {
  border-top: 4px solid #cc0000;
}

/* line 522, 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 527, 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 .headline-3,
.ticket-teaser .mod-teaser-header h4,
.ticket-teaser .mod-teaser-header h5 {
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
}

/* line 532, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.ticket-teaser .mod-teaser-header .mod-status {
  float: right;
}

/* line 537, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.ticket-teaser .mod-teaser-content {
  padding: 5%;
}

/* line 540, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.ticket-teaser .mod-teaser-content header {
  text-align: center;
}

/* line 543, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.ticket-teaser .mod-teaser-content header span {
  color: #cc0000;
}

/* line 546, 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 552, 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 .headline-3 span,
.ticket-teaser .mod-teaser-content header h4 span,
.ticket-teaser .mod-teaser-content header h5 span {
  display: block;
  color: #333;
}

/* line 559, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 559, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .mod-teaser-content p {
    min-height: 50px;
  }
}

/* line 566, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 566, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .mod-teaser-content ul {
    min-height: 275px;
  }
}

/* line 576, 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 581, 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 586, 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 593, 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 596, 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 604, 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;
}

@media screen and (min-width: 47.9375em) {

  /* line 608, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .mod-teaser-content ul li .btn,
  .ticket-teaser .mod-teaser-content ul li .indexedsearch-box .tx-indexedsearch-search-submit input,
  .indexedsearch-box .tx-indexedsearch-search-submit .ticket-teaser .mod-teaser-content ul li input {
    margin-top: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
  }
}

/* line 623, 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 627, 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 634, 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 627, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .button-set span {
    float: none;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 645, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .button-set span .font-caps {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

/* line 650, 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;
}

@media only screen and (max-width: 1120px) {

  /* line 650, 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;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 650, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .button-set span.btn {
    float: right;
    display: inline-block;
    margin-top: 0.3125em;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 650, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .button-set span.btn {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 672, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .ticket-teaser .button-set>span {
    float: left;
  }
}

/* line 678, 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 682, 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 686, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.ticket-teaser .match-box span img {
  width: auto;
}

/* line 690, 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 700, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
#form-player-month .button-set {
  margin-top: 2.5em;
}

/* line 703, 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 709, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
#form-player-month .button-set .btn,
#form-player-month .button-set .indexedsearch-box .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit #form-player-month .button-set input {
  margin-left: 0.9375em;
}

/* line 715, 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 720, 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 726, 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 730, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.player-month-teaser .mod-teaser-media img {
  height: fit-content;
}

/* line 735, 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 743, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-media {
    min-width: 145px;
  }

  /* line 747, 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 754, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-content {
    width: 58.8%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 760, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-media {
    min-width: inherit;
  }

  /* line 764, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-content {
    width: 68.8%;
  }
}

@media only screen and (max-width: 520px) {

  /* line 770, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-media {
    width: 35.2%;
  }

  /* line 774, 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;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 782, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-media {
    width: 43.2%;
  }

  /* line 786, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-content {
    width: 56.8%;
  }
}

/* line 793, 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 800, 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 793, 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 screen and (max-width: 47.9375em) {

  /* line 793, 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;
  }
}

@media only screen and (max-width: 580px) {

  /* line 793, 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 815, 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 822, 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 822, 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 screen and (max-width: 47.9375em) {

  /* line 822, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-content p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media only screen and (max-width: 580px) {

  /* line 822, 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 847, 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 847, 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 screen and (max-width: 47.9375em) {

  /* line 847, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .player-month-teaser .mod-teaser-content a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media only screen and (max-width: 580px) {

  /* line 847, 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 868, 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 876, 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 .headline-3,
.hennes-teaser header h4,
.hennes-teaser header h5 {
  float: left;
  margin: 0.8em 0 0.8em 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 876, 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 .headline-3,
  .hennes-teaser header h4,
  .hennes-teaser header h5 {
    margin: .4em 0 .4em 0;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 876, 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 .headline-3,
  .hennes-teaser header h4,
  .hennes-teaser header h5 {
    float: none;
  }
}

/* line 890, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hennes-teaser header a {
  float: right;
  margin: .8em 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 890, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .hennes-teaser header a {
    margin-bottom: .4em;
    margin-top: .4em;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 890, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .hennes-teaser header a {
    float: none;
  }
}

/* line 905, 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 908, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hennes-teaser .mod-teaser-media:before {
  display: none !important;
}

/* line 913, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.hennes-teaser:hover {
  background: none;
}

/* line 921, 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 924, 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 930, 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>.headline-3+.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>.headline-3+.mod-teaser,
.col2-right-layout .col-right>h4+.mod-teaser,
.col2-right-layout .col-right>h5+.mod-teaser {
  margin-top: 0;
}

/* line 937, 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 946, 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 954, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.netcologne-teaser a {
  display: block;
}

/* line 957, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.netcologne-teaser a img {
  width: 100%;
}

@media screen and (min-width: 47.9375em) {

  /* line 953, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .netcologne-teaser {
    margin-top: 45px;
  }
}

/* line 967, 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 971, 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 979, 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 988, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
.teaser--disabled>* {
  opacity: 0.4;
}

/* line 992, 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;
}

@media screen and (max-width: 47.9375em) {

  /* line 992, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-teaser.scss */
  .teaser--disabled:after {
    width: 219px;
    height: 228px;
    margin-top: 0;
  }
}

/**
 * brandung mod-load-overlay.scss v1.0.0
 *
 * Copyright 2014, 2014 brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-04-16
 * MIT License (MIT)
 */
/* ==========================================================================
   Load overlay
   ========================================================================== */
/* line 15, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-load-overlay.scss */
.mod-load-overlay {
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

@media screen and (max-width: 47.9375em) {

  /* line 15, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-load-overlay.scss */
  .mod-load-overlay {
    z-index: 1;
  }
}

/**
 * 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 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;
}

@media screen and (min-width: 20em) {

  /* 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 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-meta-nav.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-meta-nav
   ========================================================================== */
/* line 15, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
.mod-meta-nav {
  text-align: center;
}

/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
.mod-meta-nav ul {
  margin: 0.9375em 0;
  padding: 0 10px;
}

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

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
.mod-meta-nav ul li {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  margin-left: 1.25em;
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
.mod-meta-nav ul li:first-child {
  margin-left: 0;
  margin-right: 1.875em;
}

@media screen and (max-width: 47.9375em) {

  /* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
  .mod-meta-nav ul li:first-child {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
  .mod-meta-nav ul li:first-child {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-right: 0;
    margin-bottom: 0.625em;
  }
}

/* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
.mod-meta-nav ul li a {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #fff;
}

@media screen and (max-width: 47.9375em) {

  /* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
  .mod-meta-nav ul li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
  .mod-meta-nav ul li a {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

/* line 57, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
.mod-meta-nav ul li a:hover {
  color: #e7e7e7;
}

@media screen and (max-width: 47.9375em) {

  /* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
  .mod-meta-nav ul li {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 0.625em;
    display: inline-block;
  }
}

@media screen and (max-width: 60em) {

  /* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
  .mod-meta-nav ul li {
    display: block;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
  .mod-meta-nav ul li {
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
  }
}

/* line 78, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-meta-nav.scss */
.mod-meta-nav ul li.is-active a {
  color: #cc0000;
}

/**
 * brandung _mod-matchday-slider.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-matchday-slider
   ========================================================================== */
/* mod-matchday-slider */
/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-slider header {
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 47.9375em) {

  /* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-slider header {
    font-size: 16px;
    font-size: 1rem;
  }
}

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

/* line 29, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-slider header h2,
.mod-matchday-slider header h3,
.mod-matchday-slider header .headline-3,
.mod-matchday-slider header h4,
.mod-matchday-slider header h5 {
  float: left;
  color: #cc0000;
}

@media screen and (max-width: 29.25em) {

  /* line 29, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-slider header h2,
  .mod-matchday-slider header h3,
  .mod-matchday-slider header .headline-3,
  .mod-matchday-slider header h4,
  .mod-matchday-slider header h5 {
    float: none;
  }
}

/* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-slider header a {
  font-size: 18px;
  font-size: 1.125rem;
  float: right;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #666;
  text-decoration: none;
  margin-top: .8em;
  display: block;
}

/* line 45, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-slider header a:after {
  font-family: 'icomoon';
  content: '\e62a';
  line-height: 1em;
  padding-left: 0.3125em;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (max-width: 47.9375em) {

  /* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-slider header a {
    margin-bottom: .4em;
    margin-top: .4em;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-slider header a {
    float: none;
  }
}

/*mod-matchday-box*/
/* line 69, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box {
  background: #fff;
  border-top: 4px solid #cc0000;
  text-align: center;
  padding: 0.625em;
  width: 100%;
}

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

/* line 78, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-matchday-box__wrapper>div {
  display: inline-block;
  vertical-align: middle;
}

/* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box #match-day-information+.mod-club {
  margin-left: 0;
  margin-right: 8%;
}

/* line 88, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box #match-day-information+.mod-club img {
  margin-right: 0;
  margin-left: 0.3125em;
}

/* line 95, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-club {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  margin-left: 8%;
}

/* line 99, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-club img {
  margin-right: 0.3125em;
}

/* line 103, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-club span {
  max-width: 130px;
  display: inline-block;
  vertical-align: middle;
}

/* line 109, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-club:first-child {
  margin-left: 0;
  margin-right: 8%;
}

/* line 113, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-club:first-child img {
  margin-right: 0;
  margin-left: 0.3125em;
}

@media screen and (max-width: 47.9375em) {

  /* line 95, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box .mod-club {
    font-size: 18px;
    font-size: 1.125rem;
    margin-left: 6%;
    position: relative;
  }

  /* line 123, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box .mod-club:first-child {
    margin-right: 6%;
  }

  /* line 127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box .mod-club img {
    margin: 0;
    width: 75%;
  }

  /* line 132, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box .mod-club span {
    display: none;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 95, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box .mod-club {
    margin-left: 4%;
    width: 28%;
  }

  /* line 140, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box .mod-club:first-child {
    margin-right: 4%;
  }
}

/* line 148, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-result div>span {
  color: #cc0000;
  font-size: 92px;
  font-size: 5.75rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  line-height: 1em;
}

@media screen and (max-width: 47.9375em) {

  /* line 148, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box .mod-result div>span {
    font-size: 60px;
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 148, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box .mod-result div>span {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

/* line 163, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-result div p {
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  margin: 0 0 0.3125em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 47.9375em) {

  /* line 163, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box .mod-result div p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

/* line 177, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-result div.match-day span {
  font-size: 18px;
  font-size: 1.125rem;
}

/* line 184, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box ul {
  background: #f2f2f2;
  width: 100%;
  padding: 0.3125em 0;
  margin-top: 1.25em;
}

/* line 190, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box ul li {
  display: inline-block;
  margin-left: 0.9375em;
  margin-bottom: 0;
}

/* line 195, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box ul li:first-child {
  margin-left: 0;
}

/* line 199, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box ul li a {
  color: #666;
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-transform: uppercase;
}

/* line 205, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box ul li a:hover {
  color: #cc0000;
}

@media screen and (max-width: 47.9375em) {

  /* line 184, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box ul {
    background: none;
    padding: 0;
    margin-top: 8%;
  }

  /* line 216, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box ul li {
    display: block;
    background: #f2f2f2;
    margin-left: 0;
    margin-top: 0.625em;
  }

  /* line 221, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box ul li a {
    display: block;
    padding: 0.625em 0;
  }

  /* line 228, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-matchday-box ul li:first-child {
    margin-top: 0;
  }
}

/* line 235, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-status {
  vertical-align: middle;
  margin-bottom: 2px;
}

/* line 240, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-matchday-box__group {
  display: block;
}

/* line 243, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-matchday-box .mod-matchday-box__group h3 {
  text-transform: none;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
@media screen and (max-width: 47.9375em) {

  /* line 255, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .col-right .mod-matchday-slider header {
    padding: 0;
  }
}

/* line 260, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.col-right .mod-matchday-slider header h2,
.col-right .mod-matchday-slider header h3,
.col-right .mod-matchday-slider header .headline-3,
.col-right .mod-matchday-slider header h4,
.col-right .mod-matchday-slider header h5 {
  margin: .4em 0;
}

@media screen and (max-width: 29.25em) {

  /* line 260, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .col-right .mod-matchday-slider header h2,
  .col-right .mod-matchday-slider header h3,
  .col-right .mod-matchday-slider header .headline-3,
  .col-right .mod-matchday-slider header h4,
  .col-right .mod-matchday-slider header h5 {
    float: left;
  }
}

/* line 267, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.col-right .mod-matchday-slider header a {
  margin: .4em 0;
}

@media screen and (max-width: 29.25em) {

  /* line 267, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .col-right .mod-matchday-slider header a {
    float: right;
  }
}

/* line 275, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.col-right .mod-matchday-slider .mod-matchday-box .mod-club {
  margin-left: 4%;
  width: 18%;
  vertical-align: top;
}

/* line 276, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.col-right .mod-matchday-slider .mod-matchday-box .mod-club>span {
  display: none;
}

/* line 284, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.col-right .mod-matchday-slider .mod-matchday-box .mod-club:first-child {
  margin-right: 4%;
  margin-left: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 275, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .col-right .mod-matchday-slider .mod-matchday-box .mod-club {
    width: 20%;
  }
}

/* line 296, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.col-right .mod-matchday-slider .mod-matchday-box .mod-result div:first-child {
  margin-bottom: 0.9375em;
}

/* line 300, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.col-right .mod-matchday-slider .mod-matchday-box .mod-result div>span {
  font-size: 38px;
  font-size: 2.375rem;
}

/* line 303, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.col-right .mod-matchday-slider .mod-matchday-box .mod-result div p {
  font-size: 12px;
  font-size: 0.75rem;
}

/*mod-stage-image-wrapper*/
/* line 317, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-matchday-slider {
  position: absolute;
  bottom: 30px;
  width: 100%;
}

@media screen and (min-width: 47.9375em) {

  /* line 317, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-matchday-slider {
    min-height: 170px;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 317, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-matchday-slider {
    position: static;
  }
}

/* line 329, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-matchday-slider .silder-matchday {
  height: auto;
}

@media screen and (min-width: 47.9375em) {

  /* line 329, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-matchday-slider .silder-matchday {
    max-height: none;
  }
}

/* line 335, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-matchday-slider .silder-matchday .mod-matchday-box {
  position: static;
  border-top: none;
  background: rgba(255, 255, 255, 0.95);
}

/* line 340, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-matchday-slider .silder-matchday .mod-matchday-box .mod-result {
  margin: 0.625em 0;
}

/* line 346, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-matchday-slider .silder-matchday .rsArrow.rsArrowLeft {
  bottom: 30%;
}

/* line 350, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-matchday-slider.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-matchday-slider .silder-matchday .rsArrow.rsArrowRight {
  bottom: 30%;
}

/**
 * brandung _mod-player-overview.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-player-overview
   ========================================================================== */
/* mod-player-overview */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview {
  margin-top: 1.875em;
}

/* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview:first-child {
  margin-top: 0;
}

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview header {
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 47.9375em) {

  /* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview header {
    font-size: 16px;
    font-size: 1rem;
  }
}

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

/* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview header a {
  float: right;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #666;
  text-decoration: none;
  margin: .4em 0;
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 47.9375em) {

  /* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview header a {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* line 47, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview header a:after {
  font-family: 'icomoon';
  content: '\e62a';
  line-height: 1em;
  padding-left: 0.3125em;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (max-width: 47.9375em) {

  /* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview header a {
    margin: .4em 0;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview header a {
    float: none;
  }
}

/* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview .mod-player-content {
  position: relative;
  background: #fff;
  border-top: 4px solid #cc0000;
  padding: 1.875em 0.625em 0;
  width: 100%;
  height: 251px;
  overflow: hidden;
}

@media screen and (max-width: 47.9375em) {

  /* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview .mod-player-content {
    padding-top: 0.625em;
    height: 320px;
  }
}

@media screen and (max-width: 32.5em) {

  /* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview .mod-player-content {
    height: auto;
  }
}

/* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview .mod-player-content .mod-player-info {
  display: inline-block;
  text-transform: uppercase;
  color: #cc0000;
  text-align: center;
  width: 28%;
}

@media screen and (max-width: 47.9375em) {

  /* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview .mod-player-content .mod-player-info {
    width: 49%;
    margin: 0.9375em 0 0;
  }
}

@media screen and (max-width: 32.5em) {

  /* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview .mod-player-content .mod-player-info {
    width: 100%;
    margin: 0 0 50%;
    text-align: center;
  }
}

/* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview .mod-player-content .mod-player-info span {
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 110, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview .mod-player-content .mod-player-info span.mod-player-number {
  font-size: 66px;
  font-size: 4.125rem;
  line-height: 1em;
}

/* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview .mod-player-content .mod-player-info span.mod-player-position {
  color: #333;
}

/* line 124, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
.mod-player-overview .mod-player-content .mod-player-image {
  display: inline-block;
  position: absolute;
  top: -30px;
  left: 55%;
  margin-left: -196px;
}

@media screen and (max-width: 47.9375em) {

  /* line 124, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview .mod-player-content .mod-player-image {
    width: 50%;
    left: auto;
    top: auto;
    margin: 0;
    bottom: 0;
  }
}

@media screen and (max-width: 32.5em) {

  /* line 124, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-overview.scss */
  .mod-player-overview .mod-player-content .mod-player-image {
    margin-left: 0;
    display: block;
    position: static;
    text-align: center;
    width: 100%;
  }
}

/**
 * brandung _mod-circliful.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-player-overview
   ========================================================================== */
/* mod-circliful */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circliful.scss */
.mod-circliful {
  display: inline-block;
  padding-bottom: 2.8125em;
  margin-left: 5%;
}

/* line 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circliful.scss */
.mod-circliful:first-child {
  margin-left: 0;
}

/* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circliful.scss */
.mod-circliful .circle-text {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #cc0000;
  left: 0;
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circliful.scss */
.mod-circliful p {
  text-align: center;
  text-transform: uppercase;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  position: absolute;
  bottom: 0;
  padding: 0 0.625em;
  margin: 0;
  width: 100%;
  line-height: 1.2em;
  height: 45px;
  vertical-align: top;
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circliful.scss */
.no-canvas .mod-circliful,
.no-animation-frame .mod-circliful,
.no-js .mod-circliful {
  width: 110px;
  height: 110px;
}

/* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circliful.scss */
.no-canvas .mod-circliful p,
.no-animation-frame .mod-circliful p,
.no-js .mod-circliful p {
  position: static;
}

/* line 56, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circliful.scss */
.no-canvas .mod-circliful .circle-text,
.no-animation-frame .mod-circliful .circle-text,
.no-js .mod-circliful .circle-text {
  position: static;
  left: auto;
}

/**
 * brandung _mod-breadcrumb.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-breadcrumb
   ========================================================================== */
/* mod-breadcrumb */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb {
  border-bottom: 2px solid #d3d3d3;
  padding-bottom: 0.625em;
  margin: 0 10px 1.875em;
}

@media screen and (min-width: 77.5em) {

  /* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
  .mod-breadcrumb {
    margin: 1.25em 0 1.875em;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
  .mod-breadcrumb {
    display: none;
  }
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 35, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul li {
  display: inline-block;
  padding: 0 0 0 8px;
  color: #999;
  text-transform: uppercase;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  margin-bottom: 0;
}

/* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul li:before {
  font-family: icomoon;
  content: '\e62a';
  line-height: 1em;
  padding-right: 0.5em;
  color: #ccc;
  font-size: 14px;
  font-size: 0.875rem;
}

/* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul li:first-child {
  padding-left: 0;
}

/* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul li:first-child:before {
  display: none;
}

/* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul li a {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #999;
  text-decoration: underline;
}

/* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul li a span {
  color: #999;
}

/* line 69, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul li span {
  color: #cc0000;
}

/* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.hall-of-fame .mod-breadcrumb ul li span {
  color: #daa520;
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 82, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul li+li a {
  text-decoration: none;
  cursor: default;
}

/* line 89, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-breadcrump.scss */
.mod-breadcrumb ul li+li+li a {
  text-decoration: none;
  cursor: default;
}

/**
 * brandung _mod-stage-image-wrapper.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-stage-image-wrapper
   ========================================================================== */
/* mod-stage-image-wrapper */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.mod-stage-image-wrapper {
  background: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 1.25em;
}

/* line 23, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper {
  position: relative;
  min-width: 20em;
  max-width: 77.5em;
  margin: 0 auto;
  width: 100%;
}

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

/* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block {
  background: #990000;
  background: rgba(153, 0, 0, 0.9);
  padding: 1.25em;
  width: 100%;
  color: #fff;
  text-align: left;
  position: absolute;
  bottom: 130%;
}

/* line 42, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.hall-of-fame .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block {
  background: #daa520;
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
}

@media screen and (max-width: 47.9375em) {

  /* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block {
    padding: 0.9375em;
  }
}

/* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h1,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h2,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h3,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>.headline-3,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h4,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h5,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h2,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h3,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .headline-3,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h4,
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-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;
}

@media screen and (max-width: 60em) {

  /* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h1,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h2,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>.headline-3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h4,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h5,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h2,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .headline-3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h4,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h5 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h1,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h2,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>.headline-3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h4,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h5,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h2,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .headline-3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h4,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h5 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h1,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h2,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>.headline-3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h4,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .slider-camp>h5,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h2,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block .headline-3,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h4,
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h5 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

/* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h4 {
  font-size: 22px;
  font-size: 1.375rem;
  margin: 0;
  text-transform: none;
}

@media screen and (max-width: 47.9375em) {

  /* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block h4 {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* line 95, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block p {
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  margin: 0;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

@media screen and (max-width: 47.9375em) {

  /* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block {
    position: static;
  }
}

/* line 110, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block.no-links {
  bottom: 30px;
}

@media screen and (min-width: 47.9375em) {

  /* line 116, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .mod-stage-image-wrapper .mod-teaser-media {
    max-height: 720px;
    overflow: hidden;
  }
}

/* line 122, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.mod-stage-image-wrapper .mod-teaser-media img {
  width: 100%;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail {
  background: url("../img/player_detail_bg.jpg") no-repeat center 0 #0e0e0e;
  background-size: 100%;
  min-height: 587px;
}

@media screen and (max-width: 47.9375em) {

  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail {
    min-height: inherit;
  }
}

/* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-pl-teaser-media {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 8%;
  line-height: 0;
  width: 60%;
  -webkit-transition: left 0.3s ease-in, transition, width 0.3s ease-in;
  -moz-transition: left 0.3s ease-in, transition, width 0.3s ease-in;
  -ms-transition: left 0.3s ease-in, transition, width 0.3s ease-in;
  transition: left 0.3s ease-in, transition, width 0.3s ease-in;
}

@media screen and (max-width: 47.9375em) {

  /* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-pl-teaser-media {
    padding-top: 1.25em;
    width: 50%;
  }
}

@media only screen and (max-width: 1005px) {

  /* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-pl-teaser-media {
    left: 1%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-pl-teaser-media {
    position: static;
    top: auto;
    bottom: auto;
    width: 80%;
  }
}

/* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-pl-teaser-media img {
  vertical-align: inherit;
}

/* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block {
  position: relative;
  display: inline-block;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #fff;
  padding: 1.875em;
  text-align: left;
  max-width: 440px;
  margin-right: 4.6875em;
  float: right;
  min-height: 587px;
  -webkit-transition: margin-right 0.3s ease-in;
  -moz-transition: margin-right 0.3s ease-in;
  -ms-transition: margin-right 0.3s ease-in;
  transition: margin-right 0.3s ease-in;
  bottom: auto;
  z-index: 10;
}

/* line 188, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.hall-of-fame .player-detail .mod-stage-info-wrapper .mod-stage-info-block {
  background: #000;
  background: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 1005px) {

  /* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block {
    margin-right: 0;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block {
    max-width: inherit;
    margin-right: 0;
    float: none;
    padding: 0.625em;
    min-height: inherit;
  }
}

/* line 206, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block article>div {
  padding: 0.625em;
  border-top: 1px solid #2e2e2e;
}

/* line 210, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block article>div:first-child {
  border: none;
}

/* line 216, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name {
  color: #cc0000;
  padding: 0 0.625em 0.625em;
}

/* line 219, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.hall-of-fame .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name {
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 224, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .pl_number {
  font-size: 92px;
  font-size: 5.75rem;
  display: inline-block;
  margin-right: 20px;
  line-height: 1em;
}

@media screen and (max-width: 29.25em) {

  /* line 224, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .pl_number {
    font-size: 76px;
    font-size: 4.75rem;
  }
}

/* line 234, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.hall-of-fame .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .pl_number {
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 241, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h2,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h3,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .headline-3,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h4,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h5 {
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
  color: #cc0000;
  margin: 0;
}

/* line 247, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.hall-of-fame .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h2,
.hall-of-fame .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h3,
.hall-of-fame .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .headline-3,
.hall-of-fame .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h4,
.hall-of-fame .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h5 {
  display: inline;
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 254, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h2 span,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h3 span,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .headline-3 span,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h4 span,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h5 span {
  font-size: 18px;
  font-size: 1.125rem;
  margin-left: 0;
}

@media screen and (max-width: 29.25em) {

  /* line 241, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h2,
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h3,
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .headline-3,
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h4,
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h5 {
    font-size: 22px;
    font-size: 1.375rem;
  }

  /* line 262, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h2 span,
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h3 span,
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .headline-3 span,
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h4 span,
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name h5 span {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* line 268, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .pl_position {
  display: block;
  color: #fff;
  font-size: 22px;
  font-size: 1.375rem;
}

@media screen and (max-width: 29.25em) {

  /* line 268, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_name .pl_position {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/* line 279, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.hall-of-fame .player-detail .mod-stage-info-wrapper .mod-stage-info-block a {
  color: #daa520;
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 47.9375em) {

  /* line 289, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_detail_info .col-1 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -99.9%;
    width: 49.195%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 289, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_detail_info .col-1 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -99.9%;
    width: 49.195%;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 299, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_detail_info .col-2 {
    display: block;
    float: left;
    margin-left: 50.805%;
    margin-right: -99.9%;
    width: 49.195%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 299, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_detail_info .col-2 {
    display: block;
    float: left;
    margin-left: 50.805%;
    margin-right: -99.9%;
    width: 49.195%;
  }
}

/* line 308, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_detail_info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 313, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_detail_info ul li {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.3125em;
}

/* line 316, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_detail_info ul li span {
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 326, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-1 {
  text-transform: uppercase;
  color: #cc0000;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

@media screen and (max-width: 47.9375em) {

  /* line 331, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-1.wide {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -99.9%;
    width: 58.8738709656%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 326, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-1 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -99.9%;
    width: 49.195%;
  }
}

/* line 341, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-1 span {
  display: inline-block;
  margin-top: 0.3125em;
  text-decoration: underline;
}

/* line 347, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-1 a {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 351, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-2 {
  text-align: right;
}

@media screen and (max-width: 47.9375em) {

  /* line 354, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-2.narrow {
    display: block;
    float: left;
    margin-left: 60.4838709655%;
    margin-right: -99.9%;
    width: 39.5161290345%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 351, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-2 {
    display: block;
    float: left;
    margin-left: 50.805%;
    margin-right: -99.9%;
    width: 49.195%;
  }
}

/* line 364, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-2 a {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: inline-block;
  text-transform: uppercase;
}

/* line 369, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_social-media .col-2 a:first-child {
  margin-left: 0;
}

/* line 377, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot p {
  font-family: "Roboto Slab", georgia, "serif";
  text-transform: inherit;
  margin-top: 0;
  margin-bottom: 0.9375em;
  font-style: italic;
  font-size: 16px;
  font-size: 1rem;
  min-height: 20px;
}

@media screen and (max-width: 47.9375em) {

  /* line 377, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* line 391, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set {
  margin-bottom: 0;
  position: relative;
}

/* line 395, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set .btn,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set .indexedsearch-box .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set input {
  margin-top: 0.3125em;
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 401, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set .btn.icon-after,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set .indexedsearch-box .tx-indexedsearch-search-submit input.icon-after,
.indexedsearch-box .tx-indexedsearch-search-submit .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set input.icon-after {
  padding-right: 20px;
}

/* line 404, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set .btn.icon-after:after,
.player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set .indexedsearch-box .tx-indexedsearch-search-submit input.icon-after:after,
.indexedsearch-box .tx-indexedsearch-search-submit .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set input.icon-after:after {
  position: static;
  margin-left: 5px;
}

@media screen and (max-width: 47.9375em) {

  /* line 401, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set .btn.icon-after,
  .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set .indexedsearch-box .tx-indexedsearch-search-submit input.icon-after,
  .indexedsearch-box .tx-indexedsearch-search-submit .player-detail .mod-stage-info-wrapper .mod-stage-info-block .pl_quot .button-set input.icon-after {
    padding-right: 10px;
  }
}

/* line 418, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.player-detail .mod-stage-info-wrapper .mod-stage-info-block.no-links {
  bottom: auto;
}

/* line 428, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stage-image-wrapper.scss */
.news-single .mod-stage-image-wrapper .mod-stage-info-wrapper .mod-stage-info-block {
  bottom: 55px;
}

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

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics.plus-user header h2,
.mod-player-statistics.plus-user header h3,
.mod-player-statistics.plus-user header .headline-3,
.mod-player-statistics.plus-user header h4,
.mod-player-statistics.plus-user header h5 {
  cursor: pointer;
  color: #666;
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 0;
  float: left;
  margin-right: 0.3125em;
}

/* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics.plus-user header h2.is-active,
.mod-player-statistics.plus-user header h3.is-active,
.mod-player-statistics.plus-user header .is-active.headline-3,
.mod-player-statistics.plus-user header h4.is-active,
.mod-player-statistics.plus-user header h5.is-active {
  color: #cc0000;
  background: #fff;
}

/* line 38, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics.plus-user header h2:hover,
.mod-player-statistics.plus-user header h3:hover,
.mod-player-statistics.plus-user header .headline-3:hover,
.mod-player-statistics.plus-user header h4:hover,
.mod-player-statistics.plus-user header h5:hover {
  color: #cc0000;
}

/* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics.plus-user header a {
  color: #666;
  background: #f5f5f5;
  display: block;
  padding: 10px;
  margin-top: 0.8em;
  margin-bottom: 0;
  float: left;
}

@media screen and (max-width: 47.9375em) {

  /* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
  .mod-player-statistics.plus-user header a {
    margin-top: 0.4em;
  }
}

/* line 56, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics.plus-user header a.is-active {
  color: #cc0000;
  background: #fff;
}

/* line 61, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics.plus-user header a:hover {
  color: #cc0000;
}

/* line 69, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics header h2,
.mod-player-statistics header h3,
.mod-player-statistics header .headline-3,
.mod-player-statistics header h4,
.mod-player-statistics header h5 {
  display: inline-block;
  color: #cc0000;
  margin-right: 0.625em;
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics header a {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  font-size: 1.125rem;
}

/* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics header a[class*=" icon-"] {
  color: #666;
}

@media screen and (max-width: 47.9375em) {

  /* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
  .mod-player-statistics header a {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
  .mod-player-statistics header a {
    margin-bottom: 0.625em;
  }
}

/* line 96, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics .statistics-wrapper {
  border-top: 4px solid #cc0000;
  padding: 1.25em;
  background: #fff;
}

/* line 101, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics .statistics-wrapper ul {
  list-style: none;
  padding: 0;
  margin-left: -5.5%;
}

/* line 105, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics .statistics-wrapper ul li {
  display: inline-block;
  margin-left: 5.5%;
  margin-bottom: 20px;
  width: 14%;
  text-align: center;
}

/* line 111, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics .statistics-wrapper ul li div {
  margin: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 105, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
  .mod-player-statistics .statistics-wrapper ul li {
    width: 22%;
    margin-left: 2.5%;
  }
}

@media only screen and (max-width: 510px) {

  /* line 105, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
  .mod-player-statistics .statistics-wrapper ul li {
    width: 30%;
    margin-left: 12.5%;
  }
}

/* line 126, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics .statistics-wrapper ul li.fc-plus-user {
  display: none;
}

/* line 129, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-statistics .statistics-wrapper ul li.fc-plus-user.is-active {
  display: inline-block;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/*mod-player-overview*/
/* line 146, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-overview .mod-player-statistics {
  display: inline-block;
  width: 48%;
  position: absolute;
  right: 10px;
  top: 20%;
  text-align: right;
}

@media screen and (max-width: 47.9375em) {

  /* line 146, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
  .mod-player-overview .mod-player-statistics {
    width: 49%;
    margin: 0;
    right: auto;
    top: 50%;
    left: 0;
    text-align: center;
  }
}

@media screen and (max-width: 32.5em) {

  /* line 146, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
  .mod-player-overview .mod-player-statistics {
    width: 100%;
    margin: 0;
    right: 0;
    top: 26%;
    text-align: center;
  }
}

/* line 172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-overview .mod-player-statistics .statistics-wrapper {
  border-top: none;
  background: none;
  padding: 0;
}

/* line 177, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-overview .mod-player-statistics .statistics-wrapper ul {
  margin-left: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 177, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
  .mod-player-overview .mod-player-statistics .statistics-wrapper ul {
    margin: 0;
    padding-left: 0;
  }
}

/* line 184, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-overview .mod-player-statistics .statistics-wrapper ul li {
  margin: 0;
  margin-left: 5%;
  width: auto;
}

/* line 189, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-statistics.scss */
.mod-player-overview .mod-player-statistics .statistics-wrapper ul li:first-child {
  margin-left: 0;
}

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

/* mod-social-media-bar */
/* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.mod-social-media-bar {
  background: #fff;
  display: inline-block;
  float: left;
  width: 10%;
  max-width: 87px;
  margin: 0;
}

@media screen and (min-width: 47.9375em) {

  /* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .mod-social-media-bar {
    margin: -15px 0 0;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .mod-social-media-bar {
    max-width: inherit;
    width: 100%;
    text-align: center;
    margin-bottom: 1.25em;
    background: none;
  }
}

/* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.mod-social-media-bar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 2px solid #e7e7e7;
  border-left: none;
  border-top: none;
}

@media screen and (max-width: 47.9375em) {

  /* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .mod-social-media-bar ul {
    border: none;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}

/* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.mod-social-media-bar ul li {
  border-top: 2px solid #e7e7e7;
  padding: 15%;
  padding-bottom: calc(15% - 10px);
}

/* line 59, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.mod-social-media-bar ul li:first-child {
  border: none;
}

@media screen and (max-width: 47.9375em) {

  /* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .mod-social-media-bar ul li {
    display: inline-block;
    border: none;
    width: 100%;
    padding: 1%;
    border-right: 1px solid #ccc;
  }

  /* line 70, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .mod-social-media-bar ul li:first-child {
    border-right: 1px solid #ccc;
  }

  /* line 74, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .mod-social-media-bar ul li:last-child {
    border-right: none;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .mod-social-media-bar ul {
    background: none;
    border: none;
  }
}

/* line 86, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.mod-social-media-bar a {
  font-size: 0;
  text-decoration: none;
  display: block;
  text-align: center;
  padding-left: 0;
}

/* line 93, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.mod-social-media-bar a:before {
  font-size: 33px;
  font-size: 2.0625rem;
  margin: 0;
  position: static;
}

/* line 100, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.mod-social-media-bar a.icon-mail-share:before {
  font-size: 25px;
  font-size: 1.5625rem;
  color: #b2b2b2;
}

@media screen and (max-width: 47.9375em) {

  /* line 100, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .mod-social-media-bar a.icon-mail-share:before {
    font-size: 33px;
    font-size: 2.0625rem;
  }
}

/* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.mod-social-media-bar .whats-app-share a {
  margin: 0 auto;
  background-color: transparent;
  background-size: 100%;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
@media screen and (max-width: 47.9375em) {

  /* line 126, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .col2-right-layout .mod-social-media-bar,
  .col2-right-layout-tab .mod-social-media-bar {
    float: none;
  }
}

/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.col2-right-layout .mod-social-media-bar~section:not([class*="mod-"]),
.col2-right-layout .mod-social-media-bar~article:not([class*="mod-"]),
.col2-right-layout .mod-social-media-bar~div:not([class*="mod-"]),
.col2-right-layout-tab .mod-social-media-bar~section:not([class*="mod-"]),
.col2-right-layout-tab .mod-social-media-bar~article:not([class*="mod-"]),
.col2-right-layout-tab .mod-social-media-bar~div:not([class*="mod-"]) {
  float: right;
  width: 80%;
  margin: 0 5%;
}

@media screen and (max-width: 47.9375em) {

  /* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .col2-right-layout .mod-social-media-bar~section:not([class*="mod-"]),
  .col2-right-layout .mod-social-media-bar~article:not([class*="mod-"]),
  .col2-right-layout .mod-social-media-bar~div:not([class*="mod-"]),
  .col2-right-layout-tab .mod-social-media-bar~section:not([class*="mod-"]),
  .col2-right-layout-tab .mod-social-media-bar~article:not([class*="mod-"]),
  .col2-right-layout-tab .mod-social-media-bar~div:not([class*="mod-"]) {
    float: none;
    margin: 0;
    width: 100%;
  }
}

/* line 145, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.col2-right-layout .mod-social-media-bar+section,
.col2-right-layout .mod-social-media-bar+article,
.col2-right-layout .mod-social-media-bar+div,
.col2-right-layout-tab .mod-social-media-bar+section,
.col2-right-layout-tab .mod-social-media-bar+article,
.col2-right-layout-tab .mod-social-media-bar+div {
  margin-top: 0.9375em !important;
}

/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.col2-right-layout .mod-social-media-wrapper:after,
.col2-right-layout-tab .mod-social-media-wrapper:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

/* line 156, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.col2-right-layout .mod-social-media-wrapper article h1,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>h2,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>h3,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>.headline-3,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>h4,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>h5,
.col2-right-layout-tab .mod-social-media-wrapper article h1,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>h2,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>h3,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>.headline-3,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>h4,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>h5 {
  margin-top: 0;
}

/* line 159, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
.col2-right-layout .mod-social-media-wrapper article h1+p,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>h2+p,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>h3+p,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>.headline-3+p,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>h4+p,
.col2-right-layout .mod-social-media-wrapper article .slider-camp>h5+p,
.col2-right-layout-tab .mod-social-media-wrapper article h1+p,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>h2+p,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>h3+p,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>.headline-3+p,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>h4+p,
.col2-right-layout-tab .mod-social-media-wrapper article .slider-camp>h5+p {
  margin-top: 0;
}

@media screen and (min-width: 47.9375em) {

  /* line 168, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-media-bar.scss */
  .col2-right-layout .mod-social-media-bar {
    margin: 0;
  }
}

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

/* line 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
.mod-fb-post>a {
  display: inline-block;
  width: 16%;
  margin-right: 2%;
  float: left;
}

@media screen and (max-width: 47.9375em) {

  /* line 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
  .mod-fb-post>a {
    float: none;
    width: 100%;
    margin-bottom: 0.9375em;
    text-align: center;
  }
}

/* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
.mod-fb-post>a img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
}

@media screen and (max-width: 47.9375em) {

  /* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
  .mod-fb-post>a img {
    width: 30%;
  }
}

/* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
.mod-fb-post>div {
  display: inline-block;
  float: left;
  width: 82%;
}

@media screen and (max-width: 47.9375em) {

  /* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
  .mod-fb-post>div {
    float: none;
    width: 100%;
    text-align: left;
  }
}

/* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
.mod-fb-post>div a {
  color: #000;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-decoration: underline;
  display: block;
}

/* line 62, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
.mod-fb-post>div>a:first-child {
  color: #cc0000;
  text-decoration: none;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
}

/* line 68, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
.mod-fb-post>div>a:first-child span {
  display: inline-block;
  margin-left: 0.3125em;
  color: #999;
  text-transform: none;
}

/* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
.mod-fb-post>div p {
  margin-top: 0.3125em;
}

/* line 80, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
.mod-fb-post>div small {
  display: block;
  color: #999;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* line 96, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-fb-post.scss */
.col2-right-layout .mod-fb-post {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.9375em;
}

/**
 * brandung _mod-more-text.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-07
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-more-text
   ========================================================================== */
/* mod-more-text */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-show-hide-text.scss */
.mod-more-text .read-more {
  display: block;
  margin-top: 1.5625em;
}

/* line 23, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-show-hide-text.scss */
.mod-more-text .read-less {
  display: block;
  margin: 1.5625em 0 0.9375em;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/**
 * brandung _mod-download-box.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-download-box
   ========================================================================== */
/* mod-download-box */
/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-download-box.scss */
.mod-download-box .mod-news-teaser-wrapper {
  background: #fff;
  border-top: 4px solid #cc0000;
  padding: 1.25em;
}

/* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-download-box.scss */
.mod-download-box .btn,
.mod-download-box .indexedsearch-box .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit .mod-download-box input {
  font-size: 18px;
  font-size: 1.125rem;
  padding-left: 0.625em;
  margin-top: 0.625em;
  word-break: break-all;
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-download-box.scss */
.mod-download-box .btn:first-child,
.mod-download-box .indexedsearch-box .tx-indexedsearch-search-submit input:first-child,
.indexedsearch-box .tx-indexedsearch-search-submit .mod-download-box input:first-child {
  margin-top: 0;
}

/**
 * brandung _mod-news-teaser.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-09
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-news-teaser
   ========================================================================== */
/* mod-news-teaser */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-news-teaser.scss */
.mod-news-teaser .mod-teaser {
  width: 100%;
  float: none;
  margin-bottom: 0;
}

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-news-teaser.scss */
.mod-news-teaser>a {
  display: block;
  color: #333;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1.25em 7.5%;
  background: #fff;
  position: relative;
  border-top: 1px solid #e7e7e7;
}

/* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-news-teaser.scss */
.mod-news-teaser>a:hover {
  color: #333;
  -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 */
.mod-news-teaser>a:hover:hover {
  background: #ebebeb;
}

/* line 41, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-news-teaser.scss */
.mod-news-teaser>a:after {
  font-family: 'icomoon';
  content: '\e62a';
  color: #cc0000;
  position: absolute;
  right: 10px;
}

/* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-news-teaser.scss */
.mod-news-teaser>h2+.mod-teaser,
.mod-news-teaser>h3+.mod-teaser,
.mod-news-teaser>.headline-3+.mod-teaser,
.mod-news-teaser>h4+.mod-teaser,
.mod-news-teaser>h5+.mod-teaser,
.mod-news-teaser>h3+.mod-teaser {
  margin-top: 0 !important;
}

/**
 * brandung _mod-portrait-teaser.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-portrait-teaser
   ========================================================================== */
/* mod-portrait-teaser */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-portrait-teaser.scss */
.mod-portrait-teaser .mod-portrait-wrapper {
  margin-left: -1.25em;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-portrait-teaser.scss */
  .mod-portrait-teaser .mod-portrait-wrapper {
    margin-left: -2%;
  }
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/**
 * brandung _mod-qicklinks.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-qicklinks
   ========================================================================== */
/* mod-qicklinks */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks {
  background: #fff;
}

/* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks ul li {
  display: inline-block;
  width: 32%;
  border-left: 2px solid #e7e7e7;
  margin-bottom: 0;
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks ul li:first-child {
  border-left: none;
}

@media screen and (max-width: 47.9375em) {

  /* line 35, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li:first-child a {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1015px) {

  /* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li {
    width: 32.8%;
  }

  /* line 45, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a:last-child {
    margin-right: 0;
  }
}

/* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-align: center;
  padding: 2% 2%;
  margin: 5%;
  position: relative;
  color: #000;
  font-size: 22px;
  font-size: 1.375rem;
}

/* line 63, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks ul li a:last-child {
  margin-right: 0;
}

/* line 67, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks ul li a.icon-before {
  color: #cc0000;
  text-align: left;
  padding: 2% 2% 2% 13%;
}

/* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks ul li a.icon-before:before {
  font-size: 26px;
  font-size: 1.625rem;
  top: 50%;
  margin-top: -16px;
}

@media only screen and (max-width: 1015px) {

  /* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a.icon-before:before {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: -11px;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a.icon-before:before {
    font-size: 22px;
    font-size: 1.375rem;
    margin-top: -18px;
  }
}

/* line 89, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks ul li a.icon-before span {
  color: #333;
  text-decoration: none;
}

@media only screen and (max-width: 1015px) {

  /* line 96, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a.icon-fc-plus:before {
    width: 22px;
    height: 22px;
    background-size: 100%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 96, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a.icon-fc-plus:before {
    font-size: 22px;
    font-size: 1.375rem;
    width: 32px;
    height: 32px;
  }
}

/* line 111, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
.mod-quicklinks ul li a span {
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  color: #cc0000;
  text-decoration: underline;
}

@media only screen and (max-width: 1190px) {

  /* line 111, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 1015px) {

  /* line 111, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 111, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 1190px) {

  /* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media only screen and (max-width: 1015px) {

  /* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li {
    display: block;
    width: 100%;
    border-left: none;
    border-top: 1px solid #ccc;
  }

  /* line 150, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li:first-child {
    border-top: none;
  }

  /* line 154, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a {
    margin: 1% 5%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 160, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a {
    font-size: 16px;
    font-size: 1rem;
  }

  /* line 163, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-quicklinks.scss */
  .mod-quicklinks ul li a span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/**
 * brandung _mod-link-tabs.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-link-tabs
   ========================================================================== */
/* mod-link-tabs */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs {
  margin-bottom: 2px;
}

/* line 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs>.mobile-nav-btn {
  display: none;
  color: #cc0000;
  padding: 0.625em;
  background: #fff;
}

/* line 28, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs>.mobile-nav-btn.icon-listenansicht:after {
  top: 4px;
  color: #666;
  right: 10px;
}

/* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs a {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: block;
  padding: 0.625em 1.25em;
  text-decoration: none;
  text-transform: uppercase;
  background: #f2f2f2;
  color: #666;
}

/* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs a:hover {
  -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;
  color: #666;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.mod-link-tabs a:hover:hover {
  background: #fff;
}

@media screen and (max-width: 60em) {

  /* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
  .mod-link-tabs a {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.625em;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
  .mod-link-tabs a {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.625em;
  }
}

/* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

/* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs ul li {
  display: inline-block;
  margin-bottom: 0;
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs ul li:first-child {
  border-left: none;
  margin-left: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
  .mod-link-tabs ul li {
    display: block;
    margin-top: 2px;
    margin-left: 0;
  }

  /* line 86, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
  .mod-link-tabs ul li:first-child {
    margin-top: 0;
  }
}

/* line 92, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs ul li.is-active a {
  background: #fff;
  color: #cc0000;
}

/* line 96, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
.mod-link-tabs ul li.is-active a:hover {
  color: #666;
}

@media screen and (max-width: 47.9375em) {

  /* line 105, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
  .mod-link-tabs>.mobile-nav-btn {
    display: block;
  }

  /* line 108, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
  .mod-link-tabs>.mobile-nav-btn:after {
    content: '+';
    font-size: 25px;
    font-size: 1.5625rem;
    right: 10px;
    font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  }

  /* line 117, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
  .mod-link-tabs>.mobile-nav-btn.is-active:after {
    content: '-';
  }

  /* line 124, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-link-tabs.scss */
  .mod-link-tabs nav>ul {
    display: none;
  }
}

/**
 * brandung _mod-table.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-table
   ========================================================================== */
/* mod-table */
/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table+table {
  margin-top: 1.875em;
}

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table+table:first-child {
  margin-top: 0;
}

/* line 27, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table header {
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 47.9375em) {

  /* line 27, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .mod-table header {
    font-size: 16px;
    font-size: 1rem;
  }
}

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

/* line 38, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table header h2,
.mod-table header h3,
.mod-table header .headline-3,
.mod-table header h4,
.mod-table header h5 {
  float: left;
  color: #cc0000;
}

@media screen and (max-width: 29.25em) {

  /* line 38, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .mod-table header h2,
  .mod-table header h3,
  .mod-table header .headline-3,
  .mod-table header h4,
  .mod-table header h5 {
    float: none;
  }
}

/* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table header a {
  font-size: 18px;
  font-size: 1.125rem;
  float: right;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #666;
  text-decoration: none;
  margin-top: .8em;
  display: block;
}

/* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table header a:after {
  font-family: icomoon;
  content: '\e62a';
  line-height: 1em;
  padding-left: 0.3125em;
  font-size: 14px;
  font-size: 0.875rem;
}

/* line 62, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table header a:hover {
  color: #cc0000;
}

@media screen and (max-width: 47.9375em) {

  /* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .mod-table header a {
    margin-bottom: .4em;
    margin-top: .4em;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .mod-table header a {
    float: none;
  }
}

/* line 77, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table header+table {
  margin-top: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 85, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .mod-table tr td:nth-child(2) span {
    display: none;
  }
}

/* line 94, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table__footer {
  background-color: #fff;
  width: 100%;
  padding: 0.625em 1.25em;
  color: #ccc;
  border-top: 1px solid #ccc;
}

/* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table .mod-table__banner {
  font-size: 16px;
  font-size: 1rem;
  float: right;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  height: 65px;
  margin: -5.375em 0 0 0;
  position: relative;
  right: 0;
  text-align: right;
  text-transform: none;
  width: 110px;
}

@media screen and (max-width: 47.9375em) {

  /* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .mod-table .mod-table__banner {
    margin: -1.25em 0 0.3125em 0;
  }
}

/* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table .mod-table__banner a {
  bottom: 0;
  display: block;
  float: none;
  margin: 0;
  position: absolute;
  right: 0;
}

/* line 126, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.mod-table .mod-table__banner a:after {
  display: none;
}

/*table standard*/
/* line 134, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table,
[class*="tx-"] table {
  border-top: 4px solid #cc0000;
  background: none;
  width: 100%;
  font-family: "Roboto Slab", georgia, "serif";
  margin-top: 1.875em;
  border-collapse: inherit;
  border-spacing: inherit;
}

/* line 144, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table:first-child,
[class*="tx-"] table:first-child {
  margin-top: 0;
}

/* line 152, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr.rChampion td:first-child,
[class*="tx-"] table tr.rChampion td:first-child {
  background: #666;
  color: #fff;
}

/* line 161, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr.rChampionQuali td:first-child,
[class*="tx-"] table tr.rChampionQuali td:first-child {
  background: #666;
  color: #fff;
}

/* line 170, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr.rEuroQuali td:first-child,
[class*="tx-"] table tr.rEuroQuali td:first-child {
  background: #bab9b9;
  color: #fff;
}

/* line 179, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr.rEuro td:first-child,
[class*="tx-"] table tr.rEuro td:first-child {
  background: #e1dede;
}

/* line 187, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr.rRelegate td:first-child,
[class*="tx-"] table tr.rRelegate td:first-child {
  background: #666;
  color: #fff;
}

/* line 197, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr.rQuali td:first-child,
[class*="tx-"] table tr.rQuali td:first-child {
  background: #bab9b9;
  color: #fff;
}

/* line 205, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr th,
table tr td,
[class*="tx-"] table tr th,
[class*="tx-"] table tr td {
  text-align: left;
  vertical-align: top;
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 210, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr th,
[class*="tx-"] table tr th {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  background: #ccc;
  color: #666;
  padding: 0.8125em;
  font-weight: normal;
}

/* line 218, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr td,
[class*="tx-"] table tr td {
  background: #fff;
  border-collapse: collapse;
  padding: 0.9375em;
  line-height: 1.4em;
  border-top: 1px solid #ccc;
  vertical-align: middle;
}

/* line 228, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr td img,
[class*="tx-"] table tr td img {
  margin-right: 0.1875em;
}

/* line 232, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr td a,
[class*="tx-"] table tr td a {
  font-size: 15px;
  font-size: 0.9375rem;
  display: block;
}

/* line 236, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr td a.btn,
[class*="tx-"] table tr td a.btn {
  margin-top: 5px;
}

/* line 239, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr td a.btn:first-child,
[class*="tx-"] table tr td a.btn:first-child {
  margin-top: 0;
}

/* line 245, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr:first-child,
[class*="tx-"] table tr:first-child {
  border-top: none;
}

/* line 248, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr:first-child td,
[class*="tx-"] table tr:first-child td {
  border-top: none;
}

/* line 252, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr.fc-koeln,
[class*="tx-"] table tr.fc-koeln {
  color: #cc0000;
}

/* line 257, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table tr.position-last td,
[class*="tx-"] table tr.position-last td {
  border-bottom: 10px solid #ccc;
}

/* line 263, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
table .btn,
table .indexedsearch-box .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit table input,
[class*="tx-"] table .btn,
[class*="tx-"] table .indexedsearch-box .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit [class*="tx-"] table input {
  width: auto;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* line 272, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.table-wrapper {
  border-right: none;
}

/* line 275, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.table-wrapper .pinned {
  border-left: none;
}

/* line 278, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.table-wrapper .pinned td {
  line-height: 36px;
}

@media screen and (max-width: 47.9375em) {

  /* line 286, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .col-right .mod-table header {
    padding: 0;
  }
}

/* line 291, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.col-right .mod-table header h2,
.col-right .mod-table header h3,
.col-right .mod-table header .headline-3,
.col-right .mod-table header h4,
.col-right .mod-table header h5 {
  margin: .4em 0;
}

@media screen and (max-width: 29.25em) {

  /* line 291, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .col-right .mod-table header h2,
  .col-right .mod-table header h3,
  .col-right .mod-table header .headline-3,
  .col-right .mod-table header h4,
  .col-right .mod-table header h5 {
    float: left;
  }
}

/* line 298, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.col-right .mod-table header a {
  margin: .4em 0;
}

@media screen and (max-width: 29.25em) {

  /* line 298, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .col-right .mod-table header a {
    float: right;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 314, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .tx-bracalender .mod-table table.responsive tr td:first-child {
    width: 15%;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 319, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .tx-bracalender .mod-table table.responsive tr td:first-child+td {
    width: 35%;
  }
}

/* line 330, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.tx-bracalender .mod-table table tr td {
  line-height: 1.4em;
  vertical-align: middle;
}

/* line 335, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.tx-bracalender .mod-table table tr td a.btn {
  display: inline-block;
}

/* line 340, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.tx-bracalender .mod-table table tr td:nth-child(5n) {
  text-align: right;
}

/* line 350, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.tx-bracalender .pinned table tr {
  height: 60px !important;
}

@media screen and (min-width: 47.9375em) {

  /* line 362, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .tx-bracalender.mod-footballcamp .mod-table table.responsive tr td:first-child {
    width: 40%;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 367, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .tx-bracalender.mod-footballcamp .mod-table table.responsive tr td:first-child+td {
    width: 50%;
  }
}

/* line 379, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.tx-bracalender.mod-footballcamp .mod-table table tr td:nth-child(3n),
.tx-bracalender.mod-footballcamp .mod-table table tr th:nth-child(3n) {
  text-align: right;
}

/* line 392, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.full-standing-table .table-wrapper div.scrollable {
  margin-left: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 397, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .full-standing-table .table-wrapper div.scrollable th:nth-child(6),
  .full-standing-table .table-wrapper div.scrollable th:nth-child(4),
  .full-standing-table .table-wrapper div.scrollable th:nth-child(5),
  .full-standing-table .table-wrapper div.scrollable th:nth-child(8),
  .full-standing-table .table-wrapper div.scrollable td:nth-child(6),
  .full-standing-table .table-wrapper div.scrollable td:nth-child(4),
  .full-standing-table .table-wrapper div.scrollable td:nth-child(5),
  .full-standing-table .table-wrapper div.scrollable td:nth-child(8) {
    display: none;
  }
}

/* line 410, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.full-standing-table .table-wrapper .pinned {
  display: none;
}

@media screen and (max-width: 47.9375em) {

  /* line 418, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .full-standing-table th:nth-child(6),
  .full-standing-table th:nth-child(4),
  .full-standing-table th:nth-child(5),
  .full-standing-table th:nth-child(8),
  .full-standing-table td:nth-child(6),
  .full-standing-table td:nth-child(4),
  .full-standing-table td:nth-child(5),
  .full-standing-table td:nth-child(8) {
    display: none;
  }
}

/* line 434, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.tx-bra-footballmanager table th:first-child,
.tx-bra-footballmanager table td:first-child {
  text-align: center;
}

/* line 437, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.tx-bra-footballmanager table th:nth-child(2),
.tx-bra-footballmanager table td:nth-child(2) {
  width: 390px;
}

@media screen and (min-width: 47.9375em) {

  /* line 444, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .tx-bra-footballmanager table td img+span {
    width: 68%;
    display: inline-block;
    vertical-align: middle;
  }
}

/* line 459, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
div.table-wrapper {
  border: none;
}

/* line 461, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
div.table-wrapper .pinned {
  display: none;
}

/* line 464, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
div.table-wrapper .pinned table tr {
  height: auto !important;
}

/* line 467, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
div.table-wrapper .pinned table tr td {
  line-height: 1.4em;
}

/* line 474, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
div.table-wrapper div.scrollable {
  margin-left: 0;
}

/* line 478, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
div.table-wrapper table.responsive th:first-child,
div.table-wrapper table.responsive td:first-child,
div.table-wrapper table.responsive td:first-child {
  display: table-cell;
}

/* line 487, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.function-team-table tr {
  background: #fff;
}

/* line 490, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
.function-team-table tr td:first-child {
  display: inline-block !important;
  width: 50px;
}

@media screen and (max-width: 47.9375em) {

  /* line 502, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .mod-accordion .contenttable tr {
    display: block;
    border-top: 1px solid #ccc;
  }

  /* line 506, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .mod-accordion .contenttable tr:first-child {
    border: none;
  }

  /* line 510, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-table.scss */
  .mod-accordion .contenttable tr td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: none;
  }
}

/**
 * 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
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-calendar-full {
  width: 100%;
  height: 100%;
  position: relative;
}

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

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar-container {
  width: 100%;
  height: 865px;
  background: #fff;
  border-top: 4px solid #cc0000;
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar-container .fc-head {
  padding: 0.9375em 0;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  background: #ccc;
  color: #666;
  font-size: 15px;
  font-size: 0.9375rem;
  height: auto;
  line-height: 1.4em;
}

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

/* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.no-touch .fc-calendar .fc-row>div>div a:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* line 47, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-four-rows .fc-row {
  height: 25%;
}

/* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-five-rows .fc-row {
  height: 20%;
}

/* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-six-rows .fc-row {
  height: 16.66%;
  height: -moz-calc(100%/6);
  height: -webkit-calc(100%/6);
  height: calc(100%/6);
}

/* line 63, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div,
.fc-calendar .fc-head>div {
  font-size: 18px;
  font-size: 1.125rem;
  float: left;
  height: 100%;
  width: 14.28%;
  /* 100% / 7 */
  width: -moz-calc(100%/7);
  width: -webkit-calc(100%/7);
  width: 14, 28571428571429%;
  position: relative;
}

/* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-body {
  height: 100%;
  height: -moz-calc(100% - 49px);
  height: -webkit-calc(100% - 49px);
  height: calc(100% - 49px);
}

/* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row {
  border-top: 2px solid #e7e7e7;
  border-bottom: none;
}

/* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row:first-child {
  border-top: none;
}

/* line 87, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div {
  border-left: 2px solid #e7e7e7;
  border-right: none;
}

@media screen and (min-width: 47.9375em) {

  /* line 87, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div {
    overflow-y: auto;
  }
}

/* line 95, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div:first-child {
  border-left: none;
}

/* line 100, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div>span.fc-date {
  top: 5px;
  left: 5px;
  right: auto;
  bottom: auto;
  color: #333;
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "Roboto Slab", georgia, "serif";
  font-weight: normal;
  width: auto;
}

/* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div>span.fc-weekday {
  color: #333;
}

/* line 116, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div.fc-today {
  background: #fafafa;
}

/* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div.fc-today>span.fc-date {
  color: #cc0000;
}

/* line 126, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div>div>div {
  margin-top: 0.625em;
}

/* line 128, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div>div>div:first-child {
  margin-top: 1.25em;
}

/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div>div>div span {
  font-size: 15px;
  font-size: 0.9375rem;
  display: block;
}

/* line 134, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.fc-calendar .fc-row>div>div>div span.time {
  color: #666;
}

/* line 144, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header {
  padding: 20px 20px 10px 30px;
  height: auto;
  position: relative;
}

/* line 148, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header h2,
.custom-header h3,
.custom-header .headline-3,
.custom-header h4,
.custom-header h5,
.custom-header h3 {
  float: left;
  font-weight: normal;
  text-transform: uppercase;
}

/* line 153, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header h2,
.custom-header h3,
.custom-header .headline-3,
.custom-header h4,
.custom-header h5 {
  color: #fff;
  width: 60%;
}

/* line 156, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header h2 a,
.custom-header h3 a,
.custom-header .headline-3 a,
.custom-header h4 a,
.custom-header h5 a,
.custom-header h2 span,
.custom-header h3 span,
.custom-header .headline-3 span,
.custom-header h4 span,
.custom-header h5 span {
  color: rgba(255, 255, 255, 0.3);
  font-size: 18px;
  letter-spacing: 3px;
  white-space: nowrap;
}

/* line 162, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header h2 a,
.custom-header h3 a,
.custom-header .headline-3 a,
.custom-header h4 a,
.custom-header h5 a {
  color: rgba(255, 255, 255, 0.5);
}

/* line 168, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.no-touch .custom-header h2 a:hover,
.no-touch .custom-header h3 a:hover,
.no-touch .custom-header .headline-3 a:hover,
.no-touch .custom-header h4 a:hover,
.no-touch .custom-header h5 a:hover {
  color: rgba(255, 255, 255, 0.9);
}

/* line 173, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header h3 {
  font-size: 22px;
  font-size: 1.375rem;
  width: 100%;
  color: #000;
  line-height: 1em;
  text-align: center;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 181, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header nav {
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 191, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header nav span {
  float: left;
  width: 30px;
  height: 30px;
  position: relative;
  color: transparent;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.3);
  margin: 0 1px;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
}

/* line 203, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header nav span:first-child {
  border-radius: 3px 0 0 3px;
}

/* line 206, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header nav span:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* line 211, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header span:before {
  color: #fff;
  display: inline-block;
  text-align: center;
  text-indent: 4px;
}

/* line 219, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header span.custom-prev:before {
  font-family: icomoon;
  cursor: pointer;
  content: '\e629';
  color: #cc0000;
  font-size: 25px;
  font-size: 1.5625rem;
}

/* line 226, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header span.custom-next:before {
  font-family: icomoon;
  cursor: pointer;
  content: '\e62a';
  color: #cc0000;
  font-size: 25px;
  font-size: 1.5625rem;
}

/* line 233, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header span.custom-current:before {
  content: '\27a6';
}

/* line 236, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.custom-header span.custom-month,
.custom-header span.custom-year {
  color: #000;
  font-size: 30px;
  font-size: 1.875rem;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 47.9375em) {

  /* line 254, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .custom-header {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: auto;
    width: auto;
  }

  /* line 262, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .custom-header nav {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: auto;
    width: auto;
  }

  /* line 272, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .custom-calendar-full,
  .fc-calendar-container {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: auto;
    width: auto;
  }

  /* line 281, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: auto;
    width: auto;
    margin: 0 0 20px;
  }

  /* line 289, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-head,
  .fc-calendar .fc-row>div>span.fc-date {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: auto;
    width: auto;
  }

  /* line 301, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .custom-header h2,
  .custom-header h3,
  .custom-header .headline-3,
  .custom-header h4,
  .custom-header h5,
  .custom-header h3 {
    float: none;
    width: auto;
    text-align: center;
    padding-right: 0;
  }

  /* line 308, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row,
  .ie9 .fc-calendar .fc-row>div {
    height: auto;
    width: 100%;
    border: none;
  }

  /* line 314, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row {
    border-top: 2px solid #e7e7e7;
    box-shadow: none;
  }

  /* line 316, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row:first-child {
    border-top: none;
  }

  /* line 319, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div {
    height: auto;
    width: 100%;
    border: none;
    float: none;
    min-height: 50px;
    border-top: 2px solid #e7e7e7;
    border-radius: 0px !important;
  }

  /* line 327, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div:first-child {
    border-top: none;
  }

  /* line 330, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div:empty {
    min-height: 0;
    height: 0;
    box-shadow: none !important;
    padding: 0;
  }

  /* line 339, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-head {
    display: none;
  }

  /* line 343, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div>div {
    margin-top: 0px;
    padding-left: 10px;
    max-width: inherit;
    display: inline-block;
  }

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

  /* line 352, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div.fc-today:after {
    display: none;
  }

  /* line 356, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div .fc-date {
    font-family: "Roboto Slab", georgia, "serif";
    font-size: 18px;
    font-size: 1.125rem;
    width: auto;
    display: block;
    text-align: center;
  }

  /* line 363, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div .fc-weekday {
    display: block;
    width: auto;
    font-size: 15px;
    font-size: 0.9375rem;
    text-transform: uppercase;
    text-align: center;
    padding-left: 0;
  }

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

  /* line 375, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div .date {
    width: 55px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 2px solid #ccc;
    padding-right: 10px;
    padding-top: 2px;
  }

  /* line 385, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div .date .fc-date {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 0;
    font-family: "Roboto Slab", georgia, "serif";
  }

  /* line 392, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div>div>div {
    margin-top: 0.625em;
    margin-left: 2.5em;
  }

  /* line 394, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div>div>div:first-child {
    margin-top: 0;
  }

  /* line 400, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div>div>div span {
    display: inline-block;
    margin-right: 0.3125em;
  }

  /* line 401, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
  .fc-calendar .fc-row>div>div>div span:first-child {
    padding-right: 0.3125em;
    border-right: 1px solid #ccc;
  }
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* line 421, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.mod-filter-content .custom-calendar-wrap {
  display: none;
}

/* line 424, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-calendar.scss */
.mod-filter-content .custom-calendar-wrap.is-active {
  display: block;
}

/**
 * brandung _mod-service-bar.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-07
 * MIT License (MIT)
 */
/* ==========================================================================
  	mod-service-bar
   ========================================================================== */
/* mod-service-bar */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.mod-service-bar {
  border-top: 2px solid #e7e7e7;
  width: 100%;
  margin: 0;
}

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

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.mod-service-bar>ul {
  margin: 0;
  float: right;
  padding: 0.9375em;
  border-left: 2px solid #e7e7e7;
  line-height: 1em;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 47.9375em) {

  /* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
  .mod-service-bar>ul {
    float: none;
    border-left: none;
    padding-left: 0;
  }
}

/* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.mod-service-bar>ul li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}

/* line 42, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.mod-service-bar>ul li a {
  display: block;
  text-transform: uppercase;
}

/* line 48, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.mod-service-bar>ul li span {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  color: #666;
  text-transform: uppercase;
}

@media screen and (max-width: 47.9375em) {

  /* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
  .mod-service-bar>ul li {
    display: block;
  }

  /* line 58, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
  .mod-service-bar>ul li:first-child {
    margin-bottom: 0.3125em;
  }

  /* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
  .mod-service-bar>ul li:first-child div {
    margin-left: 0;
  }
}

/* line 67, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.mod-service-bar>ul:first-child {
  float: left;
  border-left: none;
  border-right: 2px solid #e7e7e7;
  padding: 1.1875em 0.9375em 1.3125em;
}

@media screen and (max-width: 47.9375em) {

  /* line 67, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
  .mod-service-bar>ul:first-child {
    display: none;
  }
}

/* line 78, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.mod-service-bar>ul:first-child li a {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #666;
  text-decoration: none;
}

/* line 90, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.shariff>ul.orientation-horizontal {
  flex-wrap: nowrap;
}

/* line 93, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.shariff>ul.orientation-horizontal li {
  margin: 0;
}

/* line 99, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.shariff>ul li.shariff-button a {
  background-color: transparent;
}

/* line 101, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.shariff>ul li.shariff-button a span.fab {
  color: #666;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* line 116, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-service-bar.scss */
.col2-right-layout section.mod-service-bar,
.col2-right-layout-tab section.mod-service-bar {
  width: 100%;
  margin: 1.875em 0 0;
}

/**
 * brandung _mod-social-share-privacy.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-08
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-social-share-privacy
   ========================================================================== */
/* mod-social-share-privacy */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy ul {
  margin: 0 !important;
  height: auto;
  clear: none;
}

/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.mod-social-share-privacy ul:after {
  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/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy ul li {
  height: auto;
  width: auto !important;
  clear: none;
}

/* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy ul li.info_off {
  padding: 0.3125em 0 0em !important;
  margin-left: 10px !important;
  height: 24px !important;
}

@media screen and (max-width: 47.9375em) {

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

/* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .switch.off {
  display: none;
}

/* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .info {
  font-family: "Roboto Slab", georgia, "serif";
  font-weight: normal !important;
}

/* line 56, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .fb_like {
  width: auto !important;
}

/* line 58, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .fb_like .fb_like_privacy_dummy {
  width: 31px;
  height: 31px;
  padding: 0;
}

/* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .fb_like .fb_like_privacy_dummy span {
  display: none;
}

/* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .tweet {
  width: auto !important;
}

/* line 73, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .tweet .tweet_this_dummy {
  width: 31px;
  height: 31px;
  padding: 0;
}

/* line 80, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .tweet .tweet_this_dummy span {
  display: none;
}

/* line 86, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .gplusone {
  width: auto !important;
}

/* line 88, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .gplusone .gplus_one_dummy {
  width: 31px;
  height: 31px;
  padding: 0;
  text-indent: -9999em;
}

/* line 96, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .gplusone .gplus_one_dummy span {
  display: none;
}

/* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .settings_info {
  position: static;
  top: auto !important;
  margin-left: 10px !important;
  display: none;
}

/* line 109, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .settings_info .settings_info_menu {
  position: relative !important;
  top: auto !important;
  width: auto !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 20 !important;
}

/* line 117, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .settings_info .settings_info_menu.on .help_info {
  border: 2px solid #e7e3e3 !important;
  border-right: 1px solid #e7e3e3 !important;
}

/* line 122, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .settings_info .settings_info_menu.on .settings {
  border: 2px solid #e7e3e3 !important;
  border-left: 0.5px solid #e7e3e3 !important;
}

/* line 128, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy .settings_info .settings_info_menu form {
  background-color: #f3f4f5;
  border: 2px solid #e7e3e3;
  font-family: "Roboto Slab", georgia, "serif";
  font-weight: normal !important;
  position: absolute;
  right: 0;
}

/* line 139, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-social-share-privacy.scss */
.mod-social-share-privacy fieldset legend {
  display: block;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/**
 * brandung _mod-filter-nav.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-29
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-filter-nav
   ========================================================================== */
/* mod-filter-nav */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav {
  padding: 0 0.9375em;
  background: #fff;
  margin-bottom: 1.875em;
}

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set {
  margin: 0;
}

/* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .btn-icon-only {
  margin-right: 10px;
  color: #fff;
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .btn-icon-only:hover {
  color: #fff;
}

/* line 35, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .btn-icon-only:visited {
  color: #fff;
}

/* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .btn-icon-only:before {
  padding: 0.625em;
}

/* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .btn-icon-only.is-active {
  border: 1px solid #cc0000;
  background: #cc0000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 20%, #b00000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc0000), color-stop(20%, #cc0000), color-stop(100%, #b00000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cc0000 0%, #cc0000 20%, #b00000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cc0000 0%, #cc0000 20%, #b00000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cc0000 0%, #cc0000 20%, #b00000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cc0000 0%, #cc0000 20%, #b00000 100%);
  /* W3C */
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .select-box {
  padding: 1.25em 0.9375em 1.25em 0;
  border-right: 2px solid #e7e7e7;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .mod-filter-nav .button-set .select-box {
    border: none;
    display: block;
    float: none;
    padding-right: 0;
    width: 100%;
  }
}

/* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .button-box {
  padding: 1.25em 0 1.25em 0.9375em;
  border-left: 2px solid #e7e7e7;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .mod-filter-nav .button-set .button-box {
    display: none;
  }
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .search-box {
  position: relative;
  padding: 1.25em 0.9375em 1.25em 0.9375em;
  border-left: 2px solid #e7e7e7;
}

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

@media screen and (min-width: 47.9375em) {

  /* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .mod-filter-nav .button-set .search-box {
    width: 230px;
  }
}

/* line 86, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .search-box input[type=text] {
  padding: 11px 8px;
  text-transform: uppercase;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 92, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav .button-set .search-box button[type="submit"],
.mod-filter-nav .button-set .search-box input[type="submit"] {
  background: url("../img/icons/iconSearch.png") no-repeat 0 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: -9999em;
  position: absolute;
  right: 20px;
  top: 36px;
}

@media screen and (max-width: 47.9375em) {

  /* line 92, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .mod-filter-nav .button-set .search-box button[type="submit"],
  .mod-filter-nav .button-set .search-box input[type="submit"] {
    right: 5px;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .mod-filter-nav .button-set .search-box {
    display: block;
    width: 100%;
    float: none;
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 122, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-nav.bdl-filter .select-box {
  border-right: none;
}

/* mod-filter-list */
/* line 132, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.nav-list-warpper {
  position: relative;
  min-width: 190px;
  min-height: 43px;
  margin: 0 0 0 0.625em;
}

/* line 138, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.nav-list-warpper:first-child {
  margin-left: 0;
  margin-top: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 132, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .nav-list-warpper {
    min-height: 41px;
    margin-top: 0.625em;
    margin-left: 0;
    width: 100%;
    float: none;
    display: block;
  }
}

/* line 153, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0;
  padding: 0.5em 1.875em 0.5em 0.5em;
  min-width: 190px;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #666;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e7e7e7;
}

@media screen and (max-width: 47.9375em) {

  /* line 153, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .mod-filter-list {
    width: 100%;
  }
}

/* line 172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.hall-of-fame .mod-filter-list .is-active {
  background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* line 180, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-list 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;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.mod-filter-list li:hover {
  color: #cc0000;
}

/* line 189, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-list .is-active {
  display: block;
  color: #cc0000;
}

/* line 194, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-list:after {
  font-family: 'icomoon';
  position: absolute;
  content: '\e612';
  width: 10px;
  height: 10px;
  right: 8px;
  top: 18px;
  font-size: 6px;
  font-size: 0.375rem;
}

@media screen and (min-width: 47.9375em) {

  /* line 207, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .mod-filter-list:hover {
    position: absolute;
    z-index: 999;
    min-width: 190px;
    -webkit-box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.3);
  }

  /* line 213, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .mod-filter-list:hover li {
    display: block;
  }
}

/* line 220, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-list.is-open {
  position: absolute;
  z-index: 999;
  min-width: 190px;
  -webkit-box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.3);
}

/* line 226, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-list.is-open li {
  display: block;
}

/* line 233, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-list.is-inactive:hover {
  position: static;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 237, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-list.is-inactive:hover li {
  display: none;
}

/* line 240, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.mod-filter-list.is-inactive:hover li.is-active {
  display: block;
  color: #cc0000;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* line 256, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list {
  padding: 0.5em 0.5em 0.5em 0.1875em;
  min-width: 190px;
}

/* line 260, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list li {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}

/* line 266, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list li.is-active {
  margin-left: 5px;
}

/* line 269, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list li.is-active span {
  display: inline-block;
  margin-right: 3px;
}

/* line 276, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list li:first-child.is-active {
  background: none;
}

@media screen and (min-width: 47.9375em) {

  /* line 284, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .number-list:hover {
    padding: 0.5em 0.5em 0.3125em 0.1875em;
  }

  /* line 286, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .number-list:hover li {
    background: #e7e7e7;
    text-align: center;
    min-width: 30px;
    color: #000;
    font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
    margin-bottom: 5px;
    float: left;
    margin-left: 5px;
    -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 */
  .number-list:hover li:hover {
    color: #cc0000;
  }

  /* line 298, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .number-list:hover li span {
    display: none;
  }

  /* line 302, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .number-list:hover li.is-active {
    background: #cc0000;
    color: #fff;
  }

  /* line 307, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .number-list:hover li:hover {
    background: #cc0000;
    color: #fff;
  }

  /* line 310, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .hall-of-fame .number-list:hover li:hover {
    background: -webkit-linear-gradient(-45deg, #daa520 0%, #efd16e 26%, #bc8400 100%);
  }

  /* line 315, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .number-list:hover li:first-child {
    background: none;
    width: 100%;
    text-align: left;
  }

  /* line 320, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .number-list:hover li:first-child.is-active {
    color: #000;
  }

  /* line 324, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .number-list:hover li:first-child:hover {
    background: none;
    color: #000;
  }
}

/* line 334, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-open {
  padding: 0.5em 0.5em 0.3125em 0.1875em;
}

/* line 336, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-open li {
  background: #e7e7e7;
  text-align: center;
  min-width: 30px;
  color: #000;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  margin-bottom: 5px;
  float: left;
  margin-left: 5px;
  -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 */
.number-list.is-open li:hover {
  color: #cc0000;
}

/* line 347, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-open li span {
  display: none;
}

/* line 351, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-open li.is-active {
  background: #cc0000;
  color: #fff;
}

/* line 356, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-open li:hover {
  background: #cc0000;
  color: #fff;
}

/* line 361, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-open li:first-child {
  background: none;
  width: 100%;
  text-align: left;
}

/* line 366, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-open li:first-child.is-active {
  color: #000;
}

/* line 370, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-open li:first-child:hover {
  background: none;
  color: #000;
}

/* line 381, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-inactive:hover li {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
  float: none;
  background: none;
  text-align: left;
  margin-bottom: 0;
}

/* line 391, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-inactive:hover li.is-active {
  margin-left: 5px;
}

/* line 394, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-inactive:hover li.is-active span {
  display: inline-block;
  margin-right: 3px;
}

/* line 401, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.number-list.is-inactive:hover li:first-child.is-active {
  background: none;
}

@media screen and (min-width: 47.9375em) {

  /* line 413, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .tx-bracalender .mod-filter-nav {
    min-width: 305px;
  }

  /* line 415, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .tx-bracalender .mod-filter-nav .nav-list-warpper {
    min-width: 305px;
  }

  /* line 419, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .tx-bracalender .mod-filter-nav .nav-list-warpper .mod-filter-list:hover {
    min-width: 305px;
    height: 200px;
    overflow-y: auto;
  }

  /* line 426, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .tx-bracalender .mod-filter-nav .nav-list-warpper .mod-filter-list li>span {
    display: inline-block;
    margin-left: 3px;
  }

  /* line 436, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .tx-bracalender h2>span,
  .tx-bracalender h3>span,
  .tx-bracalender .headline-3>span,
  .tx-bracalender h4>span,
  .tx-bracalender h5>span {
    display: inline-block;
    margin-left: 0;
  }

  /* line 440, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
  .tx-bracalender h2>span .kw-counter,
  .tx-bracalender h3>span .kw-counter,
  .tx-bracalender .headline-3>span .kw-counter,
  .tx-bracalender h4>span .kw-counter,
  .tx-bracalender h5>span .kw-counter {
    color: #cc0000;
    margin-left: 0;
  }
}

/* line 451, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.tx-bracalender .mod-filter-nav {
  min-width: 305px;
}

/* line 453, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.tx-bracalender .mod-filter-nav .nav-list-warpper {
  min-width: 305px;
}

/* line 457, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.tx-bracalender .mod-filter-nav .nav-list-warpper .mod-filter-list.is-open {
  min-width: 305px;
  height: 200px;
  overflow-y: auto;
}

/* line 464, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.tx-bracalender .mod-filter-nav .nav-list-warpper .mod-filter-list li>span {
  display: inline-block;
  margin-left: 3px;
}

/* line 474, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.tx-bracalender h2>span,
.tx-bracalender h3>span,
.tx-bracalender .headline-3>span,
.tx-bracalender h4>span,
.tx-bracalender h5>span {
  display: inline-block;
  margin-left: 0;
}

/* line 478, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-filter-nav.scss */
.tx-bracalender h2>span .kw-counter,
.tx-bracalender h3>span .kw-counter,
.tx-bracalender .headline-3>span .kw-counter,
.tx-bracalender h4>span .kw-counter,
.tx-bracalender h5>span .kw-counter {
  color: #cc0000;
  margin-left: 0;
}

/**
 * brandung _mod-sort-list.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-29
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-sort-list
   ========================================================================== */
/* mod-sort-list */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sort-list.scss */
.mod-sort-list {
  list-style: none;
  padding: 0;
  margin-left: -1%;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sort-list.scss */
  .mod-sort-list {
    margin-left: 0;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sort-list.scss */
  .mod-sort-list {
    margin-left: 0;
  }
}

/* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sort-list.scss */
.mod-sort-list>li {
  float: left;
  width: 32.3%;
  margin-left: 1%;
  margin-bottom: 1.25em;
}

@media screen and (max-width: 47.9375em) {

  /* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sort-list.scss */
  .mod-sort-list>li {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}

/* line 47, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sort-list.scss */
.mod-sort-list.list-view {
  margin-left: 0;
}

/* line 50, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sort-list.scss */
.mod-sort-list.list-view>li {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0.3125em;
}

/**
 * brandung _mod-bra-paging-nav.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-29
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-bra-paging-nav
   ========================================================================== */
/* mod-bra-paging-nav */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.bra-paging-nav {
  text-align: center;
  background: #fff;
  padding: 1.25em;
}

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

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.bra-paging-nav li {
  display: inline-block;
}

/* line 27, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.bra-paging-nav li span,
.bra-paging-nav li a {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-decoration: underline;
  color: #666;
  margin-left: 1.5625em;
}

@media screen and (max-width: 47.9375em) {

  /* line 27, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
  .bra-paging-nav li span,
  .bra-paging-nav li a {
    margin-left: 0.625em;
  }
}

/* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.bra-paging-nav li span.is-current,
.bra-paging-nav li a.is-current {
  text-decoration: none;
  color: #000;
}

/* line 47, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.bra-paging-nav li:first-child span,
.bra-paging-nav li:first-child a {
  margin-left: 0;
}

/* line 53, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.bra-paging-nav li .next,
.bra-paging-nav li .prev {
  text-decoration: none;
  color: #cc0000;
}

/* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.bra-paging-nav li .is-current.prev,
.bra-paging-nav li .is-current.next {
  display: none;
}

/* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.tx-bra-footballmanager .bra-paging-nav,
.tx-bra-footballmanager .mod-date-list-paging-nav,
.mod-date-list-paging-wrapper .bra-paging-nav,
.mod-date-list-paging-wrapper .mod-date-list-paging-nav {
  display: none;
}

/* line 78, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.mod-game-plan-paging-nav {
  display: none;
}

/* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-bra-paging-nav.scss */
.bra-paging-wrapper ul {
  list-style: none;
  padding: 0;
}

/**
 * brandung _mod-mod-accordion.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-29
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-mod-accordion
   ========================================================================== */
/* mod-mod-accordion */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul {
  margin: 0;
  padding: 0;
}

/* line 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li {
  list-style: none;
  margin: 0 0 0.625em;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 27, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li>div {
  padding: 0.625em;
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li>div h2,
.mod-accordion>ul>li>div h3,
.mod-accordion>ul>li>div .headline-3,
.mod-accordion>ul>li>div h4,
.mod-accordion>ul>li>div h5 {
  margin: 20px 0 10px;
}

/* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li>a,
.mod-accordion>ul>li>label {
  background: #e7e7e7;
  cursor: pointer;
  position: relative;
  padding: 10px 10px 10px 30px;
  color: #000;
  text-decoration: none;
  display: block;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-transform: uppercase;
}

/* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li>a span,
.mod-accordion>ul>li>label span {
  font-size: 13px;
  font-size: 0.8125rem;
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li>a:before,
.mod-accordion>ul>li>label:before {
  font-size: 22px;
  font-size: 1.375rem;
  content: '';
  display: block;
  width: 15px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -17px;
  text-align: center;
}

/* line 63, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li>a,
.mod-accordion>ul>li>label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 68, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul .more>a:before,
.mod-accordion>ul .more>label:before {
  content: '+';
}

/* line 73, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul .more>label input[type=radio] {
  float: left;
  margin: 5px 10px 0 0;
}

/* line 79, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul .more .modMessage {
  margin: 10px 0;
}

/* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul .more div ul {
  list-style: initial;
  padding: 0 0 0 40px;
}

/* line 92, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul .is-active>a:before,
.mod-accordion>ul .is-active>label:before {
  content: '-';
}

/* line 95, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul .is-active>a>ul,
.mod-accordion>ul .is-active>label>ul {
  display: block;
}

/* line 99, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li>label {
  background: #e7e7e7;
  cursor: pointer;
  position: relative;
  padding: 10px;
  color: #000;
  text-decoration: none;
  display: block;
}

/* line 107, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li>label span {
  font-size: 13px;
  font-size: 0.8125rem;
}

/* line 110, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul>li>label:after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}

/* line 121, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul .more>ul,
.mod-accordion>ul>.more>div,
.mod-accordion>ul>.more>div>ul>.more>div,
.mod-accordion>ul>.more>ul>.more>div {
  display: none;
}

/* line 127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul .accordion-error>div {
  display: block;
}

/* line 130, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-accordion.scss */
.mod-accordion>ul .is-active>ul,
.mod-accordion>ul .is-active>div {
  display: block;
}

/**
 * brandung _mod-mod-sponsor.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-29
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-sponsor
   ========================================================================== */
/* mod-sponsor */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sponsor.scss */
.mod-sponsor ul {
  margin-left: -2.5%;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sponsor.scss */
  .mod-sponsor ul {
    margin-left: -3%;
  }
}

/* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sponsor.scss */
.mod-sponsor ul li {
  max-width: 22%;
  min-width: 22%;
  display: inline-block;
  margin-left: 2.5%;
  margin-bottom: 1.25em;
  float: left;
}

@media screen and (max-width: 47.9375em) {

  /* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sponsor.scss */
  .mod-sponsor ul li {
    max-width: 30.3%;
    min-width: 30.3%;
    margin-left: 3%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sponsor.scss */
  .mod-sponsor ul li {
    max-width: 47%;
    min-width: 47%;
  }
}

/* line 45, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sponsor.scss */
.mod-sponsor ul li a {
  display: block;
  padding: 10px 20%;
  width: 100%;
  text-align: center;
  border: 1px solid #ccc;
  vertical-align: middle;
  line-height: 100px;
}

@media screen and (max-width: 29.25em) {

  /* line 45, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sponsor.scss */
  .mod-sponsor ul li a {
    line-height: 70px;
  }
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
@media screen and (max-width: 47.9375em) {

  /* line 70, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sponsor.scss */
  .col2-right-layout .col-main .mod-sponsor,
  .col2-right-layout-tab .col-main .mod-sponsor {
    margin: 0;
  }
}

/**
 * brandung _mod-status.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-01
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-status
   ========================================================================== */
/* mod-status */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status {
  display: inline-block;
}

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

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status span {
  float: left;
  margin-left: 1px;
  color: #ccc;
}

/* line 27, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status span:first-child {
  margin-left: 0;
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status span:before {
  content: "\e61f";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 12px;
  font-size: 0.75rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status span:after {
  display: none;
}

/* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.available span {
  color: #3aaa35;
}

/* line 58, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.partially-sold span {
  color: #95c11f;
}

/* line 61, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.partially-sold span+span+span+span {
  color: #ccc;
}

/* line 68, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.almost-sold span {
  color: #ea5b0c;
}

/* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.almost-sold span+span+span {
  color: #ccc;
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.almost-sold span+span+span+span {
  color: #ccc;
}

/* line 82, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.sold span {
  color: #cc0000;
}

/* line 85, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.sold span+span {
  color: #ccc;
}

/* line 89, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.sold span+span+span {
  color: #ccc;
}

/* line 93, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-status.scss */
.mod-status.sold span+span+span+span {
  color: #ccc;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/**
 * brandung _mod-mod-sitemap.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-01
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-sitemap
   ========================================================================== */
/* mod-mod-sitemap */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

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

/* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li {
  margin-bottom: 2.1875em;
}

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

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>a {
  border-bottom: 2px solid #ccc;
  display: block;
  text-decoration: none;
  padding: 10px 0;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 2.1875em;
  width: 21%;
  float: left;
}

@media screen and (max-width: 60em) {

  /* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
  .csc-sitemap>ul>li>a {
    width: 46%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
  .csc-sitemap>ul>li>a {
    width: 100%;
    float: none;
  }
}

/* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul {
  list-style: none;
  padding: 0;
  margin-left: -4%;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
  .csc-sitemap>ul>li>ul {
    margin-left: 0;
  }
}

/* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li {
  float: left;
  display: block;
  width: 21%;
  margin-left: 4%;
  margin-bottom: 2.1875em;
}

@media screen and (max-width: 60em) {

  /* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
  .csc-sitemap>ul>li>ul>li {
    width: 46%;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
  .csc-sitemap>ul>li>ul>li {
    width: 100%;
    margin-left: 0;
    float: none;
  }
}

/* line 82, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li>a {
  border-bottom: 2px solid #ccc;
  display: block;
  text-decoration: none;
  padding: 10px 0;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  font-size: 1.375rem;
}

/* line 92, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li ul li {
  border-top: 1px solid #ccc;
  margin-bottom: 0;
}

/* line 101, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li ul li:first-child {
  border-top: none;
}

/* line 104, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 10px 0;
}

/* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li ul li ul li {
  margin-bottom: 0;
}

/* line 115, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li ul li ul li:first-child {
  border-top: 1px solid #ccc;
}

/* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li ul li ul li a {
  padding-left: 0.9375em;
  text-transform: none;
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sitemap.scss */
.csc-sitemap>ul>li>ul>li ul li ul li ul li a {
  padding-left: 1.25em;
  color: #666;
}

/**
 * brandung _mod-list-teaser.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-04
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-list-teaser
   ========================================================================== */
/* mod-list-teaser */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser {
  margin-top: 0.9375em;
  text-align: center;
}

/* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser ul {
  list-style: none;
  text-align: left;
  margin-left: -2%;
  display: none;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
  .mod-list-teaser ul {
    margin-left: 0;
  }
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser ul li {
  float: left;
  width: 48%;
  margin-left: 2%;
  border-top: 1px solid #e7e7e7;
}

/* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser ul li:first-child {
  border-top: none;
}

/* line 40, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser ul li:first-child+li {
  border-top: none;
}

@media screen and (max-width: 47.9375em) {

  /* line 40, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
  .mod-list-teaser ul li:first-child+li {
    border-top: 1px solid #e7e7e7;
  }
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser ul li a {
  background: #fff;
  display: block;
  text-decoration: none;
  color: #666;
  padding: 1.25em 0.9375em;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 59, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser ul li a:hover,
.mod-list-teaser ul li a:visited {
  color: #666;
}

/* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser ul li a span.date {
  margin-right: 0;
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

@media screen and (max-width: 47.9375em) {

  /* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
  .mod-list-teaser ul li a span.date {
    width: 25%;
  }
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser ul li a span.subject {
  color: #000;
  text-transform: uppercase;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: inline-block;
  width: 48%;
  vertical-align: top;
}

@media screen and (max-width: 47.9375em) {

  /* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
  .mod-list-teaser ul li a span.subject {
    width: 40%;
  }
}

/* line 88, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser ul li a span.categorie {
  text-transform: uppercase;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: inline-block;
  width: 100px;
  vertical-align: top;
}

@media screen and (max-width: 47.9375em) {

  /* line 88, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
  .mod-list-teaser ul li a span.categorie {
    width: 90px;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
  .mod-list-teaser ul li {
    float: none;
    margin: 0;
    width: 100%;
  }
}

/* line 109, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser>a {
  color: #666;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0;
  position: relative;
  padding-left: 20px;
}

/* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser>a:before {
  position: absolute;
  content: '+';
  font-size: 17px;
  font-size: 1.0625rem;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 0.1875em;
  margin-left: 0.1875em;
  margin-top: -8px;
  top: 25%;
  left: 0;
}

/* line 133, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser>a.is-active {
  margin-top: 0.9375em;
}

/* line 135, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-list-teaser.scss */
.mod-list-teaser>a.is-active:before {
  content: '-';
}

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

/* line 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div {
  float: left;
}

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div>p {
  margin-top: 10px !important;
}

@media only screen and (max-width: 975px) {

  /* line 29, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter div>p {
    margin-top: 15px !important;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter div {
    float: none;
    display: block;
    margin-bottom: 0.9375em;
  }

  /* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter div>p {
    margin-top: 0 !important;
  }
}

/* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div.count-wrapper {
  float: right;
  display: table;
}

@media screen and (max-width: 47.9375em) {

  /* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter div.count-wrapper {
    float: none;
    display: block;
  }
}

/* line 53, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div.count-wrapper p {
  vertical-align: middle;
  display: table-cell;
}

@media only screen and (max-width: 975px) {

  /* line 53, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter div.count-wrapper p {
    font-size: 16px;
    font-size: 1rem;
    display: block;
    margin: 0 0 0.625em 0.9375em !important;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 53, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter div.count-wrapper p {
    margin-left: 0 !important;
  }

  /* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter div.count-wrapper p+span {
    margin-left: 0;
  }
}

/* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div.count-wrapper>span {
  display: inline-block;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  margin-left: 0.9375em;
  line-height: 1em;
}

/* line 77, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div.count-wrapper>span span {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1em;
  letter-spacing: normal;
}

/* line 85, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div.count-wrapper>span span:first-child {
  padding: 0 0.125em 0.125em;
  background: #7e0000;
  font-size: 60px;
  font-size: 3.75rem;
  margin-bottom: 0.125em;
  min-width: 85px;
}

@media only screen and (max-width: 975px) {

  /* line 85, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter div.count-wrapper>span span:first-child {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 85, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter div.count-wrapper>span span:first-child {
    min-width: 65px;
  }
}

/* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div.count-wrapper>span.count-days {
  display: none;
}

/* line 105, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div.count-wrapper>span.count-days.is-active {
  display: inline-block;
}

/* line 108, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div.count-wrapper>span.count-days.is-active+.count-hours {
  margin-left: 0.9375em;
}

/* line 113, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter div.count-wrapper>span.count-days+.count-hours {
  margin-left: 0;
}

/* line 122, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter.mod-counter--compact .count-wrapper {
  background: #cc0000;
  display: inline-block;
  float: none;
  padding: 2px 5px 0 5px;
}

@media screen and (max-width: 47.9375em) {

  /* line 122, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter.mod-counter--compact .count-wrapper {
    display: inline-block;
  }
}

/* line 132, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter.mod-counter--compact .count-wrapper>span {
  margin: 0 !important;
}

/* line 135, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter.mod-counter--compact .count-wrapper>span span:first-child {
  background: transparent;
  color: #fff;
  margin: 0;
  min-width: auto;
  padding: 0;
}

/* line 142, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter.mod-counter--compact .count-wrapper>span span:first-child:after {
  font-size: 60px;
  font-size: 3.75rem;
  content: ':';
  display: inline-block;
  padding: 0 5px;
}

@media only screen and (max-width: 975px) {

  /* line 142, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
  .mod-counter.mod-counter--compact .count-wrapper>span span:first-child:after {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

/* line 155, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-counter.scss */
.mod-counter.mod-counter--compact .count-wrapper>span:last-child span:after {
  display: none;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/**
 * brandung _mod-anchor-links.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-anchor-links
   ========================================================================== */
/* mod-anchor-links */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-anchor-links.scss */
.mod-anchor-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-anchor-links.scss */
.mod-anchor-links li {
  margin-top: 2px;
  margin-bottom: 0;
}

/* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-anchor-links.scss */
.mod-anchor-links li:first-child {
  margin-top: 0;
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-anchor-links.scss */
.mod-anchor-links a {
  background: #e7e7e7;
  padding: 0.625em 1.875em;
  color: #666;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  -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 */
.mod-anchor-links a:hover {
  color: #cc0000;
}

/* line 41, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-anchor-links.scss */
.mod-anchor-links a:visited {
  color: #666;
}

/* line 45, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-anchor-links.scss */
.mod-anchor-links a:hover {
  color: #cc0000;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/**
 * brandung _mod-business-card.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-business-card
   ========================================================================== */
/* mod-business-card */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business-card.scss */
.mod-business-card {
  background: #fff;
  padding: 1.25em;
  border: 1px solid #ccc;
}

@media screen and (min-width: 47.9375em) {

  /* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business-card.scss */
  .mod-business-card {
    margin-top: 30px;
  }
}

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

/* line 28, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business-card.scss */
.mod-business-card .business-card-media {
  width: 49%;
  padding-right: 1.25em;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ccc;
}

/* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business-card.scss */
.mod-business-card .business-card-media img {
  width: 100%;
}

@media screen and (max-width: 47.9375em) {

  /* line 28, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business-card.scss */
  .mod-business-card .business-card-media {
    display: block;
    border-right: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 1.25em 1.25em 1.875em 1.25em;
  }
}

/* line 50, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business-card.scss */
.mod-business-card .vcard {
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 1.25em;
}

/* line 56, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business-card.scss */
.mod-business-card .vcard .org {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
}

@media screen and (max-width: 47.9375em) {

  /* line 50, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business-card.scss */
  .mod-business-card .vcard {
    display: block;
    width: 100%;
    padding-top: 1.25em;
  }
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/**
 * brandung _mod-image-map.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-14
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-image-map
   ========================================================================== */
/* mod-image-map */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-image-map.scss */
.mod-image-map {
  background: url("../img/png/map/map.png") no-repeat 0 0;
  background-size: 100%;
  max-width: 521px;
  margin: 1.875em auto 1.875em;
}

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

@media screen and (min-width: 47.9375em) {

  /* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-image-map.scss */
  .mod-image-map {
    float: right;
    margin: 0 0 1.875em;
  }
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-image-map.scss */
.mod-image-map img {
  width: 100%;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/**
 * brandung _mod-rating-view.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-18
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-rating-view
   ========================================================================== */
/* mod-rating-view */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating-view {
  padding-top: 0.3125em;
}

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

/* line 21, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating-view .mod-rating {
  float: left;
}

/* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating-view .comments-count {
  float: left;
  margin-left: 0.9375em;
}

/* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #ccc;
}

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

/* line 42, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating li {
  float: left;
  font-size: 0px;
  font-size: 0rem;
  margin-bottom: 0;
}

/* line 47, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating li:before {
  font-family: 'icomoon';
  content: '\e605';
  font-size: 18px;
  font-size: 1.125rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 0.3125em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}

/* line 66, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating li:first-child {
  margin-right: 0;
}

/* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.one-star li {
  color: #cc0000;
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.one-star li+li {
  color: #ccc;
}

/* line 79, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.one-star li+li+li {
  color: #ccc;
}

/* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.one-star li+li+li+li {
  color: #ccc;
}

/* line 87, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.one-star li+li+li+li+li {
  color: #ccc;
}

/* line 94, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.two-star li {
  color: #cc0000;
}

/* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.two-star li+li {
  color: #cc0000;
}

/* line 101, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.two-star li+li+li {
  color: #ccc;
}

/* line 105, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.two-star li+li+li+li {
  color: #ccc;
}

/* line 109, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.two-star li+li+li+li+li {
  color: #ccc;
}

/* line 116, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.three-star li {
  color: #cc0000;
}

/* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.three-star li+li {
  color: #cc0000;
}

/* line 123, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.three-star li+li+li {
  color: #cc0000;
}

/* line 127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.three-star li+li+li+li {
  color: #ccc;
}

/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.three-star li+li+li+li+li {
  color: #ccc;
}

/* line 138, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.four-star li {
  color: #cc0000;
}

/* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.four-star li+li {
  color: #cc0000;
}

/* line 145, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.four-star li+li+li {
  color: #cc0000;
}

/* line 149, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.four-star li+li+li+li {
  color: #cc0000;
}

/* line 153, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.four-star li+li+li+li+li {
  color: #ccc;
}

/* line 160, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.mod-rating.five-star li {
  color: #cc0000;
}

/* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.comments-count {
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  padding-left: 1.375em;
  line-height: 1em;
  color: #cc0000;
}

/* line 174, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-rating-view.scss */
.comments-count:before {
  font-family: 'icomoon';
  content: '\e604';
  font-size: 18px;
  font-size: 1.125rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 0.3125em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 2px;
  left: 0;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/**
 * brandung _mod-liveticker.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-18
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-liveticker
   ========================================================================== */
/* mod-liveticker */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker {
  margin: 0 1.875em;
}

@media screen and (max-width: 47.9375em) {

  /* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
  .mod-liveticker {
    margin: 0;
  }
}

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #relaod {
  padding-bottom: 1.25em;
  border-bottom: 1px solid #ccc;
}

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

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #relaod .sort-box {
  float: right;
}

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

@media screen and (max-width: 29.25em) {

  /* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
  .mod-liveticker #relaod .sort-box {
    float: none;
    margin-top: 5px;
  }
}

/* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #relaod .sort-box a {
  margin-left: 5px;
}

@media screen and (max-width: 29.25em) {

  /* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
  .mod-liveticker #relaod .sort-box a {
    margin-left: 0;
    margin-right: 5px;
  }
}

/* line 47, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #relaod .sort-box a:first-child {
  margin-left: 0;
}

/* line 53, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #relaod .sort-box a.icon-sortierung-hoch:before {
  color: #fff;
}

/* line 57, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #relaod .sort-box a.icon-sortierung-hoch:after {
  display: none;
}

/* line 62, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #relaod .sort-box a.is-active {
  cursor: default;
}

/* line 66, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #relaod .sort-box a.is-active:hover {
  background: #dbdbdb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dbdbdb 0%, #dbdbdb 20%, #cccccc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(20%, #dbdbdb), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dbdbdb 0%, #dbdbdb 20%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dbdbdb 0%, #dbdbdb 20%, #cccccc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dbdbdb 0%, #dbdbdb 20%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dbdbdb 0%, #dbdbdb 20%, #cccccc 100%);
  /* W3C */
}

/* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #relaod .sort-box p {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  margin: 15px 10px 0 0;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

@media screen and (max-width: 29.25em) {

  /* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
  .mod-liveticker #relaod .sort-box p {
    display: block;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 85, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
  .mod-liveticker #relaod>a {
    float: none;
  }
}

/* line 92, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #tickerBox {
  margin-bottom: 20px;
}

/* line 96, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #twitter {
  margin-bottom: 1.25em;
  position: relative;
  min-height: 189px;
}

/* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .box {
  margin-top: 1.25em;
}

/* line 106, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .tweet {
  border-top: 1px solid #ccc;
}

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

/* line 111, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .tweet:first-child {
  border-top: none;
}

/* line 115, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .tweet.goal {
  background: #cc0000;
  color: #fff;
}

/* line 119, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .tweet.goal .eventBox {
  background: none;
  color: #fff;
  border-color: #cc0000;
}

/* line 125, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .tweet.goal-guest {
  background: #000;
  color: #fff;
}

/* line 129, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .tweet.goal-guest .eventBox {
  background: none;
  color: #fff;
  border-color: #000;
}

/* line 137, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .eventBox {
  background: #f7f7f7;
  border-left: 4px solid #f7f7f7;
  float: left;
  width: 15%;
  color: #cc0000;
  text-align: center;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  padding: 25px 0.3125em;
  font-size: 22px;
  font-size: 1.375rem;
  min-height: 110px;
}

/* line 151, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .eventBox .event .icon-before:before {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
  position: static;
  left: auto;
}

/* line 160, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .eventBox.chance {
  border-color: #cc0000;
}

/* line 164, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .eventBox.change {
  border-color: #000;
}

/* line 169, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .eventBox .club img {
  width: 100%;
}

@media screen and (min-width: 29.25em) {

  /* line 169, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
  .mod-liveticker .eventBox .club img {
    width: 50%;
  }
}

/* line 179, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker p.text {
  float: left;
  width: 84%;
  margin: 0;
  padding: 22px 0.9375em 5px;
}

/* line 187, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker #twitterInfo {
  border-top: 1px solid #ccc;
  padding-top: 1.25em;
}

@media screen and (max-width: 47.9375em) {

  /* line 192, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
  .mod-liveticker .btn-icon-only {
    display: inline-block;
    width: auto;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 192, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
  .mod-liveticker .btn-icon-only {
    display: inline-block;
    width: auto;
  }
}

/* line 208, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .liveticker-whistle-icon .eventBox .event span {
  font-size: 0;
  padding: 0;
}

/* line 212, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .liveticker-whistle-icon .eventBox .event span:before {
  color: #000;
}

/* line 224, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .liveticker-aktion-icon.home-event .eventBox {
  border-color: #cc0000;
}

/* line 230, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .liveticker-aktion-icon.guest-event .eventBox {
  border-color: #000;
}

/* line 237, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .liveticker-aktion-icon .eventBox .event span {
  font-size: 0;
  padding: 0;
}

/* line 241, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .liveticker-aktion-icon .eventBox .event span:before {
  color: #f5c609;
}

/* line 254, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .goal-icon .eventBox .event span {
  font-size: 0;
  padding: 0;
}

/* line 269, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .sortierung-hoch-icon.home-event .eventBox {
  border-color: #cc0000;
}

/* line 275, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .sortierung-hoch-icon.guest-event .eventBox {
  border-color: #000;
}

/* line 282, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .sortierung-hoch-icon .eventBox .event span {
  font-size: 0;
  padding: 0;
}

/* line 286, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .sortierung-hoch-icon .eventBox .event span:before {
  color: #006600;
}

/* line 291, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .sortierung-hoch-icon .eventBox .event span:after {
  content: '\e610';
  display: inline-block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 318, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .yellow-red-card-icon .eventBox .event span {
  font-size: 0;
  padding: 0;
}

/* line 322, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .yellow-red-card-icon .eventBox .event span:before {
  display: inline-block;
}

/* line 334, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .red-card-icon .eventBox .event span {
  font-size: 0;
  padding: 0;
}

/* line 338, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .red-card-icon .eventBox .event span:before {
  color: #cc0000;
}

/* line 350, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .yellow-card-icon .eventBox .event span {
  font-size: 0;
  padding: 0;
}

/* line 354, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-liveticker .yellow-card-icon .eventBox .event span:before {
  color: #f5c609;
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* line 371, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-liveticker.scss */
.mod-tabs .mod-liveticker,
.indexedsearch-box .indexedsearch-tabs .mod-liveticker {
  margin: 0;
}

/**
 * brandung _mod-tabs.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-22
 *
 */
/* ==========================================================================
   mod-tabs
   ========================================================================== */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs>.mobile-nav-btn,
.indexedsearch-box .indexedsearch-tabs>.mobile-nav-btn {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: none;
  color: #cc0000;
  background: #fff;
  font-size: 16px;
  font-size: 1rem;
  padding: 0.625em;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 28, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs>.mobile-nav-btn:hover,
.indexedsearch-box .indexedsearch-tabs>.mobile-nav-btn:hover {
  -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;
  color: #666;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.mod-tabs>.mobile-nav-btn:hover:hover,
.indexedsearch-box .indexedsearch-tabs>.mobile-nav-btn:hover:hover {
  background: #fff;
}

/* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs>.mobile-nav-btn.icon-listenansicht:after,
.indexedsearch-box .indexedsearch-tabs>.mobile-nav-btn.icon-listenansicht:after {
  top: 14px;
  color: #666;
  right: 10px;
}

/* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs nav ul,
.indexedsearch-box .indexedsearch-tabs nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 5;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs nav ul,
  .indexedsearch-box .indexedsearch-tabs nav ul {
    margin-left: 0;
  }
}

/* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs nav ul li,
.indexedsearch-box .indexedsearch-tabs nav ul li {
  background: #f5f5f5;
  float: left;
  border: 1px solid #fff;
  border-bottom: 1px solid #f5f5f5;
  margin-left: 3px;
  margin-bottom: 0;
}

/* line 62, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs nav ul li:first-child,
.indexedsearch-box .indexedsearch-tabs nav ul li:first-child {
  margin-left: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs nav ul li,
  .indexedsearch-box .indexedsearch-tabs nav ul li {
    float: none;
    border: none !important;
    border-bottom: 0;
    margin: 2px 0 0;
  }

  /* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs nav ul li:first-child,
  .indexedsearch-box .indexedsearch-tabs nav ul li:first-child {
    margin-top: 0;
  }

  /* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs nav ul li.is-active,
  .indexedsearch-box .indexedsearch-tabs nav ul li.is-active {
    border: none !important;
    padding-bottom: 0 !important;
  }
}

/* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs nav ul li a,
.indexedsearch-box .indexedsearch-tabs nav ul li a {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0.625em 1.25em;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  color: #666;
  display: block;
  line-height: 1em;
  -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 */
.mod-tabs nav ul li a:hover,
.indexedsearch-box .indexedsearch-tabs nav ul li a:hover {
  color: #cc0000;
}

@media screen and (max-width: 47.9375em) {

  /* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs nav ul li a,
  .indexedsearch-box .indexedsearch-tabs nav ul li a {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.625em;
    text-decoration: none;
    text-transform: uppercase;
    background: #f2f2f2;
    color: #666;
  }
}

/* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs nav ul li a>img,
.indexedsearch-box .indexedsearch-tabs nav ul li a>img {
  position: absolute;
  top: 8px;
}

/* line 106, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs nav ul li a>span,
.indexedsearch-box .indexedsearch-tabs nav ul li a>span {
  padding-left: 30px;
}

/* line 111, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs nav ul li.is-active,
.indexedsearch-box .indexedsearch-tabs nav ul li.is-active {
  border-bottom: none;
  padding-bottom: 1px;
  background: #fff;
}

/* line 116, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs nav ul li.is-active a,
.indexedsearch-box .indexedsearch-tabs nav ul li.is-active a {
  color: #cc0000;
}

/* line 124, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs>div,
.indexedsearch-box .indexedsearch-tabs>div {
  display: none;
  background: #fff;
  padding-top: 1.25em;
  border-top: 1px solid #e6e6e6;
  margin-top: -1px;
}

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

/* line 133, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs>div.is-active,
.indexedsearch-box .indexedsearch-tabs>div.is-active {
  display: block;
}

@media screen and (max-width: 47.9375em) {

  /* line 124, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs>div,
  .indexedsearch-box .indexedsearch-tabs>div {
    margin-top: 0.9375em;
    border-top: none;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 144, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs>.mobile-nav-btn,
  .indexedsearch-box .indexedsearch-tabs>.mobile-nav-btn {
    display: block;
  }

  /* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs>.mobile-nav-btn:after,
  .indexedsearch-box .indexedsearch-tabs>.mobile-nav-btn:after {
    content: '+';
    font-size: 25px;
    font-size: 1.5625rem;
    right: 10px;
    font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  }

  /* line 156, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs>.mobile-nav-btn.is-active:after,
  .indexedsearch-box .indexedsearch-tabs>.mobile-nav-btn.is-active:after {
    content: '-';
  }

  /* line 163, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs nav>ul,
  .indexedsearch-box .indexedsearch-tabs nav>ul {
    display: none;
  }
}

/* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs .mod-table,
.indexedsearch-box .indexedsearch-tabs .mod-table {
  padding: 0 10px 20px;
}

/* ==========================================================================
   Modifier
   ========================================================================== */
/* line 182, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs--block {
  border-top: 4px solid #c00;
  background: #fff;
  position: relative;
}

/* line 187, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs--block>div {
  padding: 0;
}

@media screen and (min-width: 47.9375em) {

  /* line 193, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs--block nav ul {
    border-width: 0 1px;
    border-style: solid;
    border-color: #ccc;
    display: flex;
    justify-items: stretch;
  }
}

/* line 202, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs--block nav ul li {
  flex: 1 1 auto;
  margin: 0;
}

/* line 206, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs--block nav ul li:first-child {
  border-right: 1px solid #ccc;
}

/* line 211, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs--block nav ul li a>img {
  position: relative;
  top: 0;
}

/* line 215, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs--block nav ul li a>span {
  padding-left: 5px;
  vertical-align: middle;
}

/* line 224, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs--block .mod-table {
  padding: 0;
}

/* line 227, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs--block .mod-table table {
  border: none;
}

/* line 231, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs--block .mod-table header {
  position: absolute;
  right: 0;
  top: -40px;
}

@media screen and (min-width: 47.9375em) {

  /* line 231, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs--block .mod-table header {
    top: -50px;
  }
}

/* ==========================================================================
   Module overwrites
   ========================================================================== */
/* line 249, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.full-width .mod-tabs.social-media,
.full-width .indexedsearch-box .social-media.indexedsearch-tabs,
.indexedsearch-box .full-width .social-media.indexedsearch-tabs,
.full-width .mod-tabs.mod-tabs--news-teaser-slider,
.full-width .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs,
.indexedsearch-box .full-width .mod-tabs--news-teaser-slider.indexedsearch-tabs {
  position: relative;
}

/* line 253, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.landingpage-camp .full-width .mod-tabs.social-media,
.landingpage-camp .full-width .indexedsearch-box .social-media.indexedsearch-tabs,
.indexedsearch-box .landingpage-camp .full-width .social-media.indexedsearch-tabs,
.landingpage-camp .full-width .mod-tabs.mod-tabs--news-teaser-slider,
.landingpage-camp .full-width .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs,
.indexedsearch-box .landingpage-camp .full-width .mod-tabs--news-teaser-slider.indexedsearch-tabs {
  overflow: hidden;
}

@media screen and (max-width: 47.9375em) {

  /* line 257, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .full-width .mod-tabs.social-media .mobile-nav-btn,
  .full-width .indexedsearch-box .social-media.indexedsearch-tabs .mobile-nav-btn,
  .indexedsearch-box .full-width .social-media.indexedsearch-tabs .mobile-nav-btn,
  .full-width .mod-tabs.mod-tabs--news-teaser-slider .mobile-nav-btn,
  .full-width .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs .mobile-nav-btn,
  .indexedsearch-box .full-width .mod-tabs--news-teaser-slider.indexedsearch-tabs .mobile-nav-btn {
    margin: 0 10px;
  }
}

/* line 263, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.full-width .mod-tabs.social-media nav,
.full-width .indexedsearch-box .social-media.indexedsearch-tabs nav,
.indexedsearch-box .full-width .social-media.indexedsearch-tabs nav,
.full-width .mod-tabs.mod-tabs--news-teaser-slider nav,
.full-width .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav,
.indexedsearch-box .full-width .mod-tabs--news-teaser-slider.indexedsearch-tabs nav {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 77.5em) {

  /* line 263, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .full-width .mod-tabs.social-media nav,
  .full-width .indexedsearch-box .social-media.indexedsearch-tabs nav,
  .indexedsearch-box .full-width .social-media.indexedsearch-tabs nav,
  .full-width .mod-tabs.mod-tabs--news-teaser-slider nav,
  .full-width .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav,
  .indexedsearch-box .full-width .mod-tabs--news-teaser-slider.indexedsearch-tabs nav {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 263, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .full-width .mod-tabs.social-media nav,
  .full-width .indexedsearch-box .social-media.indexedsearch-tabs nav,
  .indexedsearch-box .full-width .social-media.indexedsearch-tabs nav,
  .full-width .mod-tabs.mod-tabs--news-teaser-slider nav,
  .full-width .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav,
  .indexedsearch-box .full-width .mod-tabs--news-teaser-slider.indexedsearch-tabs nav {
    margin: 0 0.625em;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 278, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .full-width .mod-tabs.social-media nav ul,
  .full-width .indexedsearch-box .social-media.indexedsearch-tabs nav ul,
  .indexedsearch-box .full-width .social-media.indexedsearch-tabs nav ul,
  .full-width .mod-tabs.mod-tabs--news-teaser-slider nav ul,
  .full-width .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav ul,
  .indexedsearch-box .full-width .mod-tabs--news-teaser-slider.indexedsearch-tabs nav ul {
    float: none;
  }

  /* line 283, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .full-width .mod-tabs.social-media nav ul a,
  .full-width .indexedsearch-box .social-media.indexedsearch-tabs nav ul a,
  .indexedsearch-box .full-width .social-media.indexedsearch-tabs nav ul a,
  .full-width .mod-tabs.mod-tabs--news-teaser-slider nav ul a,
  .full-width .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav ul a,
  .indexedsearch-box .full-width .mod-tabs--news-teaser-slider.indexedsearch-tabs nav ul a {
    padding: 0.625em;
  }
}

@media screen and (max-width: 47.9375em) {

  /* line 289, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .full-width .mod-tabs.social-media nav>a,
  .full-width .indexedsearch-box .social-media.indexedsearch-tabs nav>a,
  .indexedsearch-box .full-width .social-media.indexedsearch-tabs nav>a,
  .full-width .mod-tabs.mod-tabs--news-teaser-slider nav>a,
  .full-width .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav>a,
  .indexedsearch-box .full-width .mod-tabs--news-teaser-slider.indexedsearch-tabs nav>a {
    float: none;
    margin-top: 0.625em;
    display: block;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 300, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .full-width .mod-tabs>div,
  .full-width .indexedsearch-box .indexedsearch-tabs>div,
  .indexedsearch-box .full-width .indexedsearch-tabs>div {
    min-height: 434px;
  }
}

/* line 309, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media,
.indexedsearch-box .social-media.indexedsearch-tabs,
.mod-tabs.mod-tabs--news-teaser-slider,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs {
  margin-top: 1.875em;
}

/* line 313, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media>div,
.indexedsearch-box .social-media.indexedsearch-tabs>div,
.mod-tabs.mod-tabs--news-teaser-slider>div,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs>div {
  border-top: 0;
  margin-top: 0;
}

/* line 317, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media .mod-teaser-content,
.indexedsearch-box .social-media.indexedsearch-tabs .mod-teaser-content,
.mod-tabs.mod-tabs--news-teaser-slider .mod-teaser-content,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs .mod-teaser-content {
  /*height: 150px;
			header {
				h2 {
					height: auto;
				}
			}*/
}

/* line 325, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media .mod-teaser-content p,
.indexedsearch-box .social-media.indexedsearch-tabs .mod-teaser-content p,
.mod-tabs.mod-tabs--news-teaser-slider .mod-teaser-content p,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs .mod-teaser-content p {
  display: block;
  display: -webkit-box;
  height: 75px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 337, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media nav,
.indexedsearch-box .social-media.indexedsearch-tabs nav,
.mod-tabs.mod-tabs--news-teaser-slider nav,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav {
  min-width: 20em;
  max-width: 77.5em;
  margin: 0 auto;
}

/* line 342, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media nav li,
.indexedsearch-box .social-media.indexedsearch-tabs nav li,
.mod-tabs.mod-tabs--news-teaser-slider nav li,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav li {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}

@media screen and (min-width: 47.9375em) {

  /* line 342, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .mod-tabs.social-media nav li,
  .indexedsearch-box .social-media.indexedsearch-tabs nav li,
  .mod-tabs.mod-tabs--news-teaser-slider nav li,
  .indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav li {
    display: block;
    float: left;
    margin-right: 20px;
  }
}

/* line 354, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media nav li a,
.indexedsearch-box .social-media.indexedsearch-tabs nav li a,
.mod-tabs.mod-tabs--news-teaser-slider nav li a,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav li a {
  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;
  padding: 0;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.mod-tabs.social-media nav li a:hover,
.indexedsearch-box .social-media.indexedsearch-tabs nav li a:hover,
.mod-tabs.mod-tabs--news-teaser-slider nav li a:hover,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav li a:hover {
  color: #cc0000;
}

/* line 361, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media nav li:hover a,
.indexedsearch-box .social-media.indexedsearch-tabs nav li:hover a,
.mod-tabs.mod-tabs--news-teaser-slider nav li:hover a,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav li:hover a {
  background: none;
}

/* line 366, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media nav li.is-active,
.indexedsearch-box .social-media.indexedsearch-tabs nav li.is-active,
.mod-tabs.mod-tabs--news-teaser-slider nav li.is-active,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav li.is-active {
  border: 0;
  background: none;
}

/* line 369, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media nav li.is-active a,
.indexedsearch-box .social-media.indexedsearch-tabs nav li.is-active a,
.mod-tabs.mod-tabs--news-teaser-slider nav li.is-active a,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs nav li.is-active a {
  color: #cc0000;
}

/* line 376, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media>div,
.indexedsearch-box .social-media.indexedsearch-tabs>div,
.mod-tabs.mod-tabs--news-teaser-slider>div,
.indexedsearch-box .mod-tabs--news-teaser-slider.indexedsearch-tabs>div {
  background: none;
}

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

@media screen and (min-width: 47.9375em) {

  /* line 385, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .tx-bra-footballmanager .mod-tabs nav>ul,
  .tx-bra-footballmanager .indexedsearch-box .indexedsearch-tabs nav>ul,
  .indexedsearch-box .tx-bra-footballmanager .indexedsearch-tabs nav>ul {
    float: left;
  }
}

/* line 391, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.tx-bra-footballmanager .mod-tabs nav .btn,
.tx-bra-footballmanager .indexedsearch-box .indexedsearch-tabs nav .btn,
.indexedsearch-box .tx-bra-footballmanager .indexedsearch-tabs nav .btn,
.tx-bra-footballmanager .mod-tabs nav .indexedsearch-box .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit .tx-bra-footballmanager .mod-tabs nav input,
.tx-bra-footballmanager .indexedsearch-box .indexedsearch-tabs nav .tx-indexedsearch-search-submit input,
.tx-bra-footballmanager .indexedsearch-box .tx-indexedsearch-search-submit .indexedsearch-tabs nav input,
.indexedsearch-box .tx-bra-footballmanager .indexedsearch-tabs nav .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit .tx-bra-footballmanager .indexedsearch-tabs nav input {
  margin-left: 20px;
}

@media screen and (max-width: 47.9375em) {

  /* line 391, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .tx-bra-footballmanager .mod-tabs nav .btn,
  .tx-bra-footballmanager .indexedsearch-box .indexedsearch-tabs nav .btn,
  .indexedsearch-box .tx-bra-footballmanager .indexedsearch-tabs nav .btn,
  .tx-bra-footballmanager .mod-tabs nav .indexedsearch-box .tx-indexedsearch-search-submit input,
  .indexedsearch-box .tx-indexedsearch-search-submit .tx-bra-footballmanager .mod-tabs nav input,
  .tx-bra-footballmanager .indexedsearch-box .indexedsearch-tabs nav .tx-indexedsearch-search-submit input,
  .tx-bra-footballmanager .indexedsearch-box .tx-indexedsearch-search-submit .indexedsearch-tabs nav input,
  .indexedsearch-box .tx-bra-footballmanager .indexedsearch-tabs nav .tx-indexedsearch-search-submit input,
  .indexedsearch-box .tx-indexedsearch-search-submit .tx-bra-footballmanager .indexedsearch-tabs nav input {
    float: none;
    display: block;
    margin: 10px 0;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 408, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
  .tx-bra-footballmanager .mod-tabs--block nav>ul {
    float: none;
  }
}

/* line 419, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media .mod-teaser-content,
.indexedsearch-box .social-media.indexedsearch-tabs .mod-teaser-content {
  height: 150px;
}

/* line 422, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.mod-tabs.social-media .mod-teaser-content header h2,
.indexedsearch-box .social-media.indexedsearch-tabs .mod-teaser-content header h2,
.mod-tabs.social-media .mod-teaser-content header h3,
.indexedsearch-box .social-media.indexedsearch-tabs .mod-teaser-content header h3,
.mod-tabs.social-media .mod-teaser-content header .headline-3,
.indexedsearch-box .social-media.indexedsearch-tabs .mod-teaser-content header .headline-3,
.mod-tabs.social-media .mod-teaser-content header h4,
.indexedsearch-box .social-media.indexedsearch-tabs .mod-teaser-content header h4,
.mod-tabs.social-media .mod-teaser-content header h5,
.indexedsearch-box .social-media.indexedsearch-tabs .mod-teaser-content header h5 {
  height: auto;
}

/* line 433, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.calendar-tabs .items {
  display: none;
}

/* line 440, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.col2-right-layout-tab .mod-tabs>.mobile-nav-btn,
.col2-right-layout-tab .indexedsearch-box .indexedsearch-tabs>.mobile-nav-btn,
.indexedsearch-box .col2-right-layout-tab .indexedsearch-tabs>.mobile-nav-btn {
  border: 1px solid #e6e6e6;
}

/* line 447, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.col2-right-layout-tab .mod-tabs nav ul li.is-active,
.col2-right-layout-tab .indexedsearch-box .indexedsearch-tabs nav ul li.is-active,
.indexedsearch-box .col2-right-layout-tab .indexedsearch-tabs nav ul li.is-active {
  border: 1px solid #e6e6e6;
  border-bottom: none;
  padding-bottom: 1px;
  background: #fff;
}

/* line 452, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.col2-right-layout-tab .mod-tabs nav ul li.is-active a,
.col2-right-layout-tab .indexedsearch-box .indexedsearch-tabs nav ul li.is-active a,
.indexedsearch-box .col2-right-layout-tab .indexedsearch-tabs nav ul li.is-active a {
  color: #cc0000;
}

/* line 460, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.col2-right-layout-tab .mod-tabs .mod-opta,
.col2-right-layout-tab .indexedsearch-box .indexedsearch-tabs .mod-opta,
.indexedsearch-box .col2-right-layout-tab .indexedsearch-tabs .mod-opta {
  margin: 0;
}

/* line 467, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.no-js .social-media,
.no-js .mod-tabs--news-teaser-slider {
  display: none;
}

/* line 473, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.no-js .calendar-tabs .items {
  display: block;
}

/* line 479, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-tabs.scss */
.no-js .mod-tabs>div,
.no-js .indexedsearch-box .indexedsearch-tabs>div,
.indexedsearch-box .no-js .indexedsearch-tabs>div {
  display: block;
}

/**
 * brandung _tx-indexedsearch.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-22
 *
 */
/* ==========================================================================
   tx-indexedsearch
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box {
  background: #fff;
  padding: 20px 60px;
}

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

@media screen and (max-width: 47.9375em) {

  /* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
  .indexedsearch-box {
    padding: 20px;
  }
}

/* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box>.tx-indexedsearch-info-sword {
  text-indent: -9999em;
  padding: 20px;
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .tx-indexedsearch-form {
  float: left;
  width: 79.5%;
}

@media screen and (max-width: 47.9375em) {

  /* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
  .indexedsearch-box .tx-indexedsearch-form {
    width: 68.5%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
  .indexedsearch-box .tx-indexedsearch-form {
    width: 100%;
    float: none;
    margin-bottom: 3px;
  }
}

/* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .tx-indexedsearch-search-submit {
  float: left;
  margin-top: 32px;
  margin-bottom: 0;
  margin-left: 2%;
  width: 17.5%;
  min-width: 110px;
}

/* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .tx-indexedsearch-search-submit input {
  width: 100%;
  padding: 0.625em 0.625em;
}

@media screen and (max-width: 47.9375em) {

  /* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
  .indexedsearch-box .tx-indexedsearch-search-submit {
    margin-top: 45px;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
  .indexedsearch-box .tx-indexedsearch-search-submit {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    float: none;
  }
}

/* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news,
.indexedsearch-box .tx-indexedsearch-res {
  display: none;
  margin-bottom: 2.8125em;
}

/* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news.is-active,
.indexedsearch-box .tx-indexedsearch-res.is-active {
  display: block;
}

/* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news p,
.indexedsearch-box .tx-indexedsearch-res p {
  margin-bottom: 0.5em;
  color: #333;
}

/* line 90, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news h3 a,
.indexedsearch-box .tx-indexedsearch-res h3 a {
  font-size: 24px;
  font-size: 1.5rem;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 98, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news h3 .tx-indexedsearch-icon,
.indexedsearch-box .news h3 .tx-indexedsearch-result-number,
.indexedsearch-box .tx-indexedsearch-res h3 .tx-indexedsearch-icon,
.indexedsearch-box .tx-indexedsearch-res h3 .tx-indexedsearch-result-number {
  display: none;
}

/* line 104, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news .tx-indexedsearch-info,
.indexedsearch-box .tx-indexedsearch-res .tx-indexedsearch-info {
  margin: 0;
  padding: 1.25em 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

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

/* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news .tx-indexedsearch-info dt,
.indexedsearch-box .news .tx-indexedsearch-info dd,
.indexedsearch-box .tx-indexedsearch-res .tx-indexedsearch-info dt,
.indexedsearch-box .tx-indexedsearch-res .tx-indexedsearch-info dd {
  color: #666;
  float: left;
}

@media screen and (max-width: 47.9375em) {

  /* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
  .indexedsearch-box .news .tx-indexedsearch-info dt,
  .indexedsearch-box .news .tx-indexedsearch-info dd,
  .indexedsearch-box .tx-indexedsearch-res .tx-indexedsearch-info dt,
  .indexedsearch-box .tx-indexedsearch-res .tx-indexedsearch-info dd {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* line 121, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news .tx-indexedsearch-info dd,
.indexedsearch-box .tx-indexedsearch-res .tx-indexedsearch-info dd {
  margin-left: 3px;
}

/* line 125, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news .tx-indexedsearch-info dt,
.indexedsearch-box .tx-indexedsearch-res .tx-indexedsearch-info dt {
  margin-left: 5px;
  font-weight: bold;
}

/* line 133, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .tx-indexedsearch-text-item-path p {
  margin: 0;
}

/* line 140, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .tx-indexedsearch-redMarkup {
  color: #cc0000;
}

/* line 144, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .tx-indexedsearch-percent {
  float: right;
}

/* line 148, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news-list-browse {
  text-align: center;
  margin-bottom: 1.875em;
}

/* line 152, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news-list-browse a {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #666;
  margin-left: 20px;
}

/* line 158, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news-list-browse a.prev,
.indexedsearch-box .news-list-browse a.next {
  color: #cc0000;
  text-decoration: none;
}

/* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .news-list-browse strong a {
  color: #000;
  text-decoration: none;
}

/* line 173, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .tx-indexedsearch-whatis,
.indexedsearch-box .tx-indexedsearch-browsebox {
  display: none;
}

/* line 178, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .indexedsearch-tabs {
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
}

/* line 183, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_tx-indexedsearch.scss */
.indexedsearch-box .mobile-nav-btn {
  border: 1px solid #e7e7e7;
}

/**
 * brandung _mod-404.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-01
 *
 */
/* ==========================================================================
   mod-404
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
.mod-404 {
  padding: 0 20px;
}

/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
.mod-404 .col-1 {
  padding-top: 5em;
}

@media screen and (max-width: 47.9375em) {

  /* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
  .mod-404 .col-1 {
    padding-top: 0;
    padding-bottom: 1.875em;
  }
}

/* line 28, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
.mod-404 .col-2 {
  text-align: center;
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
.mod-404 .col-2 img {
  width: 70%;
}

/* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
.mod-404 h2,
.mod-404 h3,
.mod-404 .headline-3,
.mod-404 h4,
.mod-404 h5 {
  margin-top: 0;
}

/* line 41, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
.mod-404 #newsletter-sign-out {
  margin-top: 1.5625em;
}

@media screen and (max-width: 47.9375em) {

  /* line 41, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
  .mod-404 #newsletter-sign-out {
    padding-left: 0;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 41, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
  .mod-404 #newsletter-sign-out {
    margin-top: 0;
  }
}

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

/* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
.mod-404 #newsletter-sign-out input {
  width: 56%;
  max-width: 430px;
  padding: 0.625em 0.9375em;
  font-size: 15px;
  font-size: 0.9375rem;
  float: left;
}

@media screen and (min-width: 47.9375em) {

  /* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
  .mod-404 #newsletter-sign-out input {
    width: 53%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
  .mod-404 #newsletter-sign-out input {
    width: 100%;
    float: none;
  }
}

/* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
.mod-404 #newsletter-sign-out input[type=text] {
  color: #333;
}

/* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
.mod-404 #newsletter-sign-out .btn,
.mod-404 #newsletter-sign-out .indexedsearch-box .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit .mod-404 #newsletter-sign-out input {
  padding: 0.625em 0.625em;
  font-size: 18px;
  font-size: 1.125rem;
  float: left;
  margin-left: 2%;
  width: 42%;
  max-width: 199px;
}

@media screen and (min-width: 47.9375em) {

  /* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
  .mod-404 #newsletter-sign-out .btn,
  .mod-404 #newsletter-sign-out .indexedsearch-box .tx-indexedsearch-search-submit input,
  .indexedsearch-box .tx-indexedsearch-search-submit .mod-404 #newsletter-sign-out input {
    width: 45%;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-404.scss */
  .mod-404 #newsletter-sign-out .btn,
  .mod-404 #newsletter-sign-out .indexedsearch-box .tx-indexedsearch-search-submit input,
  .indexedsearch-box .tx-indexedsearch-search-submit .mod-404 #newsletter-sign-out input {
    width: 100%;
    float: none;
    max-width: inherit;
    margin: 0.625em 0 0;
  }
}

/**
 * brandung _mod-formation.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-11-28
 *
 */
/* ==========================================================================
   mod-formation - v3
   ========================================================================== */
/* line 15, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper {
  display: flex;
  flex-wrap: wrap;
}

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

/* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper>div {
  float: left;
}

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .mod-lineup {
  width: 50%;
  order: 2;
  padding: 0 5px;
}

@media screen and (min-width: 51.25em) {

  /* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
  .formation-wrapper .mod-lineup {
    width: 25%;
  }
}

/* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .mod-formation {
  width: 100%;
  order: 1;
}

@media screen and (min-width: 51.25em) {

  /* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
  .formation-wrapper .mod-formation {
    width: 50%;
  }
}

/* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .Opta_F>h2,
.formation-wrapper .Opta_F>h3,
.formation-wrapper .Opta_F>.headline-3,
.formation-wrapper .Opta_F>h4,
.formation-wrapper .Opta_F>h5 {
  display: none;
}

/* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .Opta_F .Opta-Cf table tr th {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  background: #fff;
  font-size: 18px;
  font-size: 1.125rem;
}

/* line 57, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .Opta_F .Opta-Cf table tr td {
  font-family: "Roboto Slab", georgia, "serif";
  font-size: 14px;
  font-size: 0.875rem;
}

/* line 63, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .Opta_F .Opta-Cf table tr.Opta-Player td {
  padding: 5px 10px;
}

/* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .Opta_F .Opta-Tooltip h3,
.formation-wrapper .Opta_F .Opta-Tooltip h3 span {
  background-color: #cc0000 !important;
  color: #fff !important;
}

/* line 79, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .Opta-Cf ul {
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .Opta-Cf ul li {
  font-size: 12px;
  font-size: 0.75rem;
  background: #fafafa;
  font-family: "Roboto Slab", georgia, "serif";
}

/* line 90, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .Opta-Cf h3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  background: #cc0000;
  color: #fff;
  font-weight: normal;
  height: auto;
  line-height: 1em;
  padding: 10px 5px;
  text-indent: 0;
  text-transform: uppercase;
  margin: 5px 0;
}

/* line 104, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .Opta-Cf h3 span {
  color: #fff;
}

/* line 111, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.formation-wrapper .mod-formation {
  padding: 0 15px;
}

/* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.opta-widget-container h2.opta-error,
.opta-widget-container h3.opta-error,
.opta-widget-container .opta-error.headline-3,
.opta-widget-container h4.opta-error,
.opta-widget-container h5.opta-error {
  background: #cc0000;
}

/* line 120, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.opta-widget-container h2.opta-error span,
.opta-widget-container h3.opta-error span,
.opta-widget-container .opta-error.headline-3 span,
.opta-widget-container h4.opta-error span,
.opta-widget-container h5.opta-error span {
  color: #fff;
}

/* line 129, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.Opta .Opta-FootballPitch .Opta-Node circle.Opta-Home {
  fill: #cc0000 !important;
  background-color: #cc0000 !important;
}

/* line 133, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.Opta .Opta-FootballPitch .Opta-Node circle.Opta-Away {
  fill: #9c0000 !important;
  background-color: #9c0000 !important;
}

/* line 140, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.Opta .Opta-FootballPitch-Subplayers .Opta-Sub.Opta-Home .Opta-Circle {
  fill: #cc0000 !important;
  background-color: #cc0000 !important;
}

/* line 144, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-formation.scss */
.Opta .Opta-FootballPitch-Subplayers .Opta-Sub.Opta-Away .Opta-Circle {
  fill: #9c0000 !important;
  background-color: #9c0000 !important;
}

/**
 * brandung _mod-formation.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-12-02
 *
 */
/* ==========================================================================
   mod-player-stats
   ========================================================================== */
/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.mod-player-stats:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

/* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T>h2,
.mod-player-stats .Opta_F_M_T>h3,
.mod-player-stats .Opta_F_M_T>.headline-3,
.mod-player-stats .Opta_F_M_T>h4,
.mod-player-stats .Opta_F_M_T>h5 {
  display: none;
}

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore {
  border: none;
}

/* line 29, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore table tr td {
  font-family: "Roboto Slab", georgia, "serif";
  font-weight: bold;
  padding: 5px 10px;
}

/* line 35, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore table tr td span.home-percentage {
  background: #cc0000;
  padding: 5px 0;
}

/* line 40, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore table tr td span.away-percentage {
  background: #e7e7e7;
  padding: 5px 0;
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav {
  background: none;
  border: none;
  width: 100%;
}

/* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav>ul {
  height: auto;
  background: #fff;
  width: 100%;
}

@media screen and (min-width: 32.5em) {

  /* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
  .mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav>ul {
    display: flex;
    height: 40px;
  }
}

/* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav>ul.Opta-Overflowed:hover {
  background: #fff;
}

/* line 70, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li {
  flex: 1 1 auto;
  text-align: center;
  border: 1px solid #e6e6e6;
  margin-left: 3px;
}

/* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li.Opta-Overflow {
  display: list-item;
  overflow: visible;
  position: static;
}

/* line 82, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li:first-child {
  margin-left: 0;
}

/* line 86, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li:first-child {
  margin-left: 0;
}

@media screen and (max-width: 47.9375em) {

  /* line 70, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
  .mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li {
    float: none;
    margin: 2px 0 0;
  }

  /* line 93, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
  .mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li:first-child {
    margin-top: 0;
  }

  /* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
  .mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li.Opta-On {
    padding-bottom: 0 !important;
  }
}

/* line 103, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li.Opta-On {
  border: 1px solid #e6e6e6;
  padding-bottom: 0 !important;
}

/* line 107, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li.Opta-On a {
  color: #cc0000;
  cursor: pointer;
  background: #fff;
}

/* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li.Opta-On a:hover {
  background: #fff;
}

/* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li a {
  -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-size: 18px;
  font-size: 1.125rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  padding: 0.625em 1.25em;
  text-decoration: none;
  text-transform: uppercase;
  color: #666;
  display: block;
  line-height: 1em;
  width: 100%;
  height: 40px;
  font-weight: normal;
  border: none;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li a:hover {
  color: #cc0000;
}

/* line 133, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li a:hover {
  background: #fff !important;
}

@media screen and (max-width: 47.9375em) {

  /* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
  .mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav li a {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.625em;
    text-decoration: none;
    text-transform: uppercase;
    background: #f2f2f2;
    color: #666;
  }
}

/* line 149, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-Nav.clearfix {
  height: auto;
}

/* line 155, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-TabbedContent {
  border-top: 1px solid #e6e6e6;
  margin-top: -1px;
}

/* line 159, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-TabbedContent li {
  margin-bottom: 0;
}

/* line 162, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-TabbedContent li dl {
  font-family: "Roboto Slab", georgia, "serif";
  margin: 0;
}

/* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-TabbedContent li dl dt,
.mod-player-stats .Opta_F_M_T .Opta-Tabs.Opta-TabsMore .Opta-TabbedContent li dl dd {
  font-size: 13px;
  font-size: 0.8125rem;
}

/* line 181, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.Opta .Opta-TabbedContent .Opta-Stats-Bars {
  border-top: 4px solid #cc0000;
}

/* line 184, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.Opta .Opta-TabbedContent .Opta-Stats-Bars th {
  background: #fff;
  color: #cc0000;
  font-size: 16px;
  font-size: 1rem;
}

/* line 190, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.Opta .Opta-TabbedContent .Opta-Stats-Bars .Opta-Bars-Full .Opta-Percent {
  background: #cc0000;
}

/* line 192, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-player-stats.scss */
.Opta .Opta-TabbedContent .Opta-Stats-Bars .Opta-Bars-Full .Opta-Percent.Opta-Away {
  background: #e6e6e6;
}

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

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W .Opta-Tooltip h3 {
  background: #cc0000 !important;
  color: #fff !important;
}

/* line 26, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W .Opta-Tooltip h3 span {
  color: #fff !important;
}

/* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL>h2,
.mod-timeline .Opta_W.Opta_F_TL>h3,
.mod-timeline .Opta_W.Opta_F_TL>.headline-3,
.mod-timeline .Opta_W.Opta_F_TL>h4,
.mod-timeline .Opta_W.Opta_F_TL>h5 {
  display: none;
}

/* line 38, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL.Opta_F_TL_N .Opta-block {
  display: block;
}

/* line 41, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL.Opta_F_TL_N .Opta-block .Opta-Time,
.mod-timeline .Opta_W.Opta_F_TL.Opta_F_TL_N .Opta-block .Opta-Timeline-Bar {
  width: 100%;
  height: auto;
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf {
  border: none;
  background: #fff;
  border-radius: 0;
  padding-bottom: 0;
}

/* line 55, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .awayteam-crest,
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .hometeam-crest {
  top: 20px;
}

/* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .Opta-MatchHeader {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 79, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .Opta-MatchHeader .Opta-Team {
  vertical-align: middle !important;
}

@media screen and (max-width: 29.25em) {

  /* line 79, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
  .mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .Opta-MatchHeader .Opta-Team {
    width: 35%;
  }
}

/* line 87, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .Opta-MatchHeader .Opta-Score {
  color: #cc0000;
  font-size: 45px;
  font-size: 2.8125rem;
  vertical-align: middle;
}

@media screen and (max-width: 47.9375em) {

  /* line 87, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
  .mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .Opta-MatchHeader .Opta-Score {
    font-size: 27px;
    font-size: 1.6875rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
  }
}

/* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .Opta-Home .Opta-Team-Score {
  position: relative;
}

/* line 105, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .Opta-Home .Opta-Team-Score:after {
  content: ':';
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  position: absolute;
  right: -100%;
  color: #cc0000;
  top: 0;
}

/* line 116, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .Opta-Team-Score {
  font-size: 40px;
  font-size: 2.5rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  background: none !important;
  color: #000;
}

/* line 122, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .Opta-Divider {
  text-indent: -999em;
  padding: 0;
}

/* line 127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .timeline-graph {
  height: auto;
  border: none;
}

/* line 131, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf .timeline-graph .match-time {
  background: #cc0000;
  color: #000;
  height: 15px;
  line-height: 15px;
}

/* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf.narrow .score-line .team {
  width: 35%;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf.narrow .timeline-container {
  margin-top: 10px;
  width: 95%;
}

/* line 156, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf.narrow .timeline-container .postmatch dd.home-events ul li {
  height: 18px;
}

/* line 162, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf.narrow .timeline-container .postmatch dd.away-events {
  top: 51px;
}

/* line 169, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf.narrow .timeline-container .postmatch dt.away-events {
  bottom: -17px;
}

/* line 176, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Cf.narrow .match-details {
  padding-bottom: 40px;
  padding-top: 10px;
}

/* line 184, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar {
  height: 65px;
  margin-top: 40px;
  margin-bottom: 12px;
}

/* line 191, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Home {
  top: 0;
}

/* line 195, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Home ul li {
  height: 15px;
  width: 15px;
  top: -4px;
}

/* line 200, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Home ul li img {
  height: auto;
}

/* line 203, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Home ul li:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #cc0000;
  position: absolute;
  bottom: -7px;
}

/* line 217, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Away {
  top: 44px;
}

/* line 221, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Away ul li {
  height: 15px;
  width: 15px;
}

/* line 224, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Away ul li img {
  height: auto;
}

/* line 227, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Away ul li:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cc0000;
  position: absolute;
  top: -10px;
}

/* line 243, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Home {
  top: -15px;
}

/* line 247, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Timeline-Bar .Opta-Events.Opta-Away {
  top: auto;
  bottom: -12px;
}

/* line 255, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Matchdata {
  padding: 10px 0;
  background: #e7e7e7;
  font-family: "Roboto Slab", georgia, "serif";
  height: auto !important;
}

/* line 261, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Matchdata dd {
  font-size: 12px;
  font-size: 0.75rem;
  color: #cc0000;
  text-transform: none;
}

/* line 267, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Matchdata dt {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: none;
}

/* line 273, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Clock {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  background: none;
  height: auto;
  line-height: 1em;
  bottom: 15px;
}

/* line 280, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta_W.Opta_F_TL .Opta-Clock abbr {
  background: none;
  height: auto;
  color: #333;
  line-height: 1em;
}

/* line 290, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta .Opta_F_TL .Opta-Timeline {
  border: none;
  background: #e6e6e6;
}

/* line 294, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta .Opta_F_TL .Opta-Timeline>div {
  background: #cc0000;
  height: 7px;
}

/* line 300, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-timeline.scss */
.mod-timeline .Opta-Icon:hover {
  cursor: pointer;
}

/**
 * brandung _mod-google-maps.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-12-05
 *
 */
/* ==========================================================================
   mod-google-maps
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-google-maps.scss */
.mod-google-maps {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

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

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-google-maps.scss */
.mod-google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**
 * brandung _mod-circle-full.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-circle-full
   ========================================================================== */
/* mod-circle-full */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circle-full.scss */
.mod-circle-full {
  display: inline-block;
  padding-bottom: 3.125em;
  margin-left: 5%;
  position: relative;
  width: 110px;
  text-align: center;
}

/* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circle-full.scss */
.mod-circle-full:first-child {
  margin-left: 0;
}

/* line 29, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circle-full.scss */
.mod-circle-full .circle {
  display: inline-block;
  background: #cc0000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  vertical-align: middle;
}

/* line 38, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circle-full.scss */
.mod-circle-full span:first-child {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #fff;
  position: absolute;
  top: 19%;
  left: 50%;
  font-size: 32px;
  width: 65px;
  text-align: center;
  margin-left: -33px;
}

/* line 49, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circle-full.scss */
.mod-circle-full p {
  text-align: center;
  text-transform: uppercase;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  position: absolute;
  bottom: 0;
  padding: 0 0.625em;
  margin: 0;
  width: 100%;
  line-height: 1.2em;
}

/* line 63, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circle-full.scss */
.lt-ie9 .mod-circle-full {
  width: 110px;
  height: 110px;
}

/* line 66, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-circle-full.scss */
.lt-ie9 .mod-circle-full p {
  position: static;
}

/**
 * brandung _mod-game-plan.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-22
 *
 */
/* ==========================================================================
   mod-game-plan
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan {
  list-style: none;
  padding: 0;
  margin: 0;
}

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

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 28, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li:nth-child(odd) {
  background: #fff !important;
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li:nth-child(even) {
  background: #e7e7e7 !important;
}

/* line 35, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li>div {
  padding: 0 0.625em;
}

/* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li>div.odd {
  background: #fff;
}

/* line 41, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li>div.even {
  background: #e7e7e7;
}

/* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.625em;
  vertical-align: middle;
}

/* line 57, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul li.game-day h2,
.mod-game-plan>li ul li.game-day h3,
.mod-game-plan>li ul li.game-day .headline-3,
.mod-game-plan>li ul li.game-day h4,
.mod-game-plan>li ul li.game-day h5 {
  margin: 0;
}

/* line 59, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul li.game-day h2 span,
.mod-game-plan>li ul li.game-day h3 span,
.mod-game-plan>li ul li.game-day .headline-3 span,
.mod-game-plan>li ul li.game-day h4 span,
.mod-game-plan>li ul li.game-day h5 span {
  margin-left: 0;
}

/* line 64, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul li.pairing-of {
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 67, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul li.pairing-of [class*="team-"] {
  display: inline-block;
  padding: 0 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  width: 30%;
}

@media screen and (max-width: 47.9375em) {

  /* line 67, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan>li ul li.pairing-of [class*="team-"] {
    width: 43%;
  }
}

/* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul li.pairing-of .team-away {
  text-align: right;
  padding-right: 0;
}

/* line 87, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul li.pairing-of .team-home {
  padding-left: 0;
}

/* line 91, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul li.pairing-of .score {
  vertical-align: middle;
  display: inline-block;
  font-weight: bold;
}

/* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul li.pairing-of img {
  display: none;
}

/* line 104, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul .visitors,
.mod-game-plan>li ul .stadium {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: none;
}

/* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul .scorer {
  display: block;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-transform: none;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (max-width: 47.9375em) {

  /* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan>li ul .scorer {
    display: none;
  }
}

/* line 123, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul .special-event {
  display: block;
}

/* line 127, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-plan>li ul .halftime-erg {
  display: block;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 47.9375em) {

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

  /* line 142, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan li ul li {
    display: inline-block;
  }

  /* line 145, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan li ul li.game-day {
    width: 29%;
  }

  /* line 148, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan li ul li.game-day h2 span,
  .mod-game-plan li ul li.game-day h3 span,
  .mod-game-plan li ul li.game-day .headline-3 span,
  .mod-game-plan li ul li.game-day h4 span,
  .mod-game-plan li ul li.game-day h5 span {
    display: block;
  }

  /* line 154, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan li ul li.pairing-of {
    text-align: center;
    width: 44%;
  }

  /* line 158, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan li ul li.pairing-of [class*="team-"] {
    width: 35%;
  }

  /* line 162, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan li ul li.pairing-of .team-away {
    text-align: center;
    float: none;
  }

  /* line 167, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan li ul li.pairing-of img {
    display: inline-block;
  }

  /* line 172, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
  .mod-game-plan li ul li.scoresheet {
    width: 25%;
    text-align: right;
  }
}

/* line 198, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-game-play.scss */
.mod-game-planpaging-nav {
  display: none;
}

/**
 * brandung _csc-typo3.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-22
 *
 */
/* ==========================================================================
   csc-typo3
   ========================================================================== */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-textpic-text .detail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: #e1e1e1;
  padding: 1.25em;
  width: 50%;
  margin-left: -50px;
  border-top: 4px solid #cc0000;
  float: left;
  margin-right: 1.25em;
}

@media screen and (max-width: 47.9375em) {

  /* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
  .csc-textpic-text .detail {
    margin-left: 0;
  }
}

/* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-textpic-text .detail ul {
  list-style: initial;
  padding: 0 0 0 30px;
}

/* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-textpic-text .important {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: #e1e1e1;
  padding: 1.25em;
  width: 50%;
  margin-right: -50px;
  border-top: 4px solid #cc0000;
  float: right;
  margin-left: 1.25em;
}

@media screen and (max-width: 47.9375em) {

  /* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
  .csc-textpic-text .important {
    margin-right: 0;
  }
}

/* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-textpic-text .important ul {
  list-style: initial;
  padding: 0 0 0 30px;
}

/* line 61, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-textpic-text ul {
  list-style: initial;
  padding: 0 0 0 30px;
}

/* line 67, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.align-center {
  text-align: center;
}

/* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-textpic-caption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #e1e1e1;
  padding: 1.25em;
}

/* line 77, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-textpic-caption ul {
  list-style: initial;
  padding: 0 0 0 30px;
}

/* line 83, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.fancybox {
  position: relative;
  display: inline-block;
}

/* line 87, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.fancybox:after {
  content: '';
  background: url("../img/png/47-zoom-plus.png") no-repeat center center;
  font-family: icomoon;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 99, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.fancybox:hover:before {
  content: '';
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.fancybox-close {
  background-image: url("../img/png/overlay_close.png");
  top: -80px;
  right: -10px;
  width: 133px;
  height: 111px;
  background-size: inherit;
}

/* line 124, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.news-text-wrap h3 {
  text-transform: none;
}

/* line 129, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.news-text-wrap+.news-text-wrap h3 {
  text-transform: none;
}

/* line 134, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.news-text-wrap .detail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: #e1e1e1;
  padding: 1.25em;
  width: 50%;
  border-top: 4px solid #cc0000;
  float: left;
  margin-right: 1.25em;
  margin-top: 0.3125em;
}

@media screen and (max-width: 47.9375em) {

  /* line 134, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
  .news-text-wrap .detail {
    margin-left: 0;
  }
}

/* line 149, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.news-text-wrap .detail ul {
  list-style: initial;
  padding: 0 0 0 30px;
}

/* line 156, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.news-text-wrap .important {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: #e1e1e1;
  padding: 1.25em;
  width: 50%;
  margin-right: -50px;
  border-top: 4px solid #cc0000;
  float: right;
  margin-left: 1.25em;
}

@media screen and (max-width: 47.9375em) {

  /* line 156, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
  .news-text-wrap .important {
    margin-right: 0;
  }
}

/* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.news-text-wrap .important ul {
  list-style: initial;
  padding: 0 0 0 30px;
}

/* line 180, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-textpic-center-inner img {
  width: 100%;
}

@media screen and (min-width: 47.9375em) {

  /* line 188, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-right: 50px;
  }
}

@media screen and (min-width: 47.9375em) {

  /* line 200, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-left: 50px;
  }
}

@media screen and (max-width: 29.25em) {

  /* line 213, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
  .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap,
  .csc-textpic.csc-textpic-intext-left .csc-textpic-imagewrap {
    width: 40%;
  }
}

/* line 220, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-menu {
  margin-top: 0.625em;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
  float: none;
  margin-bottom: 0;
}

@media screen and (min-width: 47.9375em) {

  /* line 220, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
  .csc-menu {
    min-height: 275px;
  }
}

/* line 232, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-menu li {
  margin: 0;
}

/* line 235, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-menu li>a {
  font-size: 15px;
  font-size: 0.9375rem;
  display: block;
  color: #333;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1.25em 7.5%;
  background: #fff;
  position: relative;
  border-top: 1px solid #e7e7e7;
}

/* line 247, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-menu li>a:hover {
  -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;
  color: #333;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.csc-menu li>a:hover:hover {
  background: #ebebeb;
}

/* line 252, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-menu li>a:after {
  font-family: 'icomoon';
  content: '\e62a';
  color: #cc0000;
  position: absolute;
  right: 10px;
}

/* line 264, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-menu li>h2+.mod-teaser,
.csc-menu li>h3+.mod-teaser,
.csc-menu li>.headline-3+.mod-teaser,
.csc-menu li>h4+.mod-teaser,
.csc-menu li>h5+.mod-teaser,
.csc-menu li>h2+.mod-teaser,
.csc-menu li>h3+.mod-teaser,
.csc-menu li>.headline-3+.mod-teaser,
.csc-menu li>h4+.mod-teaser,
.csc-menu li>h5+.mod-teaser,
.csc-menu li>h3+.mod-teaser,
.csc-menu li>h3+.mod-teaser {
  margin-top: 0 !important;
}

/* line 271, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_csc-typo3.scss */
.csc-menu li:first-child a {
  border-top: none;
}

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

/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business.scss */
.mod-business .mod-filter-nav {
  padding-left: 0;
  border-bottom: 1px solid #ccc;
}

/* line 24, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business.scss */
.mod-business .mod-filter-nav .button-set .select-box {
  border: none;
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business.scss */
.mod-business .business-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 35, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business.scss */
.mod-business .business-list .link {
  text-align: right;
}

/* line 38, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-business.scss */
.mod-business .business-list .link .btn,
.mod-business .business-list .link .indexedsearch-box .tx-indexedsearch-search-submit input,
.indexedsearch-box .tx-indexedsearch-search-submit .mod-business .business-list .link input {
  display: inline-block;
}

/**
 * brandung _mod-advertising.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-12-05
 *
 */
/* ==========================================================================
   mod-advertising
   ========================================================================== */
/* line 16, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-advertising.scss */
.mod-advertising {
  margin: 1.875em 0;
}

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

/* line 20, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-advertising.scss */
.mod-advertising a {
  display: block;
}

/* line 23, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-advertising.scss */
.mod-advertising a img {
  width: 100%;
}

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

/* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-advertising.scss */
.wrapper>.mod-advertising {
  padding: 0 10px;
}

@media screen and (min-width: 77.5em) {

  /* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-advertising.scss */
  .wrapper>.mod-advertising {
    padding: 0;
  }
}

/**
 * brandung mod-load-overlay.scss v1.0.0
 *
 * Copyright 2014, 2014 brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-04-16
 * MIT License (MIT)
 */
/* ==========================================================================
   Load overlay
   ========================================================================== */
/* line 15, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-loading.scss */
.mod-loading {
  background: #000 !important;
  background: rgba(0, 0, 0, 0.7) !important;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: block !important;
}

/* line 27, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-loading.scss */
.mod-loading .spinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../img/preloader_dark.gif") center center no-repeat;
}

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

/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-brightcove.scss */
.mod-brightcove article {
  padding: 0 10px;
}

@media screen and (min-width: 47.9375em) {

  /* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-brightcove.scss */
  .mod-brightcove article {
    padding: 0 50px;
  }
}

/**
 * brandung _mod-flowplayer.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-05-21
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-flowplayer
   ========================================================================== */
/* mod-flowplayer */
/* line 19, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-flowplayer.scss */
.mod-flowplayer.flowplayer {
  width: 100%;
  background-color: #000;
  background-size: cover;
  background-image: url(../img/_dummy/hennes_cam.jpg);
}

/* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-flowplayer.scss */
.mod-flowplayer.flowplayer .fp-controls {
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 28, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-flowplayer.scss */
.mod-flowplayer.flowplayer .fp-timeline {
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-flowplayer.scss */
.mod-flowplayer.flowplayer .fp-progress {
  background-color: #db0000;
}

/* line 34, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-flowplayer.scss */
.mod-flowplayer.flowplayer .fp-buffer {
  background-color: #f9f9f9;
}

/* line 40, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-flowplayer.scss */
.is-paused.flowplayer .fp-ui,
.is-splash.flowplayer .fp-ui {
  background: url(../img/svg/02-video-play.svg) transparent center center no-repeat;
}

/**
 * brandung _mod-stats-legend.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-01
 *
 */
/* ==========================================================================
   mod-stats-legend
   ========================================================================== */
/* line 18, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
.mod-stats-legend div {
  margin: .5%;
}

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
.mod-stats-legend span {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 47.9375em) {

  /* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
  .mod-stats-legend span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

/* line 31, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
.mod-stats-legend .legend {
  height: 2.13%;
  margin: 0 10px 0 0;
  width: 1.5%;
}

/* line 36, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
.mod-stats-legend .legend.rChampion {
  background: #666;
}

/* line 40, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
.mod-stats-legend .legend.rChampionQuali {
  background: #666;
}

/* line 44, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
.mod-stats-legend .legend.rEuroQuali {
  background: #bab9b9;
}

/* line 48, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
.mod-stats-legend .legend.rEuro {
  background: #e1dede;
}

/* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
.mod-stats-legend .legend.rRelegate {
  background: #666;
}

/* line 56, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-stats-legend.scss */
.mod-stats-legend .legend.rQuali {
  background: #bab9b9;
}

/**
 * brandung _mod-sidebar-nav.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-07-29
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-sidebar-nav
   ========================================================================== */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sidebar-nav.scss */
.mod-sidebar-nav ul {
  margin-top: 0.625em;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
  float: none;
  margin-bottom: 0;
}

@media screen and (min-width: 47.9375em) {

  /* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sidebar-nav.scss */
  .mod-sidebar-nav ul {
    min-height: 275px;
  }
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sidebar-nav.scss */
.mod-sidebar-nav ul li {
  margin: 0;
}

/* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sidebar-nav.scss */
.mod-sidebar-nav ul li>a {
  font-size: 15px;
  font-size: 0.9375rem;
  display: block;
  color: #333;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1.25em 7.5%;
  background: #fff;
  position: relative;
  border-top: 1px solid #e7e7e7;
}

/* line 45, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sidebar-nav.scss */
.mod-sidebar-nav ul li>a:hover {
  -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;
  color: #333;
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_mixins.scss */
.mod-sidebar-nav ul li>a:hover:hover {
  background: #ebebeb;
}

/* line 50, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sidebar-nav.scss */
.mod-sidebar-nav ul li>a:after {
  font-family: 'icomoon';
  content: '\e62a';
  color: #cc0000;
  position: absolute;
  right: 10px;
}

/* line 61, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sidebar-nav.scss */
.mod-sidebar-nav ul li>h2+.mod-teaser,
.mod-sidebar-nav ul li>h3+.mod-teaser,
.mod-sidebar-nav ul li>.headline-3+.mod-teaser,
.mod-sidebar-nav ul li>h4+.mod-teaser,
.mod-sidebar-nav ul li>h5+.mod-teaser,
.mod-sidebar-nav ul li>h2+.mod-teaser,
.mod-sidebar-nav ul li>h3+.mod-teaser,
.mod-sidebar-nav ul li>.headline-3+.mod-teaser,
.mod-sidebar-nav ul li>h4+.mod-teaser,
.mod-sidebar-nav ul li>h5+.mod-teaser,
.mod-sidebar-nav ul li>h3+.mod-teaser,
.mod-sidebar-nav ul li>h3+.mod-teaser {
  margin-top: 0 !important;
}

/* line 68, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-sidebar-nav.scss */
.mod-sidebar-nav ul li:first-child a {
  border-top: none;
}

/**
 * brandung _mod-newsletter.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-08-04
 * MIT License (MIT)
 */
/* ==========================================================================
   mod-newsletter
   ========================================================================== */
/* mod-newsletter */
/* line 17, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter {
  background: #fff;
  min-height: 516px;
}

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter h1,
.mod-newsletter .slider-camp>h2,
.mod-newsletter .slider-camp>h3,
.mod-newsletter .slider-camp>.headline-3,
.mod-newsletter .slider-camp>h4,
.mod-newsletter .slider-camp>h5 {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width: 60em) {

  /* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
  .mod-newsletter h1,
  .mod-newsletter .slider-camp>h2,
  .mod-newsletter .slider-camp>h3,
  .mod-newsletter .slider-camp>.headline-3,
  .mod-newsletter .slider-camp>h4,
  .mod-newsletter .slider-camp>h5 {
    font-size: 44px;
    font-size: 2.75rem;
  }
}

/* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter__how-to {
  margin: 10px -50px;
}

/* line 33, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter__how-to ul {
  font-size: 0;
  text-align: center;
  padding: 10px 40px;
}

/* line 38, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter__how-to ul li {
  font-size: 17px;
  font-size: 1.0625rem;
  position: relative;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  line-height: 1em;
}

@media screen and (min-width: 29.25em) {

  /* line 38, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
  .mod-newsletter__how-to ul li {
    width: 26%;
    margin-bottom: 0;
  }

  /* line 50, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
  .mod-newsletter__how-to ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    background: url("../img/nl-anmeldung/arrow.png") no-repeat center center;
  }
}

@media screen and (min-width: 29.25em) and (min-width: 47.9375em) {

  /* line 50, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
  .mod-newsletter__how-to ul li:after {
    right: 0;
  }
}

@media screen and (min-width: 29.25em) {

  /* line 66, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
  .mod-newsletter__how-to ul li:last-child {
    width: 22%;
  }
}

/* line 71, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter__how-to ul li:last-child:after {
  display: none;
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter__how-to ul li:last-child span {
  padding: 0 5px;
}

/* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter__how-to ul span {
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  display: block;
  margin: 0 auto;
  width: 75px;
  vertical-align: middle;
  padding: 0 15px;
  text-align: center;
}

@media screen and (min-width: 60em) {

  /* line 81, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
  .mod-newsletter__how-to ul span {
    display: inline-block;
    text-align: left;
  }
}

/* line 98, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter__advantages {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

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

/* line 104, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter__advantages ul {
  float: right;
}

/* line 108, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter__advantages li {
  margin-bottom: 5px;
}

/* line 114, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter form .form-info {
  font-size: 14px;
  font-size: 0.875rem;
}

/* line 117, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-newsletter.scss */
.mod-newsletter form label span {
  width: 90%;
}

/**
 * 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: 77.5em;
  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;
}

@media screen and (max-width: 47.9375em) {

  /* line 54, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_mod-alert.scss */
  .mod-alert .alert-inner .btn-icon-only {
    display: inline-block;
    width: auto;
  }
}

/* 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;
}

/* line 1, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-wrapper {
  display: block;
  position: relative;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
}

/* line 5, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-wrapper>a:not(.bwin-logo) {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #000;
  text-decoration: none;
  border: 1px solid #000;
  display: inline-block;
  margin: 0;
  margin-bottom: 5px;
  padding: 5px 10px;
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
}

@media screen and (min-width: 77.5em) {

  /* line 5, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .bwin-wrapper>a:not(.bwin-logo) {
    width: 49%;
    padding: 0px;
  }
}

/* line 22, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-wrapper>a:not(.bwin-logo) span {
  padding-left: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
  float: right;
}

/* line 29, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-wrapper>a.bwin-quote {
  margin: 0 !important;
}

/* line 32, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-wrapper>a.bwin-quote span.slider {
  float: right;
}

/* line 37, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-wrapper .bwin-logo {
  position: absolute;
  max-width: 60px;
  height: auto;
  left: 50%;
  margin-left: -30px;
  top: 40px;
  padding: 0;
  background-color: #000;
}

@media screen and (min-width: 47.9375em) {

  /* line 48, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .rsSlide .bwin-wrapper {
    margin: 20px 0 10px 0;
  }

  /* line 52, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .rsSlide .bwin-wrapper .bwin-logo {
    position: absolute;
    top: 8px;
    max-width: 60px;
    height: auto;
    right: -80px;
    left: auto;
    padding: 0;
    background-color: #000;
  }

  /* line 63, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .rsSlide .bwin-wrapper>a:not(.bwin-logo) {
    margin: 0 20px;
    padding: 5px 15px;
  }
}

/* line 70, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.mod-game-plan .bwin-wrapper {
  margin: 20px 0;
  padding: 8px 0;
  text-align: center;
}

/* line 75, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.mod-game-plan .bwin-wrapper .bwin-logo img {
  display: block !important;
}

/* line 79, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.mod-game-plan .bwin-wrapper>a:not(.bwin-logo) {
  margin: 1%;
  padding: 5px 15px;
  width: 25%;
}

@media screen and (min-width: 77.5em) {

  /* line 70, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .mod-game-plan .bwin-wrapper {
    margin: 10px 15px;
  }

  /* line 88, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .mod-game-plan .bwin-wrapper .bwin-logo {
    position: absolute;
    top: 8px;
    max-width: 60px;
    height: auto;
    right: -80px;
    left: auto;
    padding: 0;
    background-color: #000;
  }
}

/* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-before-game-wrapper {
  text-align: center !important;
}

/* line 106, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-before-game {
  margin: 10px auto;
  width: 100%;
  padding: 2px;
}

/* line 112, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-before-game__link,
.bwin-before-game__link:hover {
  display: inline-block;
  color: #000;
  text-decoration: none;
  width: 100%;
}

/* line 120, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-before-game>img {
  width: 22px;
}

@media screen and (min-width: 77.5em) {

  /* line 106, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .bwin-before-game {
    width: 100%;
  }
}

/* line 128, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.mod-game-plan>li ul {
  padding: 5px 0;
}

/* line 132, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.matchday-info {
  font-size: 8px;
  font-size: 0.5rem;
  float: left;
}

/* line 137, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.commercial-declaration {
  font-size: 12px;
  font-size: 0.75rem;
  margin-left: 10px;
  float: right;
}

@media screen and (min-width: 77.5em) {

  /* line 137, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .commercial-declaration {
    margin-left: 110px;
  }
}

/* line 147, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-box {
  width: 100%;
  text-align: left;
}

/* line 153, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-box>a {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #000;
  text-decoration: none;
  margin: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
}

/* line 161, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-box>a span {
  padding-left: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (min-width: 77.5em) {

  /* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .bwin-box--left {
    float: left;
  }
}

@media screen and (min-width: 77.5em) {

  /* line 171, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .bwin-box--right {
    float: right;
  }
}

/* line 178, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-remove--slider {
  width: auto;
}

@media screen and (min-width: 77.5em) {

  /* line 178, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .bwin-remove--slider {
    width: 45%;
  }
}

/* line 185, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-slider-wrapper {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 260px;
}

@media screen and (min-width: 77.5em) {

  /* line 185, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .bwin-slider-wrapper {
    margin-bottom: 0;
    width: 100%;
  }
}

/* line 195, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-slider-wrapper .matchday-question {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "TradeGothicLTPro-BdCn20", "trebuchet ms", arial, sans-serif;
  color: #000;
}

@media screen and (min-width: 77.5em) {

  /* line 195, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
  .bwin-slider-wrapper .matchday-question {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

/* line 205, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/mod/_bwin.scss */
.bwin-slider-wrapper .bwin-question-logo {
  height: 17px;
  display: block;
  margin: 10px 2px -22px 2px;
}

/**
 * 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 151, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.no-js header noscript {
  color: #fff;
  margin: 0.2em 0;
  background: #cc0000;
  padding: 0.2em 0;
  text-align: center;
  width: 100%;
  float: left;
}

/* line 159, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.no-js header noscript p {
  margin: 0 auto;
  max-width: 1240px;
}

/* line 166, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.no-js .lazy {
  display: none;
}

/* 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 191, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/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 198, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/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 203, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
a {
  color: #cc0000;
}

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

/* line 215, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
ul li {
  margin-bottom: 10px;
}

/* ==========================================================================
	  IE Rules
	  ========================================================================== */
/* IE < 9 */
/* line 230, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.lt-ie9 .page-wrapper>header .main-nav-wrapper #logo {
  width: 145px;
  height: 165px;
}

/* line 239, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.lt-ie9 .page-wrapper>header.is-sticky .main-nav-wrapper #logo {
  background: url("../img/ie_png/01-logo-small.png") no-repeat 0 0;
  width: 49px;
  height: 56px;
}

/* line 249, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.lt-ie9 .icon-fc-plus:after {
  background: url("../img/ie_png/04-fc+.png") no-repeat 0 0;
  width: 32px;
  height: 32px;
}

/* line 255, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.lt-ie9 .service-nav-wrapper nav ul li a.iconLang.de {
  background: url("../img/ie_png/11-sprachwahl-deutsch.png") no-repeat 0 0;
  width: 20px;
  height: 15px;
}

/* line 261, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.lt-ie9 .service-nav-wrapper nav ul li a.iconLang.en {
  background: url("../img/ie_png/12-sprachwahl-englisch.png") no-repeat 0 0;
  width: 20px;
  height: 15px;
}

/* line 267, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.lt-ie9 footer {
  background: url("../img/ie_png/footer_bg.png") no-repeat right bottom #000;
}

/* line 272, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/main.scss */
.lt-ie9 .en footer {
  background: url("../img/ie_png/footer_bg_en.png") no-repeat right bottom #000;
}

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

/*Print*/
@media print {

  /* line 2, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  footer,
  .mod-advertising,
  .mod-google-maps,
  .col-right,
  .mod-royal-slider,
  .mod-service-bar,
  .service-nav-wrapper,
  #mainnavigation,
  .button-set,
  .btn,
  .indexedsearch-box .tx-indexedsearch-search-submit input,
  .mod-social-media-bar,
  .mod-scroll-top,
  .mod-breadcrumb,
  .mod-form,
  .mod-filter-nav,
  .nav-btn,
  .mod-opta,
  iframe {
    display: none !important;
    margin-bottom: 0 !important;
  }

  /* line 25, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-royal-slider .rsOverflow {
    height: 0 !important;
  }

  /* line 30, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  * {
    float: none !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  /* line 39, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  body {
    background: none !important;
  }

  /* line 43, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .wrapper {
    padding-top: 0 !important;
  }

  /* line 46, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .wrapper>main {
    margin-top: 0 !important;
  }

  /* line 51, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  img {
    width: auto !important;
    display: block !important;
    margin-bottom: 10px !important;
  }

  /* line 57, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  table {
    margin-bottom: 30px !important;
  }

  /* line 60, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  table th,
  table td {
    width: auto !important;
    padding: 0 !important;
  }

  /* line 65, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  table th a,
  table th img,
  table td a,
  table td img {
    display: none !important;
  }

  /* line 72, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .page-wrapper>header {
    position: static !important;
  }

  /* line 76, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  main {
    margin-top: 0 !important;
  }

  /* line 79, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  main>.wrapper {
    padding-top: 0 !important;
  }

  /* line 84, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-stage-info-block {
    position: static !important;
  }

  /* line 88, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .csc-textpic-text .detail {
    width: 100% !important;
  }

  /* line 93, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-accordion:before {
    display: none !important;
  }

  /* line 97, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-accordion div {
    display: block !important;
  }

  /* line 102, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .csc-textpic {
    overflow: visible !important;
  }

  /* line 106, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .fancybox {
    display: block !important;
  }

  /* line 110, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  #logo {
    position: static !important;
    content: url("../img/svg/01-logo.svg");
    width: 145px !important;
    height: 170px !important;
    top: auto !important;
  }

  /* line 118, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .main-nav-wrapper {
    border: none !important;
    position: static !important;
  }

  /* line 123, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-teaser {
    margin-bottom: 10px !important;
    border-top: none !important;
  }

  /* line 128, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  b {
    font-weight: normal !important;
  }

  /* line 132, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-game-plan {
    margin-top: 20px !important;
  }

  /* line 135, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-game-plan ul li {
    width: auto !important;
    display: block !important;
  }

  /* line 141, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-game-plan .pairing-of img {
    display: none !important;
  }

  /* line 145, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-game-plan .pairing-of span {
    display: inline-block !important;
    width: auto !important;
  }

  /* line 155, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-tabs nav ul li,
  .indexedsearch-box .indexedsearch-tabs nav ul li {
    display: none !important;
  }

  /* line 158, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-tabs nav ul li.is-active,
  .indexedsearch-box .indexedsearch-tabs nav ul li.is-active {
    display: block !important;
  }

  /* line 168, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .mod-table>header a {
    display: none !important;
  }

  /* line 175, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .matchday-view .rsArrowIcn {
    display: none !important;
  }

  /* line 180, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  div.csc-textpic .csc-textpic-imagewrap figure,
  div.csc-textpic figure.csc-textpic-imagewrap {
    display: block !important;
  }

  /* line 185, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .csc-textpic-image {
    display: block !important;
  }

  /* line 190, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .csc-textpic-image .fancybox:hover:before {
    display: none !important;
  }

  /* line 198, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .csc-textpic-image .fancybox a img {
    width: 100%;
  }

  /* line 204, typo3conf/ext/bra_projectfiles/Resources/Private/Frontend/website/sass/partials/_print.scss */
  .csc-textpic-image a,
  .csc-textpic-image a:after {
    content: normal !important;
  }
}

/*# sourceMappingURL=main.css.map */