@charset "UTF-8";
/**
 * $NORMALIZE
 * ==========================================================================
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
    padding: 0;
}

/* HTML5 display definitions
   -------------------------------------------------------------------------- */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

figcaption {
    display: block !important;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
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.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template {
    display: none;
}

/* Links
   -------------------------------------------------------------------------- */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
    outline: 0;
}

/* Text-level semantics
   -------------------------------------------------------------------------- */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   -------------------------------------------------------------------------- */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   -------------------------------------------------------------------------- */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
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 5, and Chrome.
 */
button, input, optgroup, select, textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
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+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
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.
 */
button[disabled], html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
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.
 */
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.
 */
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`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
}

/**
 * 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).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
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.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   -------------------------------------------------------------------------- */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

/**
 * CPS-IT Framework
 * ------------------------------------------------
 */
/*------------------------------------*\
	$OBJECTS AND ABSTRACTIONS
\*------------------------------------*/
/**
 * Which objects and abstractions would you like to use?
 * --------------------------------------------------------------------------
 */
/**
 * Tell CPS-Framework when breakpoints start.
 * usage: "@include bp(small) {}" or "@include bp(1024px) {}"
 * --------------------------------------------------------------------------
 * You can add more breakpoints in /css/scss/base/_mixins.scss --> @mixin bp
 */
/*------------------------------------*\
   CPS-Briefing starts HERE
\*------------------------------------*/
/**
 * Utility font sizes
 * --------------------------------------------------------------------------
 */
/**
 * Base spacing units
 * --------------------------------------------------------------------------
 * This section defines spacing behavior for p, ul, ol, csc-content, csc-frames, hr, forms, ...
 * If you use it you get a global spacing depending on the main font-size
 */
/**
 * Base colors
 * --------------------------------------------------------------------------
 * This $c-color is simply serving as a placeholder, and is not used.
 */
/**
 * Color Usage
 * --------------------------------------------------------------------------
 * This $c-color is simply serving as a placeholder, and is not used.
 */
/**
 * Base Font Families
 * --------------------------------------------------------------------------
 */
/**
 * Heading font sizes
 * --------------------------------------------------------------------------
 * - small function to help using pixels but create em values in the context of the base-font-size
 * - font-size values are pixel based but get converted to EMs
 */
/*
 * h4 & h5 are usually the same size as base-font-size but with different styling (therefore we didn't create breakpoint behaviour in advance)
 */
/**
 * List styles (ul, ol)
 * --------------------------------------------------------------------------
 */
/**
 * Intro Text
 * --------------------------------------------------------------------------
 */
/**
 * Testimonial
 * --------------------------------------------------------------------------
 */
/**
 * Images
 * --------------------------------------------------------------------------
 */
/*------------------------------------*\
   CPS-Briefing ends HERE
\*------------------------------------*/
/**
 * Animations
 * --------------------------------------------------------------------------
 */
/**
 * Frames (rule before, rule after)
 * --------------------------------------------------------------------------
 */
/**
 * z-Index
 * --------------------------------------------------------------------------
 */
/* mainmenu */
/* mobilemenu */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * When inside (context) selector
 * usage: "@include when-inside(".myOuterClass") {color: red}"
 * --------------------------------------------------------------------------
 */
/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * usage: "@include accessibility;"
 * --------------------------------------------------------------------------
 */
/**
 * PxToRm (px value but without the "px")
 * usage: "@include px-rem(font-size, 18);"
 * --------------------------------------------------------------------------
 */
/**
 * Headings
 * usage: "@include headings(1, 6) {...}"
 * --------------------------------------------------------------------------
 */
/**
 * Unstyled Lists
 * usage: "@include list-reset($margin-bottom: true);"
 * --------------------------------------------------------------------------
 */
/**
 * Clearfix
 * usage: "@include clearfix;"
 * --------------------------------------------------------------------------
 */
/**
 * Text Overflow / Truncate
 * usage: "@include text-truncate;"
 * --------------------------------------------------------------------------
 */
/**
 * Breakpoints
 * usage: "@include bp(small) {...}"
 * --------------------------------------------------------------------------
 */
/**
 * $GLOBALS
 * ==========================================================================
 * Here are any base styles added to all elements (*), <html> or <body>.
 * If adding a background image or color to the body, I'd suggest doing
 * that here as well.
 */
*, *:before, *:after {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    font-size: 100%;
    box-sizing: border-box;
}

body {
    font-family: Arial, Georgia, serif;
    color: #000000;
    background-color: #d8dde6;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.375;
}

@media only screen and (max-width: 1024px) {
    body {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.25;
    }
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.25;
    }
}

img, iframe {
    max-width: 100%;
    height: auto;
}

.g-container {
    max-width: 960px;
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    .g-container {
        width: 90%;
    }
}

@media only screen and (max-width: 570px) {
    .g-container {
        width: 100%;
    }
}

.g-clearfix:before, .g-clearfix:after {
    content: "";
    display: table;
}

.g-clearfix:after {
    clear: both;
}

.accessibility, .is-visuallyhidden, .skiplink {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.g-valid {
    color: red;
}

.g-error {
    color: green;
}

/* Display Classes */
@media only screen and (max-width: 1024px) {
    .g-hide-medium {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .g-hide-medium-small {
        display: none;
    }
}

@media only screen and (max-width: 570px) {
    .g-hide-small {
        display: none;
    }
}

::-moz-selection {
    background: #CD1421;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #CD1421;
    color: #ffffff;
    text-shadow: none;
}

.b-breadcrumb {
    position: relative;
    display: block;
    background-color: #053776;
    color: #ffffff;
    width: 100%;
    height: 30px;
}

.b-breadcrumb .b-breadcrumb-list {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #ffffff;
    padding: 0 10px;
}

.b-breadcrumb .b-breadcrumb-list .b-breadcrumb-list__item {
    position: relative;
    height: 100%;
    float: left;
    color: #ffffff;
    font-size: 12px;
    display: block;
}

.b-breadcrumb .b-breadcrumb-list .b-breadcrumb-list__item a {
    position: relative;
    height: 100%;
    color: #ffffff;
    font-size: 12px;
    padding: 9px 0;
    text-decoration: none;
    display: inline-block;
}

.b-breadcrumb .b-breadcrumb-list .b-breadcrumb-list__item.b-breadcrumb-list__item--cur {
    font-size: 12px;
    text-decoration: underline;
    display: block;
    padding: 9px 0;
}

.b-breadcrumb .b-breadcrumb-list .b-breadcrumb-list__item.b-breadcrumb-list__item--cur:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

@media only screen and (max-width: 570px) {
    .b-breadcrumb {
        display: none;
    }
}

.copyright {
    position: relative;
    display: block;
    float: left;
    margin: 5px 0 0 2%;
    font-size: 12px;
    color: #053776;
}

@media only screen and (max-width: 360px) {
    .copyright {
        float: none;
    }
}

.b-menuFooter-list {
    position: relative;
    display: block;
    float: left;
    margin: 0 0 0 5px;
}

.b-menuFooter-list li {
    position: relative;
    display: block;
    float: left;
    margin: 0 0 0 5px;
}

.b-menuFooter-list li a {
    font-size: 12px;
    color: #053776;
    padding: 0 5px 0 0;
    border-right: 1px solid #053776;
}

.b-menuFooter-list li.b-menuFooter-list__item--last a {
    border: none;
}

.b-menuFooter-list li.b-menuFooter-list__item--last:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.b-menuFooter-list:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

@media only screen and (max-width: 360px) {
    .b-menuFooter-list {
        float: none;
    }

    .b-menuFooter-list .b-menuFooter-list__item--first {
        margin: 0;
    }
}

.b-menuMain {
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .b-menuMain {
        display: none;
    }
}

.b-menuMain-list {
    margin: 0;
}

.b-menuMain-list.b-menuMain-list--level1 li {
    position: relative;
    float: left;
    display: block;
    border-left: 1px solid #d8dde6;
    padding: 0;
}

.b-menuMain-list.b-menuMain-list--level1 li a {
    padding: 0 10px 25px 5px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #053776;
}

.b-menuMain-list.b-menuMain-list--level1 li .b-menuMain-list--level2 {
    display: none;
}

.b-menuMain-list.b-menuMain-list--level1 li:hover a {
    color: #CD1421;
}

.b-menuMain-list.b-menuMain-list--level1 li:hover .b-menuMain-list--level2 {
    display: block;
    position: absolute;
    z-index: 5;
    left: 10px;
    margin-top: -15px;
    background-color: #053776;
}

.b-menuMain-list.b-menuMain-list--level1 li:hover .b-menuMain-list--level2 li {
    float: none;
    border-left: none;
    margin: 0;
    min-width: 150px;
}

.b-menuMain-list.b-menuMain-list--level1 li:hover .b-menuMain-list--level2 li a {
    color: #ffffff;
    padding: 10px 20px 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid white;
}

.b-menuMain-list.b-menuMain-list--level1 li:hover .b-menuMain-list--level2 li.b-menuMain-list__item--last a {
    border: none;
}

.b-menuMain-list.b-menuMain-list--level1 li:hover .b-menuMain-list--level2 li:hover {
    background-color: #CD1421;
}

.b-menuMain-list.b-menuMain-list--level1 li.b-menuMain-list__item--last a {
    padding: 0 0 25px 5px;
}

.b-menuMain-list.b-menuMain-list--level1 li.b-menuMain-list__item--last:hover .b-menuMain-list--level2 {
    right: 0;
    left: auto;
}

.b-menuMain-list.b-menuMain-list--level1:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

nav#mobilemenu {
    z-index: 100;
}

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
}

.mm-menu .mm-hidden {
    display: none;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu, .mm-menu > .mm-panel {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.mm-menu {
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0;
}

.mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.mm-menu > .mm-panel.mm-opened {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
}

.mm-menu > .mm-panel.mm-subopened {
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
}

.mm-menu > .mm-panel.mm-highest {
    z-index: 1;
}

.mm-menu .mm-list {
    padding: 20px 0;
}

.mm-menu > .mm-list {
    padding-bottom: 0;
}

.mm-menu > .mm-list:after {
    content: '';
    display: block;
    height: 40px;
}

.mm-panel > .mm-list {
    margin-left: -20px;
    margin-right: -20px;
}

.mm-panel > .mm-list:first-child {
    padding-top: 0;
}

.mm-list, .mm-list > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-list {
    font: inherit;
    font-size: 14px;
}

.mm-list a, .mm-list a:hover {
    text-decoration: none;
}

.mm-list > li {
    position: relative;
}

.mm-list > li > a, .mm-list > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto;
}

.mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.mm-list a.mm-subopen:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.mm-list a.mm-subopen.mm-fullsubopen {
    width: 100%;
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
    border-left: none;
}

.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {
    padding-right: 5px;
    margin-right: 40px;
}

.mm-list > li.mm-selected > a.mm-subopen {
    background: transparent;
}

.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0;
}

.mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px;
}

.mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px;
}

.mm-list > li.mm-spacer {
    padding-top: 40px;
}

.mm-list > li.mm-spacer.mm-label {
    padding-top: 25px;
}

.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
}

.mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px;
}

.mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -10px;
    left: 22px;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent;
}

.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
    display: block;
}

.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
    height: 40px;
}

.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
    height: 25px;
}

html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-menu {
    background: #ffffff;
    color: #000000;
    border-right: 1px solid #000000;
}

.mm-menu .mm-list > li:after {
    border-color: #d8dde6;
}

.mm-menu .mm-list > li > a.mm-subclose {
    color: #d8dde6;
    /*rgba(255, 255, 255, 0.3)*/
}

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: #d8dde6;
}

.mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: #d8dde6;
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05);
}

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
    box-sizing: border-box;
    position: relative;
}

.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-opened {
    overflow: hidden;
    position: relative;
}

html.mm-opened body {
    overflow: hidden;
}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
}

.mm-menu.mm-current {
    display: block;
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
    }
}

/*
	jQuery.mmenu buttonbars addon CSS
*/
.mm-buttonbar {
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
}

.mm-buttonbar:after {
    content: '';
    display: block;
    clear: both;
}

.mm-buttonbar > * {
    border-left: 1px solid transparent;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mm-buttonbar > a {
    text-decoration: none;
}

.mm-buttonbar > input {
    position: absolute;
    left: -1000px;
    top: -1000px;
}

.mm-buttonbar > input:checked + label {
    border-color: transparent !important;
}

.mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * {
    border-left: none;
}

.mm-buttonbar.mm-buttonbar-2 > * {
    width: 50%;
}

.mm-buttonbar.mm-buttonbar-3 > * {
    width: 33.33%;
}

.mm-buttonbar.mm-buttonbar-4 > * {
    width: 25%;
}

.mm-buttonbar.mm-buttonbar-5 > * {
    width: 20%;
}

.mm-header .mm-buttonbar {
    margin-top: 20px;
    margin-left: -30px;
    margin-right: -30px;
}

.mm-footer .mm-buttonbar {
    border: none;
    border-radius: none;
    line-height: 40px;
    margin: -10px -10px 0 -20px;
}

.mm-footer .mm-buttonbar > * {
    border-left: none;
}

.mm-list > li > .mm-buttonbar {
    margin: 10px 20px;
}

.mm-menu .mm-buttonbar {
    border-color: rgba(255, 255, 255, 0.6);
    background: #333333;
}

.mm-menu .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6);
}

.mm-menu .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: #333333;
}

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 40px;
    top: 50%;
}

em.mm-counter + a.mm-subopen {
    padding-left: 40px;
}

em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span {
    margin-right: 80px;
}

em.mm-counter + a.mm-fullsubopen {
    padding-left: 0;
}

.mm-vertical em.mm-counter {
    top: 12px;
    margin-top: 0;
}

.mm-nosubresults > em.mm-counter {
    display: none;
}

.mm-menu em.mm-counter {
    color: rgba(255, 255, 255, 0.3);
}

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

/*
	jQuery.mmenu footer addon CSS
*/
.mm-footer {
    background: inherit;
    border-top: 1px solid transparent;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px 10px 0 20px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
}

.mm-menu.mm-hasfooter > .mm-panel:after {
    height: 80px;
}

.mm-menu .mm-footer {
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.3);
}

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
    background: inherit;
    border-bottom: 1px solid transparent;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 0 50px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close {
    padding-top: 30px;
}

.mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
}

.mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    min-width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.mm-header .mm-prev {
    padding-left: 20px;
    padding-right: 10px;
    left: 0;
}

.mm-header .mm-next, .mm-header .mm-close {
    padding-left: 10px;
    padding-right: 20px;
    right: 0;
}

.mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-header [href].mm-prev:before {
    border-right: none;
    border-bottom: none;
    margin-left: 2px;
    margin-right: 5px;
}

.mm-header [href].mm-next:after, .mm-header [href].mm-close:after {
    margin-left: 5px;
    margin-right: -2px;
}

.mm-header [href].mm-next:after {
    border-top: none;
    border-left: none;
}

.mm-header [href].mm-close:after {
    content: 'x';
}

.mm-menu.mm-hassearch .mm-header {
    height: 50px;
    top: 50px;
}

.mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close {
    padding-top: 20px;
}

.mm-menu.mm-hasheader li.mm-subtitle {
    display: none;
}

.mm-menu.mm-hasheader > .mm-panel {
    padding-top: 80px;
}

.mm-menu.mm-hasheader > .mm-panel.mm-list {
    padding-top: 60px;
}

.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
    margin-top: -20px;
}

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
    padding-top: 120px;
}

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
    padding-top: 100px;
}

.mm-menu .mm-header {
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3);
}

/*
	jQuery.mmenu labels addon CSS
*/
.mm-list li.mm-label > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px;
}

.mm-list li.mm-label.mm-opened a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-list li.mm-collapsed:not(.mm-uncollapsed) {
    display: none;
}

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
    top: 8.5px;
}

.mm-menu .mm-list li.mm-label > div > div {
    background: rgba(255, 255, 255, 0.05);
}

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search, .mm-search input {
    box-sizing: border-box;
}

.mm-list > li.mm-search {
    padding: 10px;
    margin-top: -20px;
}

.mm-list > li.mm-subtitle + li.mm-search {
    margin-top: 0;
}

div.mm-panel > div.mm-search {
    padding: 0 0 10px 0;
}

.mm-menu.mm-hasheader .mm-list > li.mm-search {
    margin-top: 0;
}

.mm-menu > .mm-search {
    background: inherit;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.mm-search {
    padding: 10px;
}

.mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px;
}

.mm-search input::-ms-clear {
    display: none;
}

.mm-menu .mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 60px 0;
}

.mm-menu .mm-noresultsmsg:after {
    border: none !important;
}

.mm-noresults .mm-noresultsmsg {
    display: block;
}

.mm-menu li.mm-nosubresults > a.mm-subopen {
    display: none;
}

.mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px;
}

.mm-menu.mm-hassearch > .mm-panel {
    padding-top: 70px;
}

.mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px;
}

.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
    margin-top: -10px;
}

.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0;
}

.mm-menu .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.3);
}

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle, input.mm-check {
    position: absolute;
    left: -10000px;
}

label.mm-toggle, label.mm-check {
    margin: 0;
    position: absolute;
    bottom: 50%;
    z-index: 2;
}

label.mm-toggle:before, label.mm-check:before {
    content: '';
    display: block;
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-bottom: -15px;
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px;
}

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right;
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-bottom: -15px;
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1;
}

.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
    bottom: auto;
    margin-bottom: 0;
}

.mm-menu.mm-vertical .mm-list > li label.mm-toggle {
    top: 5px;
}

.mm-menu.mm-vertical .mm-list > li label.mm-check {
    top: 5px;
}

label.mm-toggle, label.mm-check {
    right: 20px;
}

label.mm-toggle + a, label.mm-toggle + span {
    margin-right: 70px;
}

label.mm-check + a, label.mm-check + span {
    margin-right: 50px;
}

a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check {
    right: 50px;
}

a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span {
    margin-right: 100px;
}

a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span {
    margin-right: 80px;
}

em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check {
    right: 90px;
}

em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span {
    margin-right: 140px;
}

em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span {
    margin-right: 120px;
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, 0.15);
}

.mm-menu label.mm-toggle:before {
    background: #333333;
}

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}

.mm-menu label.mm-check:before {
    border-color: rgba(255, 255, 255, 0.6);
}

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-slide.mm-opened .mm-menu {
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%);
}

html.mm-slide.mm-opening .mm-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

html.mm-slide.mm-right.mm-opened .mm-menu {
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%);
}

html.mm-slide.mm-right.mm-opening .mm-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

html.mm-slide.mm-top.mm-opened .mm-menu {
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
}

html.mm-slide.mm-top.mm-opening .mm-menu {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

html.mm-slide.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
}

html.mm-slide.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

html.mm-zoom-menu .mm-menu {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-zoom-menu.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateX(-30%);
    -ms-transform: scale(0.7, 0.7) translateX(-30%);
    transform: scale(0.7, 0.7) translateX(-30%);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

html.mm-zoom-menu.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateX(30%);
    -ms-transform: scale(0.7, 0.7) translateX(30%);
    transform: scale(0.7, 0.7) translateX(30%);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateY(-30%);
    -ms-transform: scale(0.7, 0.7) translateY(-30%);
    transform: scale(0.7, 0.7) translateY(-30%);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
}

html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0%);
    -ms-transform: scale(1, 1) translateY(0%);
    transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateY(30%);
    -ms-transform: scale(0.7, 0.7) translateY(30%);
    transform: scale(0.7, 0.7) translateY(30%);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0%);
    -ms-transform: scale(1, 1) translateY(0%);
    transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translateX(100%);
    -ms-transform: scale(1.5, 1.5) translateX(100%);
    transform: scale(1.5, 1.5) translateX(100%);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-property: -webkit-transform, left;
    transition-property: transform, left;
}

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(0.7, 0.7) translateX(-30%);
    -ms-transform: scale(0.7, 0.7) translateX(-30%);
    transform: scale(0.7, 0.7) translateX(-30%);
}

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

@media all and (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
    }
}

@media all and (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        transform: translate(10000px, 0);
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

@media all and (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
    }
}

@media all and (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0);
    }
}

.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom {
    height: 100%;
    min-height: 140px;
    max-height: 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important;
}

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top, .mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.mm-menu.mm-right {
    left: auto;
    right: 0;
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0;
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
    }
}

/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0 !important;
}

.mm-menu.mm-front {
    z-index: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

html.mm-opened.mm-next .mm-page {
    box-shadow: none;
}

.mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.mm-menu.mm-front.mm-top {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.mm-menu.mm-front.mm-bottom {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
    height: 80%;
    min-height: 140px;
    max-height: 880px;
}

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light {
    background: #f3f3f3;
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-buttonbar {
    border-color: rgba(0, 0, 0, 0.6);
    background: #f3f3f3;
}

.mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3;
}

.mm-menu.mm-light label.mm-check:before {
    border-color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-footer {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list li.mm-label > div > div {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-search input {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light label.mm-toggle {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3;
}

.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}

html.mm-opened.mm-white .mm-page {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white {
    background: white;
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.06);
}

.mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-buttonbar {
    border-color: rgba(0, 0, 0, 0.6);
    background: white;
}

.mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white;
}

.mm-menu.mm-white label.mm-check:before {
    border-color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-footer {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list li.mm-label > div > div {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-search input {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white label.mm-toggle {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white label.mm-toggle:before {
    background: white;
}

.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}

html.mm-opened.mm-black .mm-page {
    box-shadow: none;
}

.mm-menu.mm-black {
    background: black;
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25);
}

.mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-buttonbar {
    border-color: rgba(255, 255, 255, 0.6);
    background: black;
}

.mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black;
}

.mm-menu.mm-black label.mm-check:before {
    border-color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black em.mm-counter {
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-footer {
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-header {
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list li.mm-label > div > div {
    background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black label.mm-toggle {
    background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black label.mm-toggle:before {
    background: black;
}

.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}

#mobilemenu {
    font-size: 20px;
    font-size: 1.25rem;
    color: #053776;
    line-height: 1.8;
    font-weight: bold;
    border-right: none;
    border-left: 1px solid #d8dde6;
}

#mobilemenu ul.mm-list {
    font-size: 20px;
    font-size: 1.25rem;
    color: #053776;
    line-height: 1.8;
    border-left: 1px solid #d8dde6;
}

#mobilemenu ul.mm-list li {
    width: 100%;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.8;
    border: 0;
    padding: 0;
    float: none;
}

#mobilemenu ul.mm-list li a {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.8;
    padding: 10px 10px 10px 20px;
}

#mobilemenu ul.mm-list li a.mm-subopen {
    color: #053776;
}

#mobilemenu ul.mm-list li a.mm-subopen:after {
    color: #053776;
}

#mobilemenu ul.mm-list li a:active {
    color: #CD1421;
}

#mobilemenu ul.mm-list .mm-subtitle a {
    padding: 10px 0 0 20px;
}

button#mmenu-trigger {
    box-sizing: border-box;
    display: inline-block;
    width: 30px;
    height: 45px;
    position: absolute !important;
    right: 0;
    z-index: 2;
    background-color: white;
    border: none;
    padding: 0;
}

button#mmenu-trigger:before, button#mmenu-trigger:after, button#mmenu-trigger span#beef {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: -webkit-transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
    background: #053776;
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    left: 0px;
    font-size: 16px;
    line-height: 22px;
}

button#mmenu-trigger:before {
    top: 10px;
}

button#mmenu-trigger span#beef {
    top: 20px;
}

button#mmenu-trigger:after {
    top: 30px;
}

html.mm-opening button#mmenu-trigger {
    cursor: pointer;
}

html.mm-opening button#mmenu-trigger:before, html.mm-opening button#mmenu-trigger:after {
    top: 20px;
}

html.mm-opening button#mmenu-trigger:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

html.mm-opening button#mmenu-trigger span#beef {
    left: 50px;
    opacity: 0;
}

html.mm-opening button#mmenu-trigger:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

nav#mobilemenu:not(.mm-menu) {
    display: none;
}

.b-header__hideMenu {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .b-header__hideMenu {
        display: block;
        width: 150px;
        height: 45px;
        position: absolute;
        right: 0;
        bottom: 30px;
    }

    .b-header__hideMenu .mobileNavTitle {
        position: relative;
        display: inline-block;
        font-weight: bold;
        font-size: 18px;
        color: #053776;
        height: 45px;
        padding: 12px;
    }

    @media only screen and (max-width: 570px) {
        .b-header__hideMenu {
            bottom: 15px;
        }
    }
}

#mobilemenu .b-menuMain-list--level1-wrap .mobileLangSearch {
    display: none;
}

@media only screen and (max-width: 570px) {
    #mobilemenu .b-menuMain-list--level1-wrap .mobileLangSearch {
        display: block;
        position: relative;
    }

    #mobilemenu .b-menuMain-list--level1-wrap .mobileLangSearch .tx-srlanguagemenu {
        float: right;
        font-weight: normal;
        font-size: 15px;
        font-size: 0.9375rem;
    }

    #mobilemenu .b-menuMain-list--level1-wrap .mobileLangSearch .tx-srlanguagemenu .CUR, #mobilemenu .b-menuMain-list--level1-wrap .mobileLangSearch .tx-srlanguagemenu .NO, #mobilemenu .b-menuMain-list--level1-wrap .mobileLangSearch .tx-srlanguagemenu .INACT {
        padding: 0 0 0 10px;
    }

    #mobilemenu .b-menuMain-list--level1-wrap .mobileLangSearch .tx-macinasearchbox-pi1 {
        float: right;
        font-weight: normal;
        font-size: 15px;
        font-size: 0.9375rem;
    }

    #mobilemenu .b-menuMain-list--level1-wrap .mobileLangSearch:after {
        content: ".";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
    }
}

.b-menuSub .b-menuSub__header {
    position: relative;
    display: block;
    font-size: 15;
    line-height: 1.375;
    color: #CD1421;
    font-weight: bold;
    border-bottom: 1px solid #d8dde6;
    margin: 0 0 30px -20%;
    padding: 0 0 5px 20%;
}

.b-menuSub .b-menuSub-list {
    position: relative;
    text-decoration: none;
}

.b-menuSub .b-menuSub-list li {
    position: relative;
    text-decoration: none;
    color: #053776;
}

.b-menuSub .b-menuSub-list li a {
    text-decoration: none;
    color: #053776;
}

.b-menuSub .b-menuSub-list li:hover a {
    color: #CD1421;
}

.b-menuSub .b-menuSub-list li.b-menuSub-list__item--cur a {
    color: #CD1421;
}

.b-menuSub .b-menuSub-list.b-menuSub-list--level1 {
    font-weight: bold;
}

.b-menuSub .b-menuSub-list.b-menuSub-list--level1 .b-menuSub-list--level2 {
    font-weight: normal;
    margin: 0 0 0 10px;
}

.b-menuSub .b-menuSub-list.b-menuSub-list--level1 .b-menuSub-list--level2 li a {
    color: #053776;
}

.b-menuSub .b-menuSub-list.b-menuSub-list--level1 .b-menuSub-list--level2 li a:hover {
    color: #CD1421;
}

.b-menuSub .b-menuSub-list.b-menuSub-list--level1 .b-menuSub-list--level2 li.b-menuSub-list__item--cur a {
    color: #CD1421;
}

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
/**
 * Placeholder
 * --------------------------------------------------------------------------
 */
input:-moz-placeholder {
    color: #ccc;
    opacity: 1;
}

input::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1;
}

input::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc;
    opacity: 1;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #ccc;
    opacity: 1;
}

/**
 * Global Form Styling
 * --------------------------------------------------------------------------
 */
form ol, form ul {
    list-style: none;
    margin-left: 0;
}

legend {
    display: none;
}

fieldset {
    border: 0;
}

label {
    display: block;
    font-weight: bold;
    margin-bottom: 0.05em;
}

button, input, select, textarea {
    font-family: inherit;
}

input, textarea {
    width: 100%;
    border: 1px solid #053776;
    border-radius: 5px;
    padding: .6em 0.3em;
}

select {
    width: 100%;
    border: none;
}

input[type=text], input[type=search], input[type=url], input[type=number], textarea {
    -webkit-appearance: none;
}

input[type="checkbox"], input[type="radio"] {
    width: auto;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.svg-container {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%;
}

.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

/**
 * Icons (SVG, PNG, Inline-Content, whatever)
 * --------------------------------------------------------------------------
 */
.link-icon:before, .link-icon--mail:before, .link-icon-svg:before {
    text-decoration: none;
    content: "\203A";
    padding-right: 6px;
    display: inline-block;
}

.link-icon:hover > span, .link-icon--mail:hover > span, .link-icon-svg:hover > span {
    text-decoration: none;
}

.link-icon--mail:before {
    content: "\00bb";
}

.link-icon-svg:before {
    content: "";
    width: 55px;
    height: 55px;
    background: url('/Templates/Master/Resources/Public/Icons/board_icon_pfeil_links.svg') no-repeat;
}

.lte9 .link-icon-svg {
    background: url('/Templates/Master/Resources/Public/Icons/board_icon_pfeil_links.png') no-repeat;
}

.b-header {
    position: relative;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    display: block;
    height: 160px;
}

.b-header:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

@media only screen and (max-width: 570px) {
    .b-header {
        padding: 0 2%;
    }
}

@media only screen and (max-width: 360px) {
    .b-header {
        height: 130px;
    }
}

.b-header-inner {
    position: relative;
    height: 160px;
}

@media only screen and (max-width: 360px) {
    .b-header-inner {
        height: 130px;
    }
}

.b-header__lang_nav {
    position: relative;
    display: block;
    float: right;
    margin: 30px 0 0 0;
    padding: 0;
}

@media only screen and (max-width: 360px) {
    .b-header__lang_nav {
        float: none;
        margin: 0;
        padding: 5px 0;
    }
}

.b-header__search {
    position: relative;
    display: block;
    float: right;
    margin: 30px 0 0 0;
}

.b-header__search:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

@media only screen and (max-width: 360px) {
    .b-header__search {
        float: none;
        margin: 0;
    }
}

.b-header__logo {
    position: absolute;
    display: block;
    max-width: 250px;
    bottom: 25px;
    left: 0;
    padding: 0;
}

@media only screen and (max-width: 570px) {
    .b-header__logo {
        position: relative;
        bottom: auto;
        left: auto;
        max-width: 100%;
        padding: 10px 0 0 0;
    }
}

.b-header__menuMain {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width: tiny) {
    .b-header__menuMain {
        bottom: auto;
        top: 0;
    }
}

@media only screen and (max-width: 570px) {
    .b-header .b-header__lang_nav {
        display: none;
    }
}

@media only screen and (max-width: 570px) {
    .b-header .b-header__search {
        display: none;
    }
}

.b-main {
    position: relative;
    margin: 0;
}

.b-main-inner {
    position: relative;
    display: block;
    background-color: #ffffff;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.b-main-inner:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.b-main__sectionLeft {
    position: relative;
    display: block;
    width: 26%;
    float: left;
    margin: 0;
    padding: 30px 1% 70px 2%;
    box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
    .b-main__sectionLeft {
        display: none;
    }
}

.b-main__sectionRight {
    position: relative;
    width: 74%;
    float: left;
    margin: 0;
}

.b-main__sectionRight:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

@media only screen and (max-width: 1024px) {
    .b-main__sectionRight {
        width: 100%;
    }
}

.b-main__sectionRight .b-sectionRight__heroImage {
    position: relative;
    width: 100%;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 30px 0;
}

.b-main__sectionRight .b-sectionRight__heroImage .b-sectionRight__heroImage__overlay {
    display: none;
}

.b-main__sectionRight .b-sectionRight__heroImage .imageDescription {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-color: #053776;
    padding: 15px 3%;
    max-width: 70%;
    box-sizing: border-box;
}

.b-main__sectionRight .b-sectionRight__heroImage .imageDescription .bodytext {
    color: #ffffff;
    font-weight: bold;
    margin: 0;
}

@media only screen and (max-width: 570px) {
    .b-main__sectionRight .b-sectionRight__heroImage .imageDescription {
        max-width: 80%;
    }
}

@media only screen and (max-width: 360px) {
    .b-main__sectionRight .b-sectionRight__heroImage {
        height: auto;
    }

    .b-main__sectionRight .b-sectionRight__heroImage .b-sectionRight__heroImage__overlay {
        display: none;
    }

    .b-main__sectionRight .b-sectionRight__heroImage .imageDescription {
        left: 0;
        bottom: 0;
        max-width: 100%;
        width: 100%;
        height: auto;
        padding: 15px 3%;
        position: relative;
    }
}

.b-sectionRight__contentMain {
    padding: 30px 4% 70px 4%;
}

.contentHeader .pageIntro {
    font-weight: bold;
    color: #1D1D1B;
    margin: 0 0 50px 0;
}

.template-pagets__home .b-main__sectionRight {
    position: relative;
    width: 100%;
}

.template-pagets__home .b-sectionRight__heroImage {
    position: relative;
    width: 100%;
    height: 250px;
    background-position: center;
    margin: 0;
}

.template-pagets__home .b-sectionRight__heroImage .b-sectionRight__heroImage__overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background: url('/typo3conf/ext/dakosy_site_themes/Themes/Website/Truckgate/Resources/Public/Images/hero_overlay.png');
    background-repeat: no-repeat;
}

.template-pagets__home .b-sectionRight__heroImage .imageDescription {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-color: #053776;
    padding: 15px 3%;
    max-width: 50%;
    box-sizing: border-box;
}

.template-pagets__home .b-sectionRight__heroImage .imageDescription .bodytext {
    color: #ffffff;
    font-weight: bold;
    margin: 0;
}

@media only screen and (max-width: 570px) {
    .template-pagets__home .b-sectionRight__heroImage .imageDescription {
        max-width: 80%;
    }
}

@media only screen and (max-width: 360px) {
    .template-pagets__home .b-sectionRight__heroImage {
        height: auto;
        min-height: 50px;
    }

    .template-pagets__home .b-sectionRight__heroImage .b-sectionRight__heroImage__overlay {
        display: none;
    }

    .template-pagets__home .b-sectionRight__heroImage .imageDescription {
        left: 0;
        bottom: 0;
        max-width: 100%;
        width: 100%;
        height: auto;
        padding: 15px 4%;
        position: relative;
    }
}

.csc-textpic-imagewrap {
    position: relative;
}

div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
    display: block !important;
}

div.csc-textpic-center .csc-textpic-imagewrap figure.csc-textpic-image {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

div.csc-textpic-below .csc-textpic-imagewrap figure.csc-textpic-image {
    margin-top: 10px;
    margin-bottom: 0;
}

.csc-content-wrapper > :last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
    max-width: 50% !important;
}

@media only screen and (max-width: 570px) {
    DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap img, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap img {
    width: 100%;
}

@media only screen and (max-width: 570px) {
    DIV.csc-textpic DIV.csc-textpic-imagewrap {
        max-width: 100%;
    }

    DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-center-outer, DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-center-inner, DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img, DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
        width: 100%;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 570px) {
    DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
        max-width: 100% !important;
        margin: 0 !important;
    }
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
    padding: 4px;
    border: 1px solid #053776;
}

.tx-macinasearchbox-pi1 {
    position: relative;
    display: block;
}

.tx-macinasearchbox-pi1 #input-suche {
    position: relative;
    display: block;
    float: right;
    width: 200px;
    height: 30px;
    border: 1px solid #053776;
    margin: 0;
}

@media only screen and (max-width: 360px) {
    .tx-macinasearchbox-pi1 #input-suche {
        float: none;
        width: 100%;
    }
}

.tx-macinasearchbox-pi1 #button-suche {
    position: relative;
    display: block;
    float: right;
    background: url('/typo3conf/ext/dakosy_site_themes/Themes/Website/Truckgate/Resources/Public/Images/icon_lupe.png');
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 40px;
    height: 30px;
    margin: 0;
}

@media only screen and (max-width: 360px) {
    .tx-macinasearchbox-pi1 #button-suche {
        position: absolute;
        z-index: 2;
        right: 0px;
    }
}

/**
 * CPS-IT Framework
 * --------------------------------------------------------------------------
 */
/*------------------------------------*\
	$OBJECTS AND ABSTRACTIONS
\*------------------------------------*/
/**
 * Which objects and abstractions would you like to use?
 * --------------------------------------------------------------------------
 */
/**
 * Tell CPS-Framework when breakpoints start.
 * usage: "@include bp(small) {}" or "@include bp(1024px) {}"
 * --------------------------------------------------------------------------
 * You can add more breakpoints in /css/scss/base/_mixins.scss --> @mixin bp
 */
/*------------------------------------*\
   CPS-Briefing starts HERE
\*------------------------------------*/
/**
 * Utility font sizes
 * --------------------------------------------------------------------------
 */
/**
 * Base spacing units
 * --------------------------------------------------------------------------
 * This section defines spacing behavior for p, ul, ol, csc-content, csc-frames, hr, forms, ...
 * If you use it you get a global spacing depending on the main font-size
 */
/**
 * Base colors
 * --------------------------------------------------------------------------
 * This $c-color is simply serving as a placeholder, and is not used.
 */
/**
 * Color Usage
 * --------------------------------------------------------------------------
 * This $c-color is simply serving as a placeholder, and is not used.
 */
/**
 * Base Font Families
 * --------------------------------------------------------------------------
 */
/**
 * Heading font sizes
 * --------------------------------------------------------------------------
 * - small function to help using pixels but create em values in the context of the base-font-size
 * - font-size values are pixel based but get converted to EMs
 */
/*
 * h4 & h5 are usually the same size as base-font-size but with different styling (therefore we didn't create breakpoint behaviour in advance)
 */
/**
 * List styles (ul, ol)
 * --------------------------------------------------------------------------
 */
/**
 * Intro Text
 * --------------------------------------------------------------------------
 */
/**
 * Testimonial
 * --------------------------------------------------------------------------
 */
/**
 * Images
 * --------------------------------------------------------------------------
 */
/*------------------------------------*\
   CPS-Briefing ends HERE
\*------------------------------------*/
/**
 * Animations
 * --------------------------------------------------------------------------
 */
/**
 * Frames (rule before, rule after)
 * --------------------------------------------------------------------------
 */
/**
 * z-Index
 * --------------------------------------------------------------------------
 */
/* mainmenu */
/* mobilemenu */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * When inside (context) selector
 * usage: "@include when-inside(".myOuterClass") {color: red}"
 * --------------------------------------------------------------------------
 */
/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * usage: "@include accessibility;"
 * --------------------------------------------------------------------------
 */
/**
 * PxToRm (px value but without the "px")
 * usage: "@include px-rem(font-size, 18);"
 * --------------------------------------------------------------------------
 */
/**
 * Headings
 * usage: "@include headings(1, 6) {...}"
 * --------------------------------------------------------------------------
 */
/**
 * Unstyled Lists
 * usage: "@include list-reset($margin-bottom: true);"
 * --------------------------------------------------------------------------
 */
/**
 * Clearfix
 * usage: "@include clearfix;"
 * --------------------------------------------------------------------------
 */
/**
 * Text Overflow / Truncate
 * usage: "@include text-truncate;"
 * --------------------------------------------------------------------------
 */
/**
 * Breakpoints
 * usage: "@include bp(small) {...}"
 * --------------------------------------------------------------------------
 */
/**
 * RTE Elements
* --------------------------------------------------------------------------
*/
/*------------------------------------*\
    $SHARED
\*------------------------------------*/
/**
	 * Base elements
	 */
ul, ol, dl, blockquote, p, address, table, fieldset, figure, pre {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

label {
    margin-bottom: 0.5em;
}

input, textarea {
    margin-bottom: 0.75em;
}

ul, ol, dl {
    margin-bottom: 0;
}

.csc-default, .csc-frame {
    margin-bottom: 45px;
}

/**
	 * border content elements
	 */
hr, .rule, .csc-frame-rulerAfter, .csc-frame-rulerBefore {
    margin: 0;
}

.csc-frame-rulerAfter {
    margin-bottom: 22.5px;
    padding-bottom: 22.5px;
}

.csc-frame-rulerBefore {
    margin-top: 22.5px;
    padding-top: 22.5px;
}

hr {
    margin-top: 22.5px;
    margin-bottom: 22.5px;
}

/**
 * $BUTTONS
 * ==========================================================================
 *	Recommended use:
 *
 *	<a class="button [button--modifier]" role="button" href="[url]">Button text</a>
 *	<button class="button [button--modifier]" type="submit">Button text</button>
 *	<input class="button [button--modifier]" type="submit" value="Button text">
 */
.btn, button {
    line-height: 1;
    padding: 0.6em 1em;
    display: inline-block;
    border: 2px solid #053776;
    font-family: inherit;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #053776;
    color: #ffffff;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    /* UI States */
}

.btn:hover, .btn:active, .btn:focus, button:hover, button:active, button:focus {
    text-decoration: none;
    outline: none;
    background-color: #ffffff;
    color: #053776;
}

.btn:-moz-focus-inner, button:-moz-focus-inner {
    border: 0;
    padding: 0;
}

.btn:disabled, .btn.btn--disabled, button:disabled, button.btn--disabled {
    cursor: default;
    background: grey;
}

.btn:disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn.btn--disabled:hover, .btn.btn--disabled:active, .btn.btn--disabled:focus, button:disabled:hover, button:disabled:active, button:disabled:focus, button.btn--disabled:hover, button.btn--disabled:active, button.btn--disabled:focus {
    color: #fff;
}

/**
 * Button Sizes
 * --------------------------------------------------------------------------
 */
/**
 * Button Functions
 * --------------------------------------------------------------------------
 */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

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

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

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

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

h1, .h1 {
    font-size: 1.6em;
    margin-bottom: 0.25em;
    font-weight: bold;
    line-height: 1.17;
    font-family: Arial, Georgia, serif;
    color: #053776;
}

@media only screen and (max-width: 1024px) {
    h1, .h1 {
        font-size: 1.6em;
        line-height: 1.17;
    }
}

@media only screen and (max-width: 768px) {
    h1, .h1 {
        font-size: 1.6em;
        line-height: 1.17;
    }
}

h2, .h2 {
    font-size: 1.2em;
    margin-bottom: 0.35em;
    font-weight: bold;
    line-height: 1.22;
    font-family: Arial, Georgia, serif;
    color: #053776;
}

@media only screen and (max-width: 1024px) {
    h2, .h2 {
        font-size: 1.2em;
        line-height: 1.22;
    }
}

@media only screen and (max-width: 768px) {
    h2, .h2 {
        font-size: 1.2em;
        line-height: 1.22;
    }
}

h3, .h3 {
    font-size: 1.86667em;
    margin-bottom: 0.45em;
    font-weight: normal;
    line-height: 1.25;
    font-family: Arial, Georgia, serif;
    color: #000000;
}

@media only screen and (max-width: 1024px) {
    h3, .h3 {
        font-size: 1.6em;
        line-height: 1.25;
    }
}

@media only screen and (max-width: 768px) {
    h3, .h3 {
        font-size: 1.46667em;
        line-height: 1.13;
    }
}

h4, .h4 {
    font-size: 1.2em;
    margin-bottom: 0.55em;
    font-weight: bold;
    line-height: 1.22;
    font-family: Arial, Georgia, serif;
    color: #000000;
}

@media only screen and (max-width: 1024px) {
    h4, .h4 {
        font-size: 1.2em;
        line-height: 1.22;
    }
}

@media only screen and (max-width: 768px) {
    h4, .h4 {
        font-size: 1.2em;
        line-height: 1.11;
    }
}

h5, .h5 {
    font-size: 1em;
    margin-bottom: 0.4em;
    font-weight: 700;
    line-height: 1.375;
    font-family: Arial, Georgia, serif;
    color: #000000;
}

h6, .h6 {
    font-size: 1em;
    margin-bottom: 0.4em;
    font-weight: 700;
    line-height: 1.375;
    font-family: Arial, Georgia, serif;
    color: #000000;
}

a {
    color: #053776;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

ul, ol, dd {
    list-style: none;
    padding: 0;
}

.csc-sitemap ul li {
    padding: 0 0 0 10px;
}

ul.rte_ul, .htmlarea-content-body ul, ol.rte_ol, .htmlarea-content-body ol, .ce-bodytext ul {
    margin-left: 3em;
    list-style: disc;
}

@media only screen and (max-width: 768px) {
    ul.rte_ul, .htmlarea-content-body ul, ol.rte_ol, .htmlarea-content-body ol, .ce-bodytext ul {
        margin-left: 16px;
    }
}

ul.rte_ul li, .htmlarea-content-body ul li, ol.rte_ol li, .htmlarea-content-body ol li, .ce-bodytext ul li {
    margin: 0.3em 0 0.3em 0;
}

ul.rte_ul ul, .htmlarea-content-body ul ul, ul.rte_ul ol, .htmlarea-content-body ul ol, ol.rte_ol ul, .htmlarea-content-body ol ul, ol.rte_ol ol, .htmlarea-content-body ol ol, .ce-bodytext ul ul {
    margin-left: 3em;
    list-style: disc;
}

ol.rte_ol, .htmlarea-content-body ol {
    list-style: decimal;
}

@media only screen and (max-width: 768px) {
    ol.rte_ol, .htmlarea-content-body ol {
        margin-left: 22px;
    }
}

ol.rte_ol ol, .htmlarea-content-body ol ol {
    list-style: decimal;
}

dl.rte_dl dt, .htmlarea-content-body dl dt {
    font-weight: bold;
    margin-top: 0.75em;
}

dl.rte_dl dd, .htmlarea-content-body dl dd {
    margin-left: 3em;
}

@media only screen and (max-width: 768px) {
    dl.rte_dl dd, .htmlarea-content-body dl dd {
        margin-left: 0;
    }
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

.intro {
    font-size: 2.26667em;
    margin-bottom: 1em;
    font-weight: normal;
    font-style: italic;
    line-height: 1.05;
    font-family: Arial, Georgia, serif;
    color: grey;
}

@media only screen and (max-width: 1024px) {
    .intro {
        font-size: 2em;
        line-height: 1.125;
    }
}

@media only screen and (max-width: 768px) {
    .intro {
        font-size: 1.73333em;
        line-height: 1.25;
    }
}

.testimonial {
    font-size: 2.26667em;
    margin-bottom: 1em;
    font-weight: normal;
    font-style: italic;
    line-height: 1.05;
    font-family: Arial, Georgia, serif;
    color: lightblue;
}

@media only screen and (max-width: 1024px) {
    .testimonial {
        font-size: 2em;
        line-height: 1.125;
    }
}

@media only screen and (max-width: 768px) {
    .testimonial {
        font-size: 1.73333em;
        line-height: 1.25;
    }
}

/**
 * Inline quotes.
 */
q {
    quotes: "\2018" "\2019" "\201C" "\201D";
}

q:before {
    content: "\2018";
    content: open-quote;
}

q:after {
    content: "\2019";
    content: close-quote;
}

q q:before {
    content: "\201C";
    content: open-quote;
}

q q:after {
    content: "\201D";
    content: close-quote;
}

blockquote {
    quotes: "\201C" "\201D";
    margin-left: calc(3em * 0.8);
    border-left: 1px solid;
    padding-left: calc(3em * 0.2);
    font-style: italic;
}

@media only screen and (max-width: 768px) {
    blockquote {
        margin-left: 0;
    }
}

blockquote p:before {
    content: "\201C";
    content: open-quote;
}

blockquote p:after {
    content: "";
    content: no-close-quote;
}

blockquote p:last-of-type:after {
    content: "\201D";
    content: close-quote;
}

blockquote q:before {
    content: "\2018";
    content: open-quote;
}

blockquote q:after {
    content: "\2019";
    content: close-quote;
}

blockquote .citation {
    font-weight: bold;
    font-style: normal;
}

/*------------------------------------*\
		$RULES
	\*------------------------------------*/
.rule, hr, .csc-frame-rulerAfter {
    border: none;
    border-bottom: 1px solid #d8dde6;
    margin-left: auto;
    margin-right: auto;
}

.csc-frame-rulerBefore {
    border: none;
    border-top: 1px solid #d8dde6;
    margin-left: auto;
    margin-right: auto;
}

/**
	 * Dotted rules
	 */
.rule--dotted {
    border-bottom-style: dotted;
}

/**
	 * Dashed rules
	 */
.rule--dashed {
    border-bottom-style: dashed;
}

/**
	 * Ornamental rules. Places a § over the rule.
	 */
.rule--ornament {
    position: relative;
    /**
          * Pass in an arbitrary ornament though a data attribute, e.g.:
          *
            <hr class="rule  rule--ornament" data-ornament="!">
          *
          */
}

.rule--ornament:after {
    content: "\00A7";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    line-height: 0;
    text-align: center;
}

.rule--ornament[data-ornament]:after {
    content: attr(data-ornament);
}

/*------------------------------------*\
		$TABLES
\*------------------------------------*/
table {
    width: 100%;
}

th, td {
    text-align: left;
}

/**
 * Cell alignments
 */
[colspan] {
    text-align: center;
}

[colspan="1"] {
    text-align: left;
}

[rowspan] {
    vertical-align: middle;
}

[rowspan="1"] {
    vertical-align: top;
}

.numerical {
    text-align: right;
}

/**
 * Bordered tables
 */
table th, table td, table.table--bordered th, table.table--bordered td {
    border: 1px solid #053776;
}

table th:empty, table td:empty, table.table--bordered th:empty, table.table--bordered td:empty {
    border: none;
}

table thead tr:last-child th, table.table--bordered thead tr:last-child th {
    border-bottom-width: 2px;
}

table tbody tr th:last-of-type, table.table--bordered tbody tr th:last-of-type {
    border-right-width: 2px;
}

/**
 * Striped tables
 */
table th, table.table--striped th {
    background: #053776 !important;
    color: #fff;
    font-weight: bold;
}

table tbody tr:nth-of-type(odd), table.table--striped tbody tr:nth-of-type(odd) {
    background-color: #eee;
    /* Override this color in your theme stylesheet */
}

table tbody tr:nth-of-type(even), table.table--striped tbody tr:nth-of-type(even) {
    background-color: #fff;
    /* Override this color in your theme stylesheet */
}

figcaption, .figcaption {
    font-size: 0.8em;
    font-family: Arial, Georgia, serif;
    line-height: inherit;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0 0 0 0;
    background: #fff;
    color: #000000;
}

abbr, acronym {
    border-bottom: 1px dotted;
}

abbr:hover, acronym:hover {
    cursor: help;
}

/** 7.6 modifications */
.b-header__lang_nav li {
    float: left;
    padding: 5px 0 0 10px;
}

.b-header__lang_nav li img {
    width: 24px;
    height: 16px;
    opacity: 0.3;
}

.b-header__lang_nav li.active img {
    width: 24px;
    opacity: 1;
}