@charset "UTF-8";
/* 1024 Small Desktop, Tablets Landscape */
/* 768 Small Devices, Tablets Portrait */
/* 480 Extra Small Devices, Phones */
/*!
 * Compiled on: #{timestamp()}
 * Base stylesheet for TYPO3 Base
 *
 * @package #{ext_directory()}
 * @path /Main.scss
 * @author Exinit GmbH & Co. KG <info@exinit.de>
 */
/*
 * Declarations which should be put at the top of the document e.g.
 * @font-face declarations and CSS viewports
 *
 * @package #{ext_directory()}
 * @path Generic/_Head.scss
 */
/* =============================================================================
 $ Border-Box
 ================================================================================ */
*, *:before, *:after {
  box-sizing: border-box; }
/*
 * A cut-down version of normalize.css
 *
 * @package #{ext_directory()}
 * @path Generic/_Normalize.scss
 * @author Nicolas Gallagher
 * @link http://necolas.github.com/normalize.css/
 */
/* =============================================================================
 $ Normalize HTML5 display definitions
 ================================================================================ */
/**
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article, aside, details, figcaption, figure, main, footer, header, hgroup, nav, section, summary {
  display: block; }
/**
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
  display: inline-block; }
/**
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }
/* =============================================================================
 Normalize Base
 ================================================================================ */
/**
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Forces vertical scrollbar to prevent jumpy page
 */
html {
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  overflow-y: scroll;
  /* 3 */ }
/* =============================================================================
 Normalize Forms
 ================================================================================ */
/**
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button, input, select, textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */ }
/**
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button, input {
  line-height: normal; }
/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select {
  text-transform: none; }
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }
/**
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }
/**
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */ }
/**
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }
/**
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }
/*
 * Debug code wich applies if the compass env is set to 'development'
 *
 * @package #{ext_directory()}
 * @path Generic/_Debug.scss
 */
/* =============================================================================
 $ Environment banner
 ================================================================================ */
/*
 * Sizes which are used in conjunction with other objects and
 * abstractions like the grid system, from
 * inuit.css <https://github.com/csswizardry/inuit.css/>
 *
 * @package #{ext_directory()}
 * @path Generic/_Widths.scss
 * @license Apache License, Version 2.0.
 */
/* =============================================================================
 $ Widths
 ================================================================================ */
/**
 * Whole
 */
.one-whole {
  width: 100%; }
/**
 * Halves
 */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%; }
/**
 * Thirds
 */
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%; }
/**
 * Quarters
 */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%; }
/**
 * Fifths
 */
.one-fifth, .two-tenths {
  width: 20%; }

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

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

.four-fifths, .eight-tenths {
  width: 80%; }
/**
 * Sixths
 */
.one-sixth, .two-twelfths {
  width: 16.666%; }

.five-sixths, .ten-twelfths {
  width: 83.333%; }
/**
 * Eighths
 */
.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

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

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

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

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }
/**
 * Hide Column
 */
.none {
  display: none; }

@media screen and (max-width: 1024px) {
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */
  /**
   * Hide Column
   */
    .tablet-one-whole {
      width: 100%; }
    .tablet-one-half, .tablet-two-quarters, .tablet-three-sixths, .tablet-four-eighths, .tablet-five-tenths, .tablet-six-twelfths {
      width: 50%; }
    .tablet-one-third, .tablet-two-sixths, .tablet-four-twelfths {
      width: 33.333%; }
    .tablet-two-thirds, .tablet-four-sixths, .tablet-eight-twelfths {
      width: 66.666%; }
    .tablet-one-quarter, .tablet-two-eighths, .tablet-three-twelfths {
      width: 25%; }
    .tablet-three-quarters, .tablet-six-eighths, .tablet-nine-twelfths {
      width: 75%; }
    .tablet-one-fifth, .tablet-two-tenths {
      width: 20%; }
    .tablet-two-fifths, .tablet-four-tenths {
      width: 40%; }
    .tablet-three-fifths, .tablet-six-tenths {
      width: 60%; }
    .tablet-four-fifths, .tablet-eight-tenths {
      width: 80%; }
    .tablet-one-sixth, .tablet-two-twelfths {
      width: 16.666%; }
    .tablet-five-sixths, .tablet-ten-twelfths {
      width: 83.333%; }
    .tablet-one-eighth {
      width: 12.5%; }
    .tablet-three-eighths {
      width: 37.5%; }
    .tablet-five-eighths {
      width: 62.5%; }
    .tablet-seven-eighths {
      width: 87.5%; }
    .tablet-one-tenth {
      width: 10%; }
    .tablet-three-tenths {
      width: 30%; }
    .tablet-seven-tenths {
      width: 70%; }
    .tablet-nine-tenths {
      width: 90%; }
    .tablet-one-twelfth {
      width: 8.333%; }
    .tablet-five-twelfths {
      width: 41.666%; }
    .tablet-seven-twelfths {
      width: 58.333%; }
    .tablet-eleven-twelfths {
      width: 91.666%; }
    .tablet-none {
      display: none; } }

@media screen and (max-width: 767px) {
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */
  /**
   * Hide Column
   */
    .phone-one-whole {
      width: 100%; }
    .phone-one-half, .phone-two-quarters, .phone-three-sixths, .phone-four-eighths, .phone-five-tenths, .phone-six-twelfths {
      width: 50%; }
    .phone-one-third, .phone-two-sixths, .phone-four-twelfths {
      width: 33.333%; }
    .phone-two-thirds, .phone-four-sixths, .phone-eight-twelfths {
      width: 66.666%; }
    .phone-one-quarter, .phone-two-eighths, .phone-three-twelfths {
      width: 25%; }
    .phone-three-quarters, .phone-six-eighths, .phone-nine-twelfths {
      width: 75%; }
    .phone-one-fifth, .phone-two-tenths {
      width: 20%; }
    .phone-two-fifths, .phone-four-tenths {
      width: 40%; }
    .phone-three-fifths, .phone-six-tenths {
      width: 60%; }
    .phone-four-fifths, .phone-eight-tenths {
      width: 80%; }
    .phone-one-sixth, .phone-two-twelfths {
      width: 16.666%; }
    .phone-five-sixths, .phone-ten-twelfths {
      width: 83.333%; }
    .phone-one-eighth {
      width: 12.5%; }
    .phone-three-eighths {
      width: 37.5%; }
    .phone-five-eighths {
      width: 62.5%; }
    .phone-seven-eighths {
      width: 87.5%; }
    .phone-one-tenth {
      width: 10%; }
    .phone-three-tenths {
      width: 30%; }
    .phone-seven-tenths {
      width: 70%; }
    .phone-nine-tenths {
      width: 90%; }
    .phone-one-twelfth {
      width: 8.333%; }
    .phone-five-twelfths {
      width: 41.666%; }
    .phone-seven-twelfths {
      width: 58.333%; }
    .phone-eleven-twelfths {
      width: 91.666%; }
    .phone-none {
      display: none; } }
/*
 * Styling for TYPO3 related classes
 *
 * @package #{ext_directory()}
 * @path Generic/_T3General.scss
 */
/* =============================================================================
 $ CSC-Frames
 ================================================================================ */
.csc-frame-rulerBefore {
  border-top: 1px solid #bebebe; }

.csc-frame-rulerAfter {
  border-bottom: 1px solid #bebebe; }

.csc-frame-indent {
  padding: 0 10%; }

.csc-frame-indent3366 {
  padding-left: 33.333%; }

.csc-frame-indent6633 {
  padding-right: 33.333%; }
/* =============================================================================
 $ CSC-Tables
 ================================================================================ */
/* =============================================================================
 $ CSC-Header
 ================================================================================ */

.csc-firstHeader {
  margin-top: 0; }
/*
 * Gernerated classes for brand related styling
 *
 * @package #{ext_directory()}
 * @path Generic/_Brand.scss
 */
/* =============================================================================
 $ Brand styles
 ================================================================================ */
.brand {
  font-family: Helvetica, Arial, sans-serif;
  color: #e30613; }

.brand-color {
  color: #e30613; }

.brand-face {
  font-family: Helvetica, Arial, sans-serif; }

.brand-logo {
  display: inline-block;
  width: image-width('nrv-logo.png');
  height: image-height('nrv-logo.png');
  background-image: image-url('nrv-logo.png'); }
/*
 * High-level wrapper elements
 *
 * @package #{ext_directory()}
 * @path Base/_Base.scss
 */
/* =============================================================================
 $ High level wrapper and elements
 ================================================================================ */
body {
  /**
   * Remove default margin.
   */
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
  color: #595959;
  background: #fff; }

.site-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 77.5em;
  width: 100%;
  position: relative; }
/*
 * Basic styling for headings and sub-headings
 *
 * @package #{ext_directory()}
 * @path Base/_Headings.scss
 */
/* =============================================================================
 $ Headings
 ================================================================================ */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #595959;
  /**
   * Optimized kerning for large font sizes
   * use this only on large font-sizes (f.e. headings) to avoid performance issues
   */
  text-rendering: optimizeLegibility; }

h1, .h1 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.5; }

h2, .h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333; }

h3, .h3 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h4, .h4 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429; }

h5, .h5 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2; }

h6, .h6 {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 2.18182; }
/*
 * Basic styling for all typographic related elements e.g.
 * <b>, <sup>, <i>
 *
 * @package #{ext_directory()}
 * @path Base/_Typography.scss
 */
/* =============================================================================
 $ Typography Elements
 Contents: 1: Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 2: Addresses styling not present in IE7/8/9, S5, Chrome.
 3: Addresses styling not present in IE6/7/8/9.
 4: Addresses styling not present in S5, Chrome.
 5: Prevents `sub` and `sup` affecting `line-height` in all browsers.
 gist.github.com/413930
 ================================================================================ */
b, strong {
  font-weight: 700;
  /* 1 */ }

small {
  font-size: 80%; }

abbr[title] {
  /* 2 */
  border-bottom: 1px dotted;
  cursor: help; }

mark {
  /* 3 */
  background: #e30613;
  color: #fff; }

dfn {
  font-style: italic;
  /* 4 */ }

sub, sup {
  /* 5 */
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }
/* =============================================================================
 $ Code & pre-formatted text elements
 ================================================================================ */
code, kbd, pre, samp {
  /**
   * Corrects font family set oddly in Safari 5 and Chrome.
   */
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 1em; }

pre {
  /**
   * Improves readability of pre-formatted text in all browsers.
   */
  white-space: pre-wrap; }
/* =============================================================================
 $ Quotes
 ================================================================================ */
q {
  /**
   * Sets consistent quote types.
   */
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/* =============================================================================
 $ Seperators
 ================================================================================ */

hr {
  /**
   * Address differences between Firefox and other browsers.
   */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 0;
  border: 0;
  border-top: 1px solid #bebebe;
  padding: 0; }
/* =============================================================================
 $ Text-Selection
 ================================================================================ */
::-moz-selection, ::selection {
  background: #e30613;
  color: #fff;
  text-shadow: none; }
/* =============================================================================
 $ Typographic Helper Classes
 ================================================================================ */
/* ======================= Basic helpers ======================= */
.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.align-left {
  text-align: left; }

.intend {
  padding: 0 1.5em; }
/* ====================== CSS3 Word-breaker ====================== */
.text-break, .dl--horizontal dt {
  /**
   * Break strings when their length exceeds the width of their container.
   */
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto; }
/* ======================= Margin-reset ======================== */
p, pre, menu, ol, ul, dl {
  margin-top: 0; }
/* ======================== Top margins ======================== */
/* Basic spacing */
blockquote, hr, .basic_spacing-top {
  margin-top: 24px;
  margin-top: 1.5rem; }
/* Half spacing */
.half_spacing-top {
  margin-top: 12px;
  margin-top: 0.75rem; }
/* ====================== Bottom margins ======================= */
/* Basic spacing */
p, pre, blockquote, hr, menu, ol, ul, dl, iframe, video, audio, .table, .contenttable-1, .contenttable-2, .contenttable-3, form, legend, .basic_spacing-bottom {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
/* Half spacing */
.half_spacing-bottom {
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }
/*
 * Basic styling for anchor tags
 *
 * @package #{ext_directory()}
 * @path Base/_Links.scss
 */
/* =============================================================================
 $ Links
 ================================================================================ */
a {
  color: #e30613;
  text-decoration: none;
  /**
   * Remove the gray background color from active links in IE 10.
   */
  background: transparent; }
  a:hover, a:active, a:focus {
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -1px; }
  a:active, a:hover {
    /**
     * Improves readability when focused and also mouse hovered in all browsers.
     */
    outline: 0; }
  p a {
    /**
     * Increasing the Clickable Area of Inline Links inside a paragraph
     */
    margin: -0.33em;
    padding: 0.33em;
    position: relative; }
/*
 * Basic styling for lists and definition elements
 *
 * @package #{ext_directory()}
 * @path Base/_Lists.scss
 */
/* =============================================================================
 $ Lists
 ================================================================================ */
menu, ol, ul {
  padding: 0 0 0 2.5em; }

li > ul, li > ol {
  /**
   * Remove vertical spacing from nested lists
   */
  margin-bottom: 0; }
/* ======================== Reset list ========================= */
.nav, .reset-list {
  /**
   * Resets the standard list styles of a <ul> or <ol>
   */
  list-style: none;
  margin-bottom: 0;
  padding-left: 0; }
/* =============================================================================
 $ Definitions
 ================================================================================ */
dd {
  /**
   * Addresses margins set differently in IE6/7.
   */ }
/* =============================================================================
 $ Horizontal definition abstraction
 ================================================================================
 * Display a definition list in a horizontal order
 * e.g.
 *
 <dl class="dl--horizontal">
 <dt>Description lists</dt>
 <dd>A description list is perfect for defining terms.</dd>
 <dt>Euismod</dt>
 <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
 <dd>Donec id elit non mi porta gravida at eget metus.</dd>
 <dt>Malesuada porta</dt>
 <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
 <dt>Felis euismod semper eget lacinia</dt>
 <dd>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
 </dl>
 ================================================================================ */
.dl--horizontal dt {
  float: left;
  width: 19%;
  overflow: hidden;
  clear: left;
  text-align: right; }
  .dl--horizontal dd {
    margin-left: 21%; }
/*
 * Basic styling for media elements e.g.
 * <img>, <video>, <svg>, <augio>
 *
 * @package #{ext_directory()}
 * @path Base/_Media.scss
 */
/* =============================================================================
 $ Attachements & Images
 Contents: 1: Make Images & Attachements responsive
 2: Styling the alt="" Text on images
 http://csswizardry.com/2011/06/styling-alt-text-on-images/
 3: Removes border when inside `a` element in IE6/7/8/9, FF3.
 4: Remove the gap between images and the bottom of their containers:
 h5bp.com/i/440
 5: Improves image quality when scaled in IE7.
 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 6: Decrease font-size on figcaption elements
 ================================================================================ */
embed, iframe, object, img {
  /* 1 */
  max-width: 100%; }

img {
  font-style: italic;
  /* 2 */
  border: 0;
  /* 3 */
  vertical-align: middle;
  /* 4 */ }
  img[height] {
    /* 1 */
    height: auto; }

figure {
  /**
   * Addresses margin not present in IE6/7/8/9, S5, O11.
   */
  margin: 0; }

figcaption {
  /* 6 */
  font-size: 14px;
  font-size: 0.875rem; }

/* =============================================================================
 $ Video
 ================================================================================ */

/* =============================================================================
 $ Audio
 ================================================================================ */

audio {
  min-width: 65%; }
  audio:not([controls]) {
    /**
     * Prevents modern browsers from displaying `audio` without controls.
     */
    display: none;
    /**
     * Remove excess height in iOS5 devices.
     */
    height: 0; }
/* =============================================================================
 $ SVG
 ================================================================================ */
svg {
  /**
   * Corrects overflow displayed oddly in IE9.
   */ }
  svg:not(:root) {
    overflow: hidden; }
/*
 * Basic styling and extended classes for tables
 *
 * @package #{ext_directory()}
 * @path Base/_Tables.scss
 */
/* =============================================================================
 $ Tables
 ================================================================================ */
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

th {
  text-align: left;
  vertical-align: bottom; }

td {
  vertical-align: top; }

.table, .contenttable-1, .contenttable-2, .contenttable-3 {
  width: 100%;
  margin-top: 0; }
  .table td, .contenttable-1 td, .contenttable-2 td, .contenttable-3 td, .table th, .contenttable-1 th, .contenttable-2 th, .contenttable-3 th {
    padding: 0.5em; }
/* =============================================================================
 $ Table bordered
 ================================================================================
 * Extends the base '.table' class to an basic bordered table
 * e.g.
 *
 <table class="table table--bordered">
 <thead>
 <tr>
 <th class="td-0">Name</th>
 <th>Age</th>
 <th>Residence</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td class="td-0">Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 <tr>
 <td class="td-0">Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 <tr class="tr-last">
 <td class="td-0">Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 </tbody>
 </table>
 ================================================================================ */
.table--bordered, .contenttable-1 {
  border: 1px solid #bebebe;
  border-collapse: separate; }
  .table--bordered td, .contenttable-1 td, .table--bordered th, .contenttable-1 th {
    border-left: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe; }
  .table--bordered .tr-last td, .contenttable-1 .tr-last td {
    border-bottom: 0; }
  .table--bordered .td-0, .contenttable-1 .td-0 {
    border-left: 0; }
/* =============================================================================
 $ Table striped
 ================================================================================
 * Extends the base '.table' class to an clean table with
 * borders below each row e.g.
 *
 <table class="table table--striped">
 <thead>
 <tr>
 <th>Name</th>
 <th>Age</th>
 <th>Residence</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 <tr>
 <td>Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 <tr>
 <td>Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 </tbody>
 </table>
 ================================================================================ */
.table--striped td, .contenttable-2 td, .contenttable-3 td, .table--striped th, .contenttable-2 th, .contenttable-3 th {
  border-bottom: 1px solid #bebebe; }
  .table--striped th, .contenttable-2 th, .contenttable-3 th {
    padding-top: 0; }
/* =============================================================================
 $ Table condensed
 ================================================================================
 * Extends the base '.table' class to an condensed table
 * e.g.
 *
 <table class="table table--condensed">
 <thead>
 <tr>
 <th>Name</th>
 <th>Age</th>
 <th>Residence</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 <tr>
 <td>Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 <tr>
 <td>Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 </tbody>
 </table>
 ================================================================================ */
.table--condensed td, .contenttable-3 td, .table--condensed th, .contenttable-3 th {
  padding: 0.25em 0.5em 0.25em; }
/* =============================================================================
 $ Table zebra
 ================================================================================
 * Extends the base '.table' class to an 'zebra'-styled table with
 * odd & even changing background-colors e.g.
 *
 <table class="table table--zebra">
 <thead>
 <tr>
 <th>Name</th>
 <th>Age</th>
 <th>Residence</th>
 </tr>
 </thead>
 <tbody>
 <tr class="tr-odd">
 <td>Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 <tr class="tr-even">
 <td>Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 <tr class="tr-odd">
 <td>Max Mustermann</td>
 <td>20</td>
 <td>Berlin</td>
 </tr>
 </tbody>
 </table>
 ================================================================================ */
.table--zebra .tr-even {
  background: #f1f1f1; }
  .table--zebra .tr-odd {
    background: #e4e4e4; }
/*
 * Basic styling for forms and inputs
 *
 * @package #{ext_directory()}
 * @path Base/_Forms.scss
 */
/* =============================================================================
 $ Text inputs, checkboxes and other form elements
 ================================================================================ */
/* ======================== Textinputs ========================= */
textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
  padding: 0.5em;
  background: #f1f1f1;
  border: 1px solid #bebebe;
  border-radius: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #666; }

textarea {
  height: auto;
  /* Reset height since textareas have the attribute rows="" */
  min-height: 72px;
  /* Set a min-height for textareas of 3 rows */
  resize: vertical;
  /* So users cannot expand the textarea over its boundaries */
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9. */
  vertical-align: top;
  /* Improves readability and alignment in all browsers. */ }

input::-webkit-datetime-edit {
  /**
   * A possible shadow-dom fix for webkit control spacing on input[type=time]
   */
  margin-top: -0.17em;
  margin-bottom: -0.17em; }
/* ========================= Checkboxes ======================== */
input[type="checkbox"], input[type="radio"] {
  margin-right: 0.35em;
  cursor: pointer; }
/* =============================================================================
 $ Buttons
 ================================================================================ */
.btn, button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  /**
   * Set in em's so we can change the size of the button depending on the font-size
   */
  padding: 0.5em 1em;
  border: 0;
  border-radius: 1px;
  background: #e30613;
  /**
   * Normalize the font-weight accross <input>, <button> and the .btn class
   */
  font-weight: normal;
  line-height: 1;
  color: #fff; }
/* =============================================================================
 $ Form elements
 ================================================================================ */
fieldset {
  /**
   * Reset border, margin, and padding to define a consistend style accross all browsers
   */
  border: 0;
  margin: 0;
  padding: 0; }

form {
  /**
   * Corrects margin displayed oddly in IE6/7.
   */ }
/* ==================== Labels and Legends ===================== */
label {
  display: block;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429; }
  label[for] {
    cursor: pointer; }

legend {
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  color: #595959;
  border-bottom: 1px solid #bebebe;
  padding: 0; }
/* =============================================================================
 $ Form-Inline abstraction
 ================================================================================
 * Display a <form> and all it's content in a horizontal order
 * e.g.
 *
 <form class="form--inline">
 <label>Username: </label>
 <input type="text" placeholder="Username...">
 <label>Password: </label>
 <input type="password" placeholder="Password...">
 <label class="label--checkbox">
 <input type="checkbox">Remember me
 </label>
 <button type="submit">Sign in</button>
 </form>
 ================================================================================ */
.form--inline label {
  margin-right: 0.3em; }
  .form--inline .label--checkbox {
    margin-right: 1em; }
    .form--inline .label--checkbox input {
      margin-right: 0.35em; }
  .form--inline input {
    margin-right: 1em; }
  .form--inline label, .form--inline button, .form--inline input, .form--inline select, .form--inline textarea {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
/*
 * Basic button structural styling from
 * inuit.css <https://github.com/csswizardry/inuit.css/>
 *
 * @package #{ext_directory()}
 * @path Objects/_Buttons.scss
 * @license Apache License, Version 2.0.
 * @link http://csswizardry.com/2011/09/the-nav-abstraction/
 */
/* =============================================================================
 $ Button Object
 ================================================================================
 * Display an anchor tag as a button
 * e.g.
 *
 <a class="btn">A Special link</a>
 ================================================================================ */
.btn {
  display: inline-block; }
  .btn, .btn:hover {
    text-decoration: none; }
/* ================== Full width button abstraction =================
 * Set a button to the full-width of it's parent
 */
.btn--full {
  display: block;
  text-align: center;
  /**
   * The following is so that this class works properly on inputs as well
   * as anchor tags.
   */
  padding-right: 0;
  padding-left: 0;
  width: 100%; }
/*
 * A modified version of the navigation object from
 * inuit.css <https://github.com/csswizardry/inuit.css/>
 *
 * @package #{ext_directory()}
 * @path Objects/_Navigations.scss
 * @license Apache License, Version 2.0.
 * @link http://csswizardry.com/2011/09/the-nav-abstraction/
 */
/* =============================================================================
 $ Navigation Object
 ================================================================================
 * Throws a list into horizontal mode
 * e.g.:
 *
 <ul class="nav">
 <li><a href="">Home</a></li>
 <li><a href="">About</a></li>
 <li><a href="">Products</a></li>
 <li><a href="">Contact</a></li>
 </ul>
 ================================================================================ */
.nav li {
  display: inline-block; }
  .nav a {
    display: block; }
/* ======================= Stacked Navigation =======================
 * Throws a list into vertical mode
 */
.nav--stacked li {
  display: list-item; }
/* ========================= Fit Navigation =========================
 * Force a nav to occupy 100% of the available width of its parent.
 * Thanks to @pimpl for this idea!
 */
.nav--fit {
  display: table;
  width: 100%; }
  .nav--fit > li {
    display: table-cell; }

.news-template-start a {
  text-decoration: none;
  color: #595959; }
  .news-template-start .news-img-wrap {
    margin-bottom: 20px; }
  .news-template-start .header h3 {
    margin: 0; }
  .news-template-start .teaser-text {
    color: #595959; }
    .news-template-start .teaser-text p {
      margin: 0; }

.news-template-standard {
  padding-top: 30px; }
  .news-template-standard .article {
    margin-bottom: 20px; }
  .news-template-standard a {
    text-decoration: none;
    color: #595959; }
  .news-template-standard .header h3 {
    margin: 0; }
  .news-template-standard .teaser-text {
    color: #595959; }
    .news-template-standard .teaser-text p {
      margin: 0; }

.news-list-view {
  margin-bottom: 30px; }

.page-navigation {
  padding: 10px;
  border-bottom: #bfbfbf 1px solid; }
  .page-navigation p {
    float: left;
    margin: 0; }
  .page-navigation .f3-widget-paginator {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .page-navigation .f3-widget-paginator li {
      display: inline-block;
      margin: 0;
      padding: 0; }

.news-template-termine-startseite a {
  color: #595959;
  text-decoration: none; }
  .news-template-termine-startseite .news-list-date {
    display: inline-block;
    white-space: nowrap;
    font-weight: bold; }
  .news-template-termine-startseite .news-list-title {
    display: inline-block; }

.news-template-termine .teaser-text {
  border-bottom: #bfbfbf 1px solid;
  padding: 10px 0 7px 0; }
  .news-template-termine a {
    color: #595959;
    text-decoration: none; }
  .news-template-termine .news-list-date {
    white-space: nowrap;
    max-width: 245px; }
  .news-template-termine .news-list-title {
    float: right;
    width: 100%;
    padding-left: 245px; }
    .news-template-termine .news-list-title .news-list-event {
      font-weight: bold; }

.news-template-segelkalender .teaser-text {
  border-bottom: #bfbfbf 1px solid;
  padding: 10px 0 7px 0; }
  .news-template-segelkalender a {
    color: #595959;
    text-decoration: none; }
  .news-template-segelkalender .news-list-date {
    white-space: nowrap;
    max-width: 245px; }
  .news-template-segelkalender .news-list-title {
    float: right;
    width: 100%;
    padding-left: 245px; }
    .news-template-segelkalender .news-list-title .news-list-event {
      font-weight: bold; }
    .news-template-segelkalender .news-list-title .news-list-teaser {
      display: inline-block; }
      .news-template-segelkalender .news-list-title .news-list-teaser p {
        margin: 0; }
    .news-template-segelkalender .news-list-title .news-list-location {
      display: inline-block; }

.news-template-videos {
  margin: 30px 0; }

.page-1 .news-template-termine-startseite, .page-1 .news-template-start {
  font-size: 14px;
  font-size: 0.875rem; }

.tx-powermail h3 {
  display: none; }
  .tx-powermail .powermail_fieldset {
    background: #fff;
    padding: 20px 10px;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
  .tx-powermail .powermail_legend {
    display: none; }
  .tx-powermail .powermail_fieldwrap {
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .tx-powermail .powermail_field input {
    width: 100%; }
    .tx-powermail .powermail_field input.powermail_submit {
      width: auto;
      float: right; }
    .tx-powermail .powermail_field textarea {
      width: 100%; }
  .tx-powermail .powermail_fieldwrap_text {
    margin-top: 24px;
    margin-top: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
  .tx-powermail .powermail_fieldwrap_type_check .powermail_label, .tx-powermail .powermail_fieldwrap_type_radio .powermail_label {
    border-bottom: #bfbfbf 2px solid;
    font-weight: normal; }
    .tx-powermail .powermail_fieldwrap_type_check .powermail_field input, .tx-powermail .powermail_fieldwrap_type_radio .powermail_field input {
      width: auto; }
  .tx-powermail .powermail_fieldwrap_trenner, .tx-powermail .powermail_fieldwrap_trenner01 {
    float: none;
    clear: both; }
    .tx-powermail .powermail_fieldwrap_trenner .powermail_field, .tx-powermail .powermail_fieldwrap_trenner01 .powermail_field {
      padding: 1.5rem 0; }
    .tx-powermail .powermail_fieldwrap_trenner .powermail_field hr, .tx-powermail .powermail_fieldwrap_trenner01 .powermail_field hr {
      border-top: #bfbfbf 5px solid;
      margin: 0; }
  .tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: #ebccd1;
    border: 1px solid #a94442;
    color: #a94442; }
  .tx-powermail .powermail_fieldset .parsley-errors-list, .tx-powermail .powermail_fieldset .parsley-errors-list.filled {
    display: none !important; }

@media screen and (max-width: 767px) {
  .powermail_fieldwrap.one-half, .two-quarters.powermail_fieldwrap, .three-sixths.powermail_fieldwrap, .four-eighths.powermail_fieldwrap, .five-tenths.powermail_fieldwrap, .six-twelfths.powermail_fieldwrap {
    width: 100%; }
    .powermail_fieldwrap.one-third, .two-sixths.powermail_fieldwrap, .four-twelfths.powermail_fieldwrap {
      width: 100%; }
    .powermail_fieldwrap.one-sixth, .two-twelfths.powermail_fieldwrap {
      width: 33%; }
    .powermail_fieldwrap.two-sixths {
      width: 66%; } }

.tx-indexedsearch-icon {
  width: 20px; }

.searchform-label {
  padding-right: 20px; }

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
  width: 200px; }
/*
 * Hacks & Co
 */
.tx-yag-item-meta:after, .tx-yag-navigation-clearer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }
/* End hide from IE-mac */
/*
 * Breadcrumbs
 */
.tx-yag-breadcrumbcomtainer {
  border-top: none;
  border-bottom: #bfbfbf 2px solid;
  margin: 0 0 24px 0;
  padding: 0 0 5px 0; }

.tx-yag-breadcrumb {
  color: Black; }
/* Redefine default theme */
.tx-yag-gallery-thumb-outerframe, .tx-yag-album-thumb-outerframe, .tx-yag-item-thumb-outerframe {
  height: auto; }

.tx-yag-lightbox-leftcolumn {
  width: 70%;
  float: left; }

.tx-yag-lightbox-rightcolumn {
  width: 30%;
  margin-left: 70%;
  text-align: right; }

.offPageItems {
  visibility: hidden; }

.yag-list-wrap {
  overflow: hidden; }

.tx-yag-items:after {
  content: '';
  display: block;
  clear: both; }

.tx-yag-thumb-outerframe {
  float: left;
  list-style-type: none; }

.tx-yag-gallery-thumb-outerframe, .tx-yag-album-thumb-outerframe {
  margin-bottom: 25px;
  width: 50%; }

.yag-list-wrap ul {
  margin: 0 -12px;
  padding: 0; }

.yag-item-thumb-outerframe {
  margin: 0;
  padding: 12px; }

.tx-yag-thumb-innerframe {
  overflow: hidden; }

.tx-yag-gallery-thumb-innerframe, .tx-yag-album-thumb-innerframe {
  float: left; }

.yag-item-thumb-innerframe img {
  width: 100%; }

.tx-yag-gallery-galleryinfo, .tx-yag-album-albuminfo {
  margin-left: 210px; }

.tx-yag-pager {
  padding: 12px; }
/* Medium desktop: 4 tiles */
.yag-item-thumb-outerframe {
  width: 25%; }

.tx-yag-gallery-thumb-outerframe, .tx-yag-album-thumb-outerframe {
  width: 50%; }

@media only screen and (max-width: 767px) {
  /* Tablet view: 2 tiles */
    .yag-item-thumb-outerframe {
      width: 50%; }
    .tx-yag-gallery-thumb-outerframe, .tx-yag-album-thumb-outerframe {
      width: 100%; } }
/* magnific popup css */
.yag-lightbox-meta {
  display: none; }
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }
/* Fade animation for popup content */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.mfp-figure {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }
/* Caption customization */
img.mfp-img {
  max-height: 80%;
  padding: 0; }

.mfp-title {
  margin: 0 12px;
  padding-right: 0; }

.mfp-bottom-bar {
  background-color: rgba(0, 0, 0, 0.5);
  /* padding: 10px 12px; */
  position: relative;
  margin-top: 0;
  top: auto;
  padding: 10px 0; }

.mfp-figure figure {
  margin: 0; }

.mfp-figure:after {
  background: none;
  top: 0;
  bottom: 0; }

.mfp-counter {
  top: 10px;
  right: 12px; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  top: -35px; }
/* As overlay */
.mfp-bottom-bar {
  position: absolute;
  bottom: 0px;
  opacity: 0;
  -moz-transition: opacity 0.3s 0.1s;
  -o-transition: opacity 0.3s 0.1s;
  -ms-transition: opacity 0.3s 0.1s;
  -webkit-transition: opacity 0.3s 0.1s;
  transition: opacity 0.3s 0.1s; }

.mfp-content:hover .mfp-bottom-bar {
  opacity: 1; }

.mfp-content dl {
  overflow: hidden;
  *zoom: 1; }

.mfp-content dt {
  float: left;
  clear: left;
  width: 115px;
  font-weight: bold; }

.mfp-content dd {
  margin: 0 0 0 125px; }

.mfp-content p {
  padding: 10px 0; }
/* OffPageItems */
.offPageItems .tx-yag-thumb-outerframe {
  margin: 0;
  padding: 0; }
/* Pager */
.tx-ptextlist-pager li {
  display: inline; }

.tx-ptextlist-pager .active a {
  cursor: default;
  color: black; }
/* =============================================================================
 $ DROPDOWN ACCORDION
 ================================================================================ */
.dropdown {
  margin: 0 0 35px 0; }
  .dropdown dl {
    margin: -1px; }
    .dropdown dl dt {
      position: relative;
      width: 100%;
      z-index: 1;
      margin: 0;
      cursor: pointer; }
    .dropdown dl dt:hover {
      font-weight: bold; }
    .dropdown dl dd {
      position: relative;
      z-index: 2;
      display: none;
      width: 100%;
      margin: 0;
      padding-bottom: 1px; }
    .dropdown dl dd p {
      margin-bottom: 0.5rem; }
    .dropdown dl dd a {
      color: #595959; }
    .dropdown dl dd .redbutton {
      color: #fff; }
  .dropdown dt.active {
    background-image: url(../Images/dropdown_arrow_active.png);
    background-position: right bottom 25px;
    background-repeat: no-repeat; }
  .dropdown dt.inactive {
    background-image: url(../Images/dropdown_arrow_inactive.png);
    background-position: right bottom 25px;
    background-repeat: no-repeat; }

.tx-felogin-pi1 form {
  margin-top: 20px; }
  .tx-felogin-pi1 form .permalogin {
    margin-bottom: 10px; }
    .tx-felogin-pi1 form .permalogin input, .tx-felogin-pi1 form .permalogin label {
      display: inline-block; }

.statusmessage {
  padding: 1em;
  color: #fff;
  background: #e30613; }
/* --------------------------------
 Modules - reusable parts of our design
 -------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 100%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both; }
/* --------------------------------
 Main components
 -------------------------------- */
#cd-timeline {
  position: relative;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em; }

#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #e6e6e6; }

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

.timeline-categories ul {
  display: block;
  padding: 0; }

.timeline-categories li {
  display: block;
  padding: 0;
  padding-left: 25px; }

.timeline-categories a {
  color: #303e49;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px; }

.timeline-categories a:hover li:before {
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-right: 5px;
  margin-left: 0;
  -webkit-transition: width 0.1s, height 0.1s, margin 0.1s;
  transition: width 0.1s, height 0.1s, margin 0.1s; }

.timeline-categories li:before {
  -webkit-transition: width 0.1s, height 0.1s, margin 0.1s;
  transition: width 0.1s, height 0.1s, margin 0.1s;
  display: inline-block;
  content: " ";
  vertical-align: top;
  background: white url('/typo3conf/ext/nrv_template/Resources/Public/Icons/cd-icon-wimpel.svg') center no-repeat;
  background-size: 25px;
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: 0 0 0 4px #e6e6e6, inset 0 0 0 rgba(0, 0, 0, 0.08), 0 0 0 4px rgba(0, 0, 0, 0.05); }

.timeline-categories li.Offshore:before {
  background: #fff url('/typo3conf/ext/nrv_template/Resources/Public/Icons/Offshore.png') center no-repeat;
  background-size: 30px; }

.timeline-categories li.Inshore:before {
  background: #fff url('/typo3conf/ext/nrv_template/Resources/Public/Icons/Inshore.png') center no-repeat;
  background-size: 30px; }

.timeline-categories li.Event:before {
  background: #fff url('/typo3conf/ext/nrv_template/Resources/Public/Icons/SocialEvents.png') center no-repeat;
  background-size: 30px; }

.cd-timeline-img.is-hidden, .cd-timeline-content.is-hidden {
  visibility: hidden; }

.cd-timeline-img.bounce-in {
  visibility: visible;
  animation: cd-bounce-1 0.6s; }

.cd-timeline-content.bounce-in {
  visibility: visible;
  -webkit-animation: cd-bounce-2 0.6s;
  -moz-animation: cd-bounce-2 0.6s;
  animation: cd-bounce-2 0.6s; }

.cd-timeline-block {
  position: relative; }

.cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
  visibility: visible;
  -webkit-animation: cd-bounce-2-inverse 0.6s;
  -moz-animation: cd-bounce-2-inverse 0.6s;
  animation: cd-bounce-2-inverse 0.6s; }

.cd-timeline-block a {
  display: block;
  color: #595959; }

.cd-timeline-block a:hover {
  text-decoration: none; }

.cd-timeline-block::after {
  content: "";
  display: table;
  clear: both; }

.cd-timeline-block:first-child {
  margin-top: 0; }

.cd-timeline-block:last-child {
  margin-bottom: 0; }

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #e6e6e6, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
  background: #e30613; }

.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px; }

.cd-timeline-img.Offshore {
  background: #fff; }

.cd-timeline-img.Inshore {
  background: #fff; }

.cd-timeline-img.Event {
  background: #fff; }

.cd-timeline-img.Offshore img {
  background: url('/typo3conf/ext/nrv_template/Resources/Public/Icons/Offshore.png');
  background-size: 100%;
  padding-left: 44px;
  display: block;
  width: 44px;
  height: 44px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px; }

.cd-timeline-img.Inshore img {
  background: url('/typo3conf/ext/nrv_template/Resources/Public/Icons/Inshore.png');
  background-size: 100%;
  padding-left: 44px;
  display: block;
  width: 44px;
  height: 44px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px; }

.cd-timeline-img.Event img {
  background: url('/typo3conf/ext/nrv_template/Resources/Public/Icons/SocialEvents.png');
  background-size: 100%;
  padding-left: 44px;
  display: block;
  width: 44px;
  height: 44px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px; }

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #e6e6e6;
  border-radius: 0.25em;
  padding: 1em; }

.cd-timeline-content::after {
  content: "";
  display: table;
  clear: both; }

.cd-timeline-content h2 {
  color: #303e49;
  margin-top: 0;
  border: none; }

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px; }

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block; }

.cd-timeline-content p {
  margin: 0 0 1em;
  line-height: 1.6; }

#content .cd-timeline-content .cd-read-more {
  float: right;
  padding: 0.8em 1em;
  background: #e30613;
  color: #fff;
  border-radius: 0.25em; }

.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #e30613; }

.cd-timeline-content {
  margin-bottom: 10px; }

.cd-timeline-content .cd-date {
  float: left;
  padding: 0.8em 0;
  opacity: 0.7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #e6e6e6; }

.cd-timeline-content .containerlink .news-img-wrap {
  margin-bottom: 10px; }

.cd-timeline-content h2 {
  margin-bottom: 5px; }

@media (min-width: 600px) {
  .timeline-categories a {
    display: inline-block; }

  .cd-timeline-content .containerlink .news-img-wrap {
    float: left;
    margin-right: 10px; }

  .cd-timeline-content h2 {
    margin-bottom: 10px; } }

@media only screen and (min-width: 768px) {
  .timeline-categories ul, .timeline-categories li {
    display: inline-block; }

  .cd-timeline-content h2 {
    font-size: 20px; }

  .cd-timeline-content p {
    font-size: 16px; }

  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px; } }

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em; }

  #cd-timeline:before {
    left: 50%;
    margin-left: -2px; }

  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; }

  .cd-timeline-block {
    margin: -4em 0; }

  .cd-timeline-block:first-child {
    margin-top: 0; }

  .cd-timeline-block:last-child {
    margin-bottom: 0; }

  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    padding-right: 15px;
    width: 45%; }

  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #e6e6e6; }

  .cd-timeline-content .cd-read-more {
    float: left; }

  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #e6e6e6; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right; } }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2); }

  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2); }

  100% {
    -moz-transform: scale(1); } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px); }

  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px); }

  100% {
    -moz-transform: translateX(0); } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }

  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px); }

  100% {
    -moz-transform: translateX(0); } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
/*
 * Grid object which makes use of the width classes in generic/_widths.scss
 *
 * @package #{ext_directory()}
 * @path Objects/_Grid.scss
 */
/* =============================================================================
 $ Grid Classes
 ================================================================================
 * A basic grid system which is dependent on the border-box layout mode
 * e.g.
 *
 <div class="g">
 <div class="gi one-third"> </div>
 <div class="gi one-third"> </div>
 <div class="gi one-third"> </div>
 </div>
 ================================================================================ */
.g, .grid {
  margin-left: -20px;
  margin-right: -20px; }
  .g.small, .grid.small {
    margin-left: -10px;
    margin-right: -10px; }

.gi, .grid__item {
  float: left;
  padding-left: 20px;
  padding-right: 20px; }
  .gi.small, .grid__item.small {
    padding-left: 10px;
    padding-right: 10px; }
/*
 * Site dependent styles
 *
 * @package #{ext_directory()}
 * @path /_Styles.scss
 */
/* =============================================================================
 $ Header
 ================================================================================ */
.site-header {
  margin-top: 15px;
  padding-bottom: 12px;
  background: url('/typo3conf/ext/nrv_template/Resources/Public/Images/header-flag.png') repeat-x bottom left; }
  .site-header .site-wrapper {
    background-color: #e2e2e2;
    height: 160px;
    padding: 20px 60px; }
    .site-header .site-wrapper #header-logo .site-logo {
      position: absolute;
      top: 27px;
      left: 60px;
      width: 125px;
      height: 111px;
      display: inline-block;
      background: transparent url('/typo3conf/ext/nrv_template/Resources/Public/Images/NRV_Logo_Adler.png');
      background-size: auto 100%;
      background-repeat: no-repeat;
      border: 0;
      overflow: hidden;
      font: 0/0 a; }
      @media screen and (max-width: 767px) {
    .site-header .site-wrapper #header-logo .site-logo {
      height: 70px;
      left: 25px; } }
      @media screen and (max-width: 1024px) {
    .site-header .site-wrapper #header-logo .site-logo {
      height: 100px;
      left: 40px; } }
    .site-header .site-wrapper #logo-150 {
      position: absolute;
      top: 27px;
      left: 210px;
      width: 160px;
      height: 111px;
      border: 0;
      overflow: hidden;
      font: 0/0 a;
      display: inline-block;
      background: transparent url('/typo3conf/ext/nrv_template/Resources/Public/Images/NRV_Logo_150.png') no-repeat top left;
      background-size: auto 100%; }
    @media screen and (max-width: 767px) {
    .site-header .site-wrapper #logo-150 {
      height: 70px;
      left: 110px; } }
    @media screen and (max-width: 1024px) {
    .site-header .site-wrapper #logo-150 {
      height: 100px;
      left: 160px; } }
    .site-header .site-wrapper #logo-150 a {
      display: block;
      width: 100%;
      height: 100%; }
    .site-header .site-wrapper #meta-nav {
      position: absolute;
      top: 20px;
      right: 60px; }
    .site-header .site-wrapper #site-nav {
      position: absolute;
      bottom: 10px;
      right: 100px; }
    .site-header .site-wrapper #site-search {
      position: absolute;
      bottom: 28px;
      right: 60px; }
/* =============================================================================
 $ Meta-Nav
 ================================================================================ */
.meta-nav {
  display: inline-block; }
  .meta-nav li {
    margin-left: 20px; }
    .meta-nav li a {
      font-size: 14px;
      font-size: 0.875rem;
      color: #a6a6a6; }
    .meta-nav li a:hover, .meta-nav li a.active {
      color: #595959;
      text-decoration: none; }

.facebook-icon {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url('/typo3conf/ext/nrv_template/Resources/Public/Images/facebook-icon.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 20px; }

.search-btn {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url('/typo3conf/ext/nrv_template/Resources/Public/Images/search-icon.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  font: 0/0 a; }
/* =============================================================================
 $ Site-Nav
 ================================================================================ */
.site-nav {
  text-align: right; }
  .site-nav li {
    position: relative;
    padding: 10px 20px; }
    .site-nav li:hover {
      background: #fff; }
    .site-nav li a {
      font-size: 24px;
      font-size: 1.5rem;
      text-transform: uppercase;
      color: #a6a6a6; }
    .site-nav li a:hover, .site-nav li a.active {
      color: #595959;
      text-decoration: none; }
    .site-nav li.hasSub .lvl-1 {
      display: none;
      position: absolute;
      top: 44px;
      left: 0;
      z-index: 999;
      background-color: #fff;
      width: 300px;
      text-align: left;
      padding: 12px 20px 20px 20px;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
      .site-nav li.hasSub .lvl-1 li {
        display: block;
        padding: 0;
        margin: 8px 0 0 0; }
        .site-nav li.hasSub .lvl-1 li a {
          font-size: 18px;
          font-size: 1.125rem; }
    .site-nav li.hasSub:hover .lvl-1 {
      display: block; }
    .site-nav li.hasSub.last:hover .lvl-1 {
      left: auto;
      right: 0; }
/* =============================================================================
 $ Banner
 ================================================================================ */
.site-banner .site-wrapper div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin: 0; }
/* =============================================================================
 $ Breadcrumb
 ================================================================================ */
#bc-nav {
  color: #a6a6a6;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 24px 0; }
  #bc-nav ul li {
    display: inline-block;
    margin: 0 8px 0 0;
    background: none !important;
    padding: 0 !important; }
    #bc-nav ul li:after {
      content: '>'; }
    #bc-nav ul li.last:after {
      content: ''; }
    #bc-nav ul li a {
      color: #a6a6a6;
      display: inline-block;
      margin-right: 8px; }
/* =============================================================================
 $ Content
 ================================================================================ */
.site-content .site-wrapper {
  background-color: #f2f2f2;
  padding: 0 60px; }
  .site-content .site-wrapper .side-content {
    padding-left: 60px;
    position: relative;
    top: -48px; }
  .site-content .site-wrapper .side-content.no-banner {
    top: 0;
    margin-top: 70px; }

h1, h2, h3 {
  text-transform: uppercase; }

h2 {
  border-bottom: #bfbfbf 2px solid; }

div.csc-textpic .csc-textpic-imagewrap img {
  width: 100%; }
/* =============================================================================
 $ Sidenav
 ================================================================================ */
.side-nav {
  background: #fff;
  padding: 12px 20px 20px 20px;
  margin-bottom: 40px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
  .side-nav ul li {
    display: block;
    margin: 8px 0 0 0; }
  .side-nav ul li a {
    color: #a6a6a6;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.125rem; }
    .side-nav ul li a:hover, .side-nav ul li a.active {
      color: #595959;
      text-decoration: none; }
  .side-nav ul li .lvl-1 li {
    margin-left: 1em; }
    .side-nav ul li .lvl-1 li a {
      text-transform: none; }
/* =============================================================================
 $ Footer
 ================================================================================ */
a.cd-top {
  display: block;
  margin-top: 40px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #595959;
  padding-left: 30px;
  background: url('/typo3conf/ext/nrv_template/Resources/Public/Images/totop.png') no-repeat left -5px; }

.site-footer {
  margin-bottom: 15px; }
  .site-footer .site-wrapper {
    background-color: #bfbfbf;
    padding: 30px 60px; }
  .site-footer .site-wrapper .megaNav {
    background: url('/typo3conf/ext/nrv_template/Resources/Public/Images/nrv-flag2.png') no-repeat top right;
    background-size: auto 100%; }
  .site-footer .site-wrapper .megaNav .footermega li {
    display: block;
    margin: 8px 0 0 0; }
    .site-footer .site-wrapper .megaNav .footermega li a {
      color: #7f7f7f;
      font-size: 14px;
      font-size: 0.875rem; }
      .site-footer .site-wrapper .megaNav .footermega li a:hover, .site-footer .site-wrapper .megaNav .footermega li a.active {
        color: #595959;
        text-decoration: none; }
  .site-footer .site-wrapper .copyright {
    margin-top: 60px;
    font-size: 14px;
    font-size: 0.875rem;
    color: #7f7f7f; }
  .site-footer .site-wrapper .copyright a {
    color: #7f7f7f; }
  .site-footer .site-wrapper .copyright .footer-nav {
    display: inline-block;
    margin: 0 12px; }
/* =============================================================================
 $ Startseite
 ================================================================================ */
.page-1 #bc-nav {
  display: none; }
  .page-1 .main-content {
    width: 100%;
    position: relative;
    top: -48px; }
/* =============================================================================
 $ FCEs
 ================================================================================ */
.box-white {
  padding: 1em;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px; }

.box-darkGray {
  padding: 1em;
  background: #595959;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px; }
  .box-darkGray * {
    color: #fff; }

.box-lightGray {
  padding: 1em;
  background: #bfbfbf;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px; }

.box-red {
  padding: 1em;
  background: #bf1c29;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px; }
  .box-red * {
    color: #fff; }
/* =============================================================================
 $ Toogle Mobile Menü
 ================================================================================ */
.toggle-mobile-menu {
  display: none;
  position: absolute;
  top: 21px;
  right: 25px;
  width: 30px;
  height: 25px;
  background: url('/typo3conf/ext/nrv_template/Resources/Public/Images/toggle-icon.png') no-repeat left top;
  z-index: 9999; }
  @media screen and (max-width: 767px) {
  .toggle-mobile-menu {
    display: block; } }

#mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  right: -250px;
  height: 100%;
  z-index: 999999;
  width: 250px;
  overflow-x: none;
  overflow-y: auto;
  padding: 21px 25px;
  background: #fff;
  color: #593a28;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
  #mobile-menu .toggle-mobile-menu {
    display: block;
    position: static;
    width: 30px;
    height: 25px;
    background: url('/typo3conf/ext/nrv_template/Resources/Public/Images/toggle-icon.png') no-repeat left top;
    z-index: 9999;
    margin-bottom: 40px; }
  #mobile-menu .mobile-nav li {
    display: block;
    border-top: #ccc 1px solid;
    padding: 10px 0 4px 0; }
  #mobile-menu .mobile-nav li a {
    color: #593a28;
    text-transform: uppercase; }
  #mobile-menu .mobile-nav .lvl-1 {
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: none; }
  #mobile-menu .mobile-nav .lvl-1 li {
    padding-left: 10px; }
/* =============================================================================
 $ Mediaqueries
 ================================================================================ */
@media screen and (max-width: 1240px) {
  DIV.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: none; }

  .site-footer {
    margin-bottom: 0; }

  .site-header {
    margin-top: 0; }

  .site-nav li {
    padding: 10px 10px; }

  .site-nav li a {
    font-size: 20px; }

  .site-nav li.hasSub:hover .lvl-1 {
    position: absolute;
    top: 42px !important; } }

@media screen and (max-width: 1024px) {
  html {
    font-size: 90%; }

  .site-header .site-wrapper {
    padding: 20px 40px;
    height: 135px; }

  .site-header .site-wrapper #header-logo .site-logo {
    height: 100px;
    left: 40px; }

  .site-header .site-wrapper #logo-150 {
    height: 100px;
    left: 160px; }

  .site-header .site-wrapper #meta-nav {
    right: 40px; }

  .site-header .site-wrapper #site-nav {
    right: 80px;
    bottom: 5px; }

  .site-header .site-wrapper #site-search {
    bottom: 23px;
    right: 40px; }

  .site-nav li {
    padding: 10px 5px; }

  .site-nav li a {
    font-size: 16px; }

  .site-nav li.hasSub:hover .lvl-1 {
    position: absolute;
    top: 44px !important; }

  .site-content .site-wrapper {
    padding: 0 40px; }

  .site-content .site-wrapper .side-content {
    padding-left: 20px;
    top: -36px; }

  .page-1 .main-content {
    top: -36px; }

  .site-footer .site-wrapper {
    padding: 30px 40px; }

  .site-nav li.hasSub:hover .lvl-1 {
    top: 50px;
    padding: 8px 10px 10px 10px;
    width: 240px; } }

@media screen and (max-width: 767px) {
  .site-header .site-wrapper {
    height: 115px; }

  .site-header .site-wrapper .meta-nav {
    display: none; }

  .facebook-icon {
    margin: 0 40px 0 0;
    width: 27px;
    height: 27px; }

  .site-header .site-wrapper #header-logo .site-logo {
    height: 70px;
    left: 25px; }

  .site-header .site-wrapper #logo-150 {
    height: 70px;
    left: 110px; }

  .site-header .site-wrapper #site-nav {
    display: none; }

  .site-header .site-wrapper #site-search {
    right: 30px; }

  .site-content .site-wrapper {
    padding: 0 25px; }

  .site-content .site-wrapper .side-content {
    padding-left: 20px;
    top: 0; }

  .side-nav {
    margin-top: 40px; }

  .site-footer .site-wrapper {
    padding: 30px 25px; }

  .site-footer .site-wrapper .megaNav {
    background: none; }

  h1, .h1 {
    font-size: 24px;
    font-size: 1.5rem; }

  .page-1 .main-content {
    top: 0;
    margin-top: 20px; } }
/*
 * Helper Classes from the boilerplate project
 *
 * @package #{ext_directory()}
 * @path Generic/_Helper.scss
 * @link http://html5boilerplate.com/docs/css/#non-semantic-helper-classes
 */
/**
 * Quick floats
 */
.fl-r {
  float: right; }

.fl-l {
  float: left; }
/**
 * For image replacement
 */
.ir, .brand-logo, .image-replacement {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  font: 0/0 a; }
/**
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }
/**
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.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
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
/**
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }
/**
 * Contain floats: h5bp.com/q
 */
.cf:before, .dl--horizontal:before, .page-navigation:before, .news-template-termine .teaser-text:before, .news-template-segelkalender .teaser-text:before, .tx-powermail .powermail_fieldset:before, .g:before, .grid:before, .clearfix:before, .cf:after, .dl--horizontal:after, .page-navigation:after, .news-template-termine .teaser-text:after, .news-template-segelkalender .teaser-text:after, .tx-powermail .powermail_fieldset:after, .g:after, .grid:after, .clearfix:after {
  content: "";
  display: table; }
  .cf:after, .dl--horizontal:after, .page-navigation:after, .news-template-termine .teaser-text:after, .news-template-segelkalender .teaser-text:after, .tx-powermail .powermail_fieldset:after, .g:after, .grid:after, .clearfix:after {
    clear: both; }
/*
 * Print styles - Inlined to avoid another HTTP connection
 *
 * @package #{ext_directory()}
 * @path Generic/_Print.scss
 * @link http://h5bp.com/r
 */
@media print {
  * {
    background: transparent !important;
    /**
     * Black prints faster: h5bp.com/s
     */
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  @page {
    margin: 0.5cm; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    /**
     * h5bp.com/t
     */
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  a, a:visited {
    text-decoration: underline; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .print-hidden {
    display: none; } }