/* ========================================================================


---------------------------------------
SHORT FORMS:
---------------------------------------
a = area
s = stage
m = module
mNs = modules, no sidebar
mWs = modules with siedbar
mIs = modules in sidebar
skm = modules in stage main
sksm = modules in stage sidebar


---------------------------------------
Z-INDEXES:
---------------------------------------
aTools		z-index: 600;
aSearch 	z-index: 500;
aNav		z-index: 400;
aMask		z-index: 300;
aStage		z-index: 200;
aMods		z-index: 200;
aFoot		z-index: 100;


---------------------------------------
CLASS CONVENTIONS:
---------------------------------------
xCmsX = Config Classes via Cms

===============================================================*/
.debugMode .be1, .debugMode .be2, .debugMode .be3, .debugMode .be4,
.debugMode .be5, .debugMode .be6, .debugMode .be7, .debugMode .be8,
.debugMode .be9, .debugMode .be10, .debugMode .be11, .debugMode .be12,
.debugMode .beTitle, .debugMode .beMetaOpener {
    border: 1px solid red;
}

.debugMode .tools, .debugMode .tool, .debugMode .tSkipUI {
    border: 1px solid red;
}

:root {
  --white: #fff;
  --red: #A4230A;
  --blue: #002c50;
}

.bg-red {
  background: var(--red);
}

.bg-blue {
  background: var(--blue);
}

/* ==========================================================================
        RESET
============================================================================= */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5% !important;
    /* Results in 1rem = 10px */
}

@font-face {
    font-family: 'Montserrat-Variable';
    font-style: normal;
    src:
        url('../fonts/montserrat/Montserrat-VariableFont_wght.ttf')
        format('truetype');
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1.45;
    font-family: 'Montserrat-Variable', 'Verdana', 'sans-serif';
}

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote,
img, strong, b, i, dl, dt, dd, ol, ul, li, article, aside, figure,
figcaption, header, nav, section, address, code, small, fieldset, form,
label, table, caption, tbody, tfoot, thead, tr, th, td, details, footer,
hgroup, summary, time {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #002c50;
}:focus-visible {
    outline: dashed ;
}


a {
    text-decoration: none;
}

p a {
    text-decoration: none;
    box-shadow: inset 0 -0.2em 0 #bedee6;
    color: inherit;
}

.readOn a, .download a, .letter a, .phone a, .phone, .fax a, .fax,
.literature a, .literature {
    border-bottom: none;
    box-shadow: none;
    color: inherit;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

/* ===================================================================================================
        FORMS
====================================================================================================== */
input, label, select, button, textarea {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    /* Browsers have different default form fonts */
    font-size: 13px;
    font-weight: 800;
}

/* Remove the stupid outer glow in Webkit */
input:focus {
    outline: 0;
}:focus-visible {
    outline: dashed ;
}

/* Box Sizing Reset
-----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */
input, textarea, #aMods .newform #email {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ecf6f9;
    padding: 1.5rem;
    width: 100%;
    resize: none;
}

/* These elements are usually rendered a certain way by the browser */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox],
input[type=radio], select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=submit] {
    -webkit-appearance: none;
}

/* Button Controls
-----------------------------------------------*/
input[type=checkbox], input[type=radio] {
    width: 13px;
    height: 13px;
}

/* Search Input
-----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: border-box;
    box-sizing: initial;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
    display: none;
}

/* Buttons
-----------------------------------------------*/
button, input[type="reset"], input[type="button"], input[type="submit"]
{
    /* Fix IE7 display bug */
    overflow: visible;
    width: auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none;
}

/* Textarea
-----------------------------------------------*/
textarea {
    /* Move the label to the top */
    vertical-align: top;
    /* Turn off scroll bars in IE unless needed */
    overflow: auto;
}

/* Selects
-----------------------------------------------*/
select[multiple] {
    /* Move the label to the top */
    vertical-align: top;
}

/* Form Groups
-----------------------------------------------*/
fieldset {
    max-width: 100%;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group:last-child {
    margin-bottom: 0;
}

/* Labels
-----------------------------------------------*/
.control-label {
    margin-bottom: 0.5rem;
    color: #002c50;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.add-on span {
    color: #002c50;
    display: block;
    margin-top: 0.5rem;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.form-check span, .form-check span a {
    color: #002c50;
    display: block;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.form-check span a {
    text-decoration: underline;
    margin-top: 0;
    display: inline;
}

.form-check span, .add-on span {
    margin-bottom: 1.5rem;
}

.form-check:last-child span, .add-on:last-child span {
    margin-bottom: 0;
}

.required, span.required {
    display: none;
}

/* Buttons
-----------------------------------------------*/
.btn-group .btn {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #002c50;
    margin-top: 2rem;
}

.btn-group .btn span {
    color: #002c50;
}

/* Checkboxes + Radios
-----------------------------------------------*/
.form-check-label span {
    cursor: pointer;
    padding-left: 3rem;
}

.form-check-label input[type="checkbox"], .form-check-label input[type="radio"]
{
    display: none;
}

.form-check-label input[type="checkbox"]+span, .form-check-label input[type="radio"]+span
{
    background: url(../img/checkPassive.svg) 0 top no-repeat;
    /* 	transition : all .3s ease-in-out; */
    background-size: 2rem;
    min-height: 2rem;
    padding-top: 0.1rem;
}

.form-check-label input[type="checkbox"]:checked+span, .form-check-label input[type="radio"]:checked+span
{
    background: url(../img/checkActive.svg) 0 top no-repeat;
    background-size: 2rem;
    min-height: 2rem;
    padding-top: 0.1rem;
}

/* Select Boxes
-----------------------------------------------*/
.select-style {
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}:focus-visible {
    outline: dashed ;
}

/* Validations
-----------------------------------------------*/
.error.help-block {
    color: #e6310d;
    font-size: 1.75rem;
    font-weight: bold;
    float: left;
    width: 100%;
    margin: 1.5rem 0;
}

/* ===================================================================================================
        GRID
====================================================================================================== */
.be1, .be2, .be3, .be4, .be5, .be6, .be7, .be8, .be9, .be10, .be11,
.be12, .beTitle, .beMetaOpener, .be1:before, .be2:before, .be3:before,
.be4:before, .be5:before, .be6:before, .be7:before, .be8:before, .be9:before,
.be10:before, .be11:before, .be12:before, .beTitle:before,
.beMetaOpener:before, .be1:after, .be2:after, .be3:after, .be4:after,
.be5:after, .be6:after, .be7:after, .be8:after, .be9:after, .be10:after,
.be11:after, .be12:after, .beTitle:after, .beMetaOpener:after {
    float: left;
    width: 100%;
    content: "";
    display: table;
    *zoom: 1;
}

.be1:after, .be2:after, .be3:after, .be4:after, .be5:after, .be6:after,
.be7:after, .be8:after, .be9:after, .be10:after, .be11:after, .be12:after,
.beTitle:after, .beMetaOpener:after {
    clear: both;
}

.be1 {
    width: 8.33333333333%;
}

.be2 {
    width: 16.6666666667%;
}

.be10 {
    width: 83.3333333333%;
}

.be11 {
    width: 91.6666666667%;
}

.be12 {
    width: 100%;
}

/* ===================================================================================================
        STRUCTURE
====================================================================================================== */
.out {
    position: relative;
}

.in, .inNoWrap {
    float: none !important;
    position: relative;
    margin: 0 auto;
    max-width: 114rem;
    /* 1140px */
    /* 	padding: 2rem; */
}

.inNoWrap {
    max-width: 100%;
    padding: 0;
}

/* ===================================================================================================
        LAZY LOADING
====================================================================================================== */
.ratioBox {
    position: relative;
    height: 0;
    display: block;
    width: 100%;
    background-color: #202020;
    /* padding-bottom is calculated and rendered into HTML */
}

.ratioBox img, .ratioBox iframe, .ratioBox video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.ratioBox img {
    height: auto;
}

.ce-gallery video {
    max-width: 100%;
}

/* fade image in while loading and show a spinner as background image (good for progressive images) */
.lazyload {
    opacity: 0;
}

.lazyloading {
    opacity: 1;
    transition: opacity 300ms;
    background: #f7f7f7 url(../img/oval.svg) no-repeat center;
}

/* ===================================================================================================
        RESPONSIVE IFRAMES
====================================================================================================== */
.elasticFrame {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

.elasticFrame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ===================================================================================================
        UI ELEMENTS & HELPERS
====================================================================================================== */
.svgNavPassive {
    display: none;
}

/*.stateNavOpen .signBrand svg {*/
/*    display: none;*/
/*}*/

.stateNavOpen .svgNavPassive {
    display: block !important;
}

.btnGroup {
    position: relative;
    overflow: auto;
    padding-top: 0.5rem;
}

.btn {
    background-color: transparent;
    border: 3px solid #bedee6;
    color: #002c50;
    padding: 0.5rem 0.5rem;
    width: 20rem;
    display: block;
    text-align: center;
    font-weight: 700;
    position: relative;
    margin: 0 auto;
}

.btnGroup .btn.firstBtn {
    border: 3px solid #bedee6;
    background-color: #bedee6;
    margin-bottom: 1.5rem;
}

.btn:hover {
    border: 3px solid #002c50;
    background-color: #002c50;
    color: #bedee6;
}

.btn.firstBtn:hover {
    border: 3px solid #002c50;
    background-color: #002c50;
    color: #bedee6;
}

.bgDefault .in, .bgDefault .inNoWrap, .bgDefault.getBGcolor, #aStage .in
{
    background-color: #fff;
}

/* accordeon */
.mAcc.bgDefault.getBGcolor, .mAcc.bgDefault>div.getBGcolor {
    background-color: #eaf1f1;
}

.bgDotted .in, .bgDotted .inNoWrap, .bgDotted.getBGcolor {
    background-image: url('../img/dots.png');
    background-size: 6px 6px;
}

.bgMarine .in, .bgMarine .inNoWrap, .bgMarine.getBGcolor {
    background-color: #eaf1f1;
}

.roundImgMask .ratioBox {
    background-color: #fff;
}

.transitions {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.crsr-pointer {
    cursor: pointer;
}

.crsr-up {
    cursor: n-resize;
}

.crsr-down {
    cursor: s-resize;
}

.pointer:hover {
    cursor: pointer;
}

.visHidden {
    visibility: hidden;
}

.dsmlogo {
    width: 190px;
}
.dsmlogoEN {
    width: 168px;
}
.dsmlogo, .white .dsmlogo {
    color: #fff;
    fill: #fff;
}
.signs:hover, .signs .white:hover, .dsmlogo:hover, .white .dsmlogo:hover,
.signs:active, .signs .white:active, .dsmlogo:active, .white .dsmlogo:active{
    background-color: #002c50;
}

.darkblue .dsmlogo {
    color: #002c50;
    fill: #002c50;
}
.signs.darkblue:hover, .darkblue .dsmlogo:hover {
    background-color: #fff;
}

 #logoMain {
     width: 190px;
     height: 65px;
 }
 #logoMainEN {
     width: 167px;
     height: 65px;
 }

.svgArrow {
    fill: #e6310d;
}

.svgArrowSliderOut {
    fill: #bedee6;
}

.svgArrowSliderIn {
    fill: #0e2642;
}

.svgPlus {
    fill: #34545B;
}

.svgClose, .svgNavClose {
    fill: #fff;
}

.svgCloseDark {
    fill: #0e2642;
}

.svgGlass {
    fill: #fff;
}

.svgGlasses {
    fill: #002c50;
}

.svgCal {
    fill: #fff;
}

.svgDownload {
    fill: #e6310d;
}

.svgFacebook {
    fill: #002c50;
}

.svgYoutube {
    fill: #002c50;
}

.svgInstagram {
    fill: #002c50;
}

.svgWatch {
    fill: #002c50;
}

.svgTicket {
    fill: #002c50;
}

.svgPin {
    fill: #002c50;
}

.svgLetter {
    fill: #002c50;
}

.svgLeibnizLogo {
    fill: #002c50;
}

.svgTotalEquality {
    fill: #003c6a;
}

.readOn a, .download a, .letter a, .phone, .fax {
    text-decoration: none;
}

.readOn a {
    color: #595959;
    font-weight: 700;
    margin-left: 0;
}

.readOn a:before {
    content: url(../img/readOn.svg);
    vertical-align: sub;
}

.download a {
    color: #002c50;
    font-weight: 700;
    background: url(../img/download.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0 0;
    padding-left: 1.8rem;
    margin-left: 0;
}

.letter a {
    color: #002c50;
    font-weight: 400;
    background: url(../img/letter.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0 0;
    padding-left: 2.5rem;
    margin-left: 0;
}

.phone {
    color: #002c50;
    font-weight: 400;
    background: url(../img/phone.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0 0;
    padding-left: 2.5rem;
    margin-left: 0;
}

.fax {
    color: #002c50;
    font-weight: 400;
    background: url(../img/fax.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0 0;
    padding-left: 2.5rem;
    margin-left: 0;
}

.literature {
    color: #002c50;
    font-weight: 400;
    background: url(../img/literature.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0 0;
    padding-left: 2.5rem;
    margin-left: 0;
}

ul .readOn a, ul .download a, ul .letter a, ul .phone, ul .fax, ul .literature
{
    margin-left: -1.5rem;
    border-left: 5px solid #fff;
}

ul li span.readOn, ul li span.download, ul li span.letter, ul li span.phone,
ul li span.fax, ul li span.literature {
    margin-bottom: 0.65rem;
    display: inline-block;
}

ul li:last-child span.readOn, ul li:last-child span.download, ul li:last-child span.letter,
ul li:last-child span.phone, ul li:last-child span.fax, ul li:last-child span.literature
{
    margin-bottom: 0;
}

#aStage a {
    margin-left: 0 !important;
}

.bgDefault ul .readOn a, .bgDefault ul .download a, .bgDefault ul .letter a,
.bgDefault ul .phone, .bgDefault ul .fax, .bgDefault ul .literature {
    margin-left: -1.8rem;
    border-left: 12px solid #fff;
    position: relative;
    z-index: 1;
}

.bgDotted ul .readOn a, .bgDotted ul .download a, .bgDotted ul .letter a,
.bgDotted ul .phone, .bgDotted ul .fax, .bgDotted ul .literature {
    margin-left: -1.8rem;
    border-left: 12px solid #fff;
    position: relative;
    z-index: 1;
}

.bgMarine ul .readOn a, .bgMarine ul .download a, .bgMarine ul .letter a,
.bgMarine ul .phone, .bgMarine ul .fax, .bgMarine ul .literature {
    margin-left: -1.8rem;
    border-left: 12px solid #eaf1f1;
    position: relative;
    z-index: 1;
}

.aside .readOn a, .aside .download a, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) .readOn a,
.mColList .mColListCmsBe4 .beColListCol:nth-child(3) .download a,
.mColList .mColListCmsBe4 .beColListCol:nth-child(3) .letter a,
.mColList .mColListCmsBe4 .beColListCol:nth-child(3) .phone, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) .fax,
.mColList .mColListCmsBe4 .beColListCol:nth-child(3) .literature,
.mediaCaption .readOn a, .mediaCaption .download a, .mediaCaption .letter a,
.mediaCaption .phone, .mediaCaption .fax, .mediaCaption .literature {
    background-size: 16px 16px;
    background-position: 0 0;
    padding-left: 1.8rem;
    margin-left: 0;
}

.aside .letter a, .aside .phone, .aside .fax, .aside .literature {
    background-size: 16px 16px;
    background-position: 0 0;
    padding-left: 2.8rem;
    margin-left: 0;
}

.aside p .readOn a, .aside p .download a, .aside p .letter a, .aside p .phone,
.aside p .fax, .aside p .literature, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .readOn a,
.mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .download a,
.mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .letter a,
.mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .phone,
.mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .fax, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .literature,
.mediaCaption p .readOn a, .mediaCaption p .download a, .mediaCaption p .letter a,
.mediaCaption p .phone, .mediaCaption p .fax, .mediaCaption p .literature
{
    margin-left: 0.5rem;
}

/* ===================================================================================================
        COLOR SYSTEM
====================================================================================================== */
.bodyAusstellung #aStage .handHeldsDash {
    background-color: #0085be !important;
    color: #0085be !important;
}

.bodyInformationen #aStage .handHeldsDash {
    background-color: #007890 !important;
    color: #007890 !important;
}

.bodyForschung #aStage .handHeldsDash {
    background-color: #004982 !important;
    color: #004982 !important;
}

.bodyUeberuns #aStage .handHeldsDash {
    background-color: #51717A !important;
    color: #51717A !important;
}

.bodyMitmachen #aStage .handHeldsDash {
    background-color: #0091B6 !important;
    color: #0091B6 !important;
}

.bodyBildung #aStage .handHeldsDash {
    background-color: #00A7B4 !important;
    color: #00A7B4 !important;
}

#aStage .stageBread .svgArrow {
    fill: #e6310d;
}

.navScope svg {
    fill: #002c50;
}

.stagePageBreadWrap .stageBread>ol>li:nth-child(n+2):before {
    content: url('../img/readOn.svg');
    vertical-align: top;
    vertical-align: text-top;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle;
}

.bodyAusstellung #aStage .stageBread .svgArrow, .navScopeAusstellung.navCurrent svg {
    fill: #0085be;
}

.bodyInformationen #aStage .stageBread .svgArrow, .navScopeInformationen.navCurrent svg {
    fill: #007890;
}

.bodyForschung #aStage .stageBread .svgArrow, .navScopeForschung.navCurrent svg {
    fill: #004982;
}

.bodyUeberuns #aStage .stageBread .svgArrow, .navScopeUeberuns.navCurrent svg {
    fill: #51717A;
}

.bodyMitmachen #aStage .stageBread .svgArrow, .navScopeMitmachen.navCurrent svg {
    fill: #0091B6;
}

.bodyBildung #aStage .stageBread .svgArrow, .navScopeBildung.navCurrent svg {
    fill: #00A7B4;
}

#aStage .stagePageImg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    z-index: 1;
}

.bodyAusstellung #aStage .stagePageImg:before {
    /* 	background-image: linear-gradient(transparent, #0085be); */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0085be+0,0085be+100&0+41,1+88,1+88 */
    background: -moz-linear-gradient(top, rgba(0, 133, 190, 0) 0%,
        rgba(0, 133, 190, 0) 41%, rgba(0, 133, 190, 1) 88%,
        rgba(0, 133, 190, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 133, 190, 0) 0%,
        rgba(0, 133, 190, 0) 41%, rgba(0, 133, 190, 1) 88%,
        rgba(0, 133, 190, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 133, 190, 0) 0%,
        rgba(0, 133, 190, 0) 41%, rgba(0, 133, 190, 1) 88%,
        rgba(0, 133, 190, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000085be',
        endColorstr='#0085be', GradientType=0);
    /* IE6-9 */
}

.bodyInformationen #aStage .stagePageImg:before {
    /* 	background-image: linear-gradient(transparent, #004982); */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007890+0,007890+100&0+41,1+88 */
    background: -moz-linear-gradient(top, rgba(0, 120, 144, 0) 0%,
        rgba(0, 120, 144, 0) 41%, rgba(0, 120, 144, 1) 88%,
        rgba(0, 120, 144, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 120, 144, 0) 0%,
        rgba(0, 120, 144, 0) 41%, rgba(0, 120, 144, 1) 88%,
        rgba(0, 120, 144, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 120, 144, 0) 0%,
        rgba(0, 120, 144, 0) 41%, rgba(0, 120, 144, 1) 88%,
        rgba(0, 120, 144, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00007890',
        endColorstr='#007890', GradientType=0);
    /* IE6-9 */
}

.bodyForschung #aStage .stagePageImg:before {
    /* 	background-image: linear-gradient(transparent, #00a7b4); */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004982+0,004982+100&0+41,1+88 */
    background: -moz-linear-gradient(top, rgba(0, 73, 130, 0) 0%,
        rgba(0, 73, 130, 0) 41%, rgba(0, 73, 130, 1) 88%, rgba(0, 73, 130, 1)
        100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 73, 130, 0) 0%,
        rgba(0, 73, 130, 0) 41%, rgba(0, 73, 130, 1) 88%, rgba(0, 73, 130, 1)
        100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 73, 130, 0) 0%,
        rgba(0, 73, 130, 0) 41%, rgba(0, 73, 130, 1) 88%, rgba(0, 73, 130, 1)
        100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00004982',
        endColorstr='#004982', GradientType=0);
    /* IE6-9 */
}

.bodyUeberuns #aStage .stagePageImg:before {
    /* 	background-image: linear-gradient(transparent, #007890); */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51717a+0,51717a+100&0+41,1+88 */
    background: -moz-linear-gradient(top, rgba(81, 113, 122, 0) 0%,
        rgba(81, 113, 122, 0) 41%, rgba(81, 113, 122, 1) 88%,
        rgba(81, 113, 122, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(81, 113, 122, 0) 0%,
        rgba(81, 113, 122, 0) 41%, rgba(81, 113, 122, 1) 88%,
        rgba(81, 113, 122, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(81, 113, 122, 0) 0%,
        rgba(81, 113, 122, 0) 41%, rgba(81, 113, 122, 1) 88%,
        rgba(81, 113, 122, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0051717a',
        endColorstr='#51717a', GradientType=0);
    /* IE6-9 */
}

.bodyMitmachen #aStage .stagePageImg:before {
    /* 	background-image: linear-gradient(transparent, #51717a); */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0091b6+0,0091b6+100&0+41,1+88 */
    background: -moz-linear-gradient(top, rgba(0, 145, 182, 0) 0%,
        rgba(0, 145, 182, 0) 41%, rgba(0, 145, 182, 1) 88%,
        rgba(0, 145, 182, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 145, 182, 0) 0%,
        rgba(0, 145, 182, 0) 41%, rgba(0, 145, 182, 1) 88%,
        rgba(0, 145, 182, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 145, 182, 0) 0%,
        rgba(0, 145, 182, 0) 41%, rgba(0, 145, 182, 1) 88%,
        rgba(0, 145, 182, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000091b6',
        endColorstr='#0091b6', GradientType=0);
    /* IE6-9 */
}

.bodyBildung #aStage .stagePageImg:before {
    /* 	background-image: linear-gradient(transparent, #0091b6); */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a7b4+0,00a7b4+100&0+41,1+88 */
    background: -moz-linear-gradient(top, rgba(0, 167, 180, 0) 0%,
        rgba(0, 167, 180, 0) 41%, rgba(0, 167, 180, 1) 88%,
        rgba(0, 167, 180, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 167, 180, 0) 0%,
        rgba(0, 167, 180, 0) 41%, rgba(0, 167, 180, 1) 88%,
        rgba(0, 167, 180, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 167, 180, 0) 0%,
        rgba(0, 167, 180, 0) 41%, rgba(0, 167, 180, 1) 88%,
        rgba(0, 167, 180, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000a7b4',
        endColorstr='#00a7b4', GradientType=0);
    /* IE6-9 */
}

.subNavTrigger:hover span {
    color: #00A7B4 !important;
    cursor: pointer;
}

.navScopeAusstellung a:hover, .navScopeAusstellung.navCurrent .subNavTrigger span,
.navScopeAusstellung .subNavTrigger:hover span, .navScopeAusstellung.stateNavScopeOpen span
{
    color: #0085be !important;
}

.navScopeInformationen a:hover, .navScopeInformationen.navCurrent .subNavTrigger span,
.navScopeInformationen .subNavTrigger:hover span,
.navScopeInformationen.stateNavScopeOpen span {
    color: #007890 !important;
}

.navScopeForschung a:hover, .navScopeForschung.navCurrent .subNavTrigger span,
.navScopeForschung .subNavTrigger:hover span, .navScopeForschung.stateNavScopeOpen span
{
    color: #004982 !important;
}

.navScopeUeberuns a:hover, .navScopeUeberuns.navCurrent .subNavTrigger span,
.navScopeUeberuns .subNavTrigger:hover span, .navScopeUeberuns.stateNavScopeOpen span
{
    color: #51717A !important;
}

.navScopeMitmachen a:hover, .navScopeMitmachen.navCurrent .subNavTrigger span,
.navScopeMitmachen .subNavTrigger:hover span, .navScopeMitmachen.stateNavScopeOpen span
{
    color: #0091B6 !important;
}

.navScopeBildung a:hover, .navScopeBildung.navCurrent .subNavTrigger span,
.navScopeBildung .subNavTrigger:hover span, .navScopeBildung.stateNavScopeOpen span
{
    color: #00A7B4 !important;
}

/* ===================================================================================================
        TABLES
====================================================================================================== */
table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 0 3rem 1.5rem 0;
    text-align: left;
}

th:last-child td, tr:last-child td {
    padding-bottom: 0;
}

tr td {
    width: 33%;
}

td p:last-child {
    margin-bottom: 0 !important;
}

.tableScrollable {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em;
}

.tableScrollable::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.tableScrollable::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}

/* ===================================================================================================
        SLIDER BASE
====================================================================================================== */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}:focus-visible {
    outline: dashed ;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    overflow: hidden;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* ===================================================================================================
        SLIDER THEME
====================================================================================================== */
.slick-loading .slick-list {
    background: #fff url('../img/oval.svg') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'),
        url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf')
        format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}:focus-visible {
    outline: dashed ;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}:focus-visible {
    outline: dashed ;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before, .slick-next:before {
    /*     font-family: 'slick'; */
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #1b1b1b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-slide .slideInner {
    position: relative;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}:focus-visible {
    outline: dashed ;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}:focus-visible {
    outline: dashed ;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.slick-dots li {
    display: none;
    margin: 0 auto;
}

.slick-dots li.slick-active {
    display: block;
}

#aMods .slick-dots li {
    background-color: #fff;
    line-height: 0;
    width: 10rem;
    padding: 1.75rem 0;
}

.slideUInext svg {
    transform: rotate(180deg);
}

/* ===================================================================================================
        AREAS
====================================================================================================== */

/* ================================================
        aTools		z-index: 600;
=================================================== */
#aTools {
    position: fixed;
    z-index: 600;
    width: 100%;
}

#aTools .in {
    padding: 0 0;
}

#aTools {
    pointer-events: none;
}

#aTools a, #aTools .toolBar {
    pointer-events: auto;
}

#aTools .be8 {
    width: 66.6666666667%;
    height: 230px;
}

/* When all Icons launched: transform: translate(0, -75%); */
.stateScrolled #aTools .be4 {
    transform: translate(0, -67%);
}

/* When all Icons launched: transform: translate(0, -50%); */
.stateSearchOpen #aTools .be4 {
    transform: translate(0, -33%);
}

#aTools .be4, .stateNavOpen #aTools .be4 {
    position: absolute;
    right: 0;
    width: auto;
    transform: translate(0, 0);
}

/* signBar */
.stateScrolled .signBar, .stateSearchOpen .signBar {
    transform: translate(0, -600%);
}

.signBar, .stateNavOpen .signBar {
    transform: translate(0, 0);
}

.signs {
  background: var(--blue);
  display: inline-block;
}

.sign {
  display: block;
  padding: 20px;
  border-right: 20px solid var(--red);
  transition: all .2s ease-in-out;
}

.sign:focus,
.sign:hover {
  border-right: 30px solid var(--red);
}


a.sign.signBrand {
  display: block;
}

.signBrand svg {
  max-width: 20rem;
  height: 70px;
}

.signClaim {
  margin-top: 8px;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.2;
}

/* tools all */
.tools {
  float: right;
}

.tools:after {
  clear: both;
}

.tool {
  height: 5.5rem;
  width: 5.5rem;
  text-align: center;
}

.tools .tText {
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.tCal, .tLang, .tSearchUI, .tNavUI {
    padding-top: 1.7rem;
}

/* tools tGroup */
.tCal {
    transition: all 200ms ease;
}

.tLang {
    transition: all 300ms ease;
}

#tSearch {
    transition: all 400ms ease;
}

.tGroup {
    background-color: #002c50;
}

.stateScrolled .tGroup {
    transform: translate(0, 0);
}

.tGroup,
.stateNavOpen .tGroup,
.stateSearchOpen .tGroup {
    transform: translate(0, 0);
}

/* tools tSearch */
.tSearchUIMask {
    position: relative;
    overflow: hidden;
    z-index: 650;
    background-color: #002c50;
    height: 5.5rem;
}

.tSearchOpener, .tSearchCloser, .tGroup {
    display: block;
    position: relative;
}

.tSearchOpener {
    transform: translate(0, 0);
}

.stateSearchOpen .tSearchOpener {
    transform: translate(0, 400%);
}

.tSearchCloser {
    transform: translate(0, -400%);
}

.stateSearchOpen .tSearchCloser {
    transform: translate(0, -100%);
}

/* tools tWidget */
.tWidget {
    width: 5.5rem;
}

.tWidgetMask {
    position: relative;
    overflow: hidden;
}

.tNavUIMask {
    position: relative;
    overflow: hidden;
    z-index: 650;
    background-color: #A4230A;
    height: 5.5rem;
}

.tNavOpener, .tNavCloser {
    display: block;
    position: relative;
}

.tNavOpener {
    transform: translate(0, 0);
}

.stateNavOpen .tNavOpener {
    transform: translate(0, 400%);
}

.tNavCloser {
    transform: translate(0, -400%);
    height: 2rem;
}

.stateNavOpen .tNavCloser {
    transform: translate(0, -100%);
}

.stateScrolled .tSkipUI {
    transform: translate(0, 0);
}

.tSkipUI, .stateNavOpen .tSkipUI, .stateSearchOpen .tSkipUI {
    transform: translate(0, 0);
}

.stateNotSkipUI .tSkipUp, .stateNotSkipUI .tSkipState, .stateNotSkipUI .tSkipDown
{
    display: none;
}

.tSkipUp svg {
    transform: rotate(-90deg);
}

.tSkipDown svg {
    transform: rotate(90deg);
}

.tSkipTop svg {
    transform: rotate(180deg);
}

.tSkipUp, .tSkipState, .tSkipDown {
    position: relative;
    z-index: 675;
    background-color: #fff;
}

.tSkipUp {
    border-top: 3px solid #002c50;
    border-right: 3px solid #002c50;
    border-left: 3px solid #002c50;
    padding-top: 0.8rem;
    padding-bottom: 0.3rem;
}

.tSkipState {
    border-right: 3px solid #002c50;
    border-left: 3px solid #002c50;
}

.tSkipState span {
    font-size: 1.3rem;
    line-height: 1.3rem;
}

.tSkipDown {
    border-right: 3px solid #002c50;
    border-left: 3px solid #002c50;
    border-bottom: 3px solid #002c50;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.tSkipTop {
    position: relative;
    z-index: 650;
    background-color: #002c50;
    padding-top: 1rem;
    padding-bottom: 0.8rem;
}

.tSkipTop, .stateScrollingDown .tSkipTop {
    transform: translate(0, -100%);
}

.stateScrollingUp .tSkipTop {
    transform: translate(0, 0);
}

/* ================================================
        aNav		z-index: 400;
=================================================== */
#aNav {
    position: fixed;
    z-index: 400;
    width: 100%;
    overflow: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    transform: translate(0, -100%);
}

#aNav .in {
    padding-top: 9rem;
}

#aNav .out {
    background-color: #ecf6f9;
}

.stateNavOpen #aNav {
    transform: translate(0, 0);
}

.aNavUI .navBody ol li {
    list-style: none;
}

.aNavUI .navBody ol li ol {
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s ease-in-out;
}

.aNavUI .navBody ol li ol li {
    padding-left: 1.5rem;
}

.aNavUI .navBody ol li.stateNavScopeOpen ol {
    transition: all 0.5s ease-in-out;
    max-height: 5000px;
}

.aNavUI .subNavTrigger {
    position: relative;
}

.aNavUI .subNavTrigger span {
    padding: 1rem 0;
    display: inline-block;
    width: 100%;
}
.aNavUI .subNavTrigger svg {
    position: absolute;
    top: 0.5rem;
    left: -1.5rem;
    width: 1.2rem;
    height: 1.2rem;
}

.aNavUI ol li ol li a {
    padding: 1.4rem 0;
    display: inline-block;
}

.aNavUI .navBody ol li a,
.aNavUI .navBody ol li span {
    color: #002c50;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.aNavUI .navBody ol li ol li a {
    font-size: 1.8rem;
    line-height: 2.2rem;
    display: block;
}

.aNavUI .navBody ol li span, .aNavUI .navBody ol li ol li a {
    font-weight: 700;
}

.aNavUI .navBody ol li a span {
    font-weight: 400;
}

.aNavUI .navBody li.navScope>span.subNavTrigger>span,
.aNavUI .navBody li.navScope>a>span {
    padding: 1rem 0;
    display: inline-block;
    width: 100%;
    border-bottom: 3px solid #002c50;
}

.aNavUI .navBody ol li ol li a {
    border-bottom: 3px solid #002c50;
}

.aNavUI .navBody li.navScope:last-child>span.subNavTrigger>span,
.aNavUI .navBody li.navScope:last-child>a>span {
    border-bottom: none;
}

.stateNavScopeOpen .subNavTrigger svg {
    transform: rotate(45deg);
}

.aNavUI .navBody ol li a .subNavTrigger svg {
    visibility: hidden;
}

.aNavInfo {
    padding-top: 2.5rem;
}

.aNavInfoSlots {
    margin-bottom: 3rem;
}

.aNavInfoSlots.aNavInfoE svg {
    width: 4rem;
    height: 4rem;
}

.aNavInfoSlots h4, .aNavInfoSlots h4 span {
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin-bottom: 0.5rem;
    color: #002c50;
}

.aNavInfoSlots p {
    margin-bottom: 0;
}

.aNavInfoSlots ol li, .aNavInfoSlots ul li {
    list-style: none;
}

.aNavInfoSlots .readOn a, .aNavInfoSlots .download a, .aNavInfoSlots .letter a,
.aNavInfoSlots .phone, .aNavInfoSlots .fax, .aNavInfoSlots .literature
{
    color: #002c50;
}

.aNavInfoE ol li {
    display: inline;
}

/* ================================================
        aStage		z-index: 200;
=================================================== */
#aStage {
    position: relative;
    z-index: 200;
    overflow: hidden;
}

#aStage .stagePageImg {
    position: relative;
}

#aStage .stagePageTitleWrap {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}

#aStage .stagePageTitleWrap .in {
    padding-top: 0.5rem;
    padding-bottom: 0;
}

#aStage .stagePageBreadWrap {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}

#aStage .stagePageBreadWrap .in {
    padding-bottom: 0 !important;
}

#aStage .stageBread ol li {
    display: inline;
}

#aStage .stageBread ol li a {
    display: inline;
    font-size: 1.1rem;
    line-height: 1.4rem;
    pointer-events: auto !important;
}

#aStage .stageBread svg {
    width: 1.3rem;
    height: 2.4rem;
    margin-bottom: -0.8rem;
}

#aStage .stagePageTitle h1,
#aStage .stagePageTitle h2,
#aStage .stagePageTitle p {
    color: #002c50;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2.6rem;
    font-weight: 800;
}

#aStage .headerPlus p {
    font-size: 5rem !important;
    line-height: 5.2rem !important;
    margin-top: 3rem !important;
}

#aStage .handHeldsDash {
    display: block;
    margin-top: 1.5rem;
    width: 20rem;
    height: 3rem;
    background-color: #002c50;
    color: #002c50;
}

/* ================================================
        aBridge		z-index: 200;
=================================================== */
#aBridge {
    position: relative;
    z-index: 200;
    margin-bottom: 0;
    top: 0;
}

/* ================================================
        aMods		z-index: 200;
=================================================== */
#aMods {
    position: relative;
    z-index: 200;
}

.bodyHome #aMods {
    top: 0;
}

.aside {
    margin-top: 3rem;
}

/* ================================================
        aFoot		z-index: 100;
=================================================== */
#aFoot {
    position: relative;
    z-index: 100;
    bottom: 0;
    width: 100%;
    background-color: #fff;
}

#aFoot .in {
    padding-top: 0;
    padding-bottom: 0;
}

#aFoot h1 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
    color: #34545B;
    display: inline-block;
}

#aFoot #mainFoot svg {
    width: 4.2rem;
    height: 4.2rem;
    top: 1.2rem;
    left: -0.8rem;
    position: relative;
}

#aFoot a {
    color: #002c50;
}

#aFoot span.readOn,
#aFoot span.download,
#aFoot .mainFootB .aFootInfoC a {
    display: block;
}

#aFoot.lehre {
    background-color: #eaf1f1 !important;
    padding: 4rem 0 4rem 0 !important;
}

#preFoot {
    background-color: #fff;
    border-top: 3px solid #bedee6;
    border-bottom: 3px solid #bedee6;
    padding: 3rem 0;
}

#preFoot .be4:nth-child(2) {
    padding: 1.5rem 0;
}

#preFoot .aFootInfoA svg {
    width: 100%;
    display: block;
    text-align: center;
}

#preFoot .aFootInfoC {
    text-align: center;
}

#preFoot .aFootInfoC svg {
    width: 4.5rem;
    height: 4.5rem;
}

#preFoot .accUnit {
    background-color: #002c50;
    padding: 0.5rem 0;
}

#preFoot .aFootInfoC ul {
    list-style: none;
}

#preFoot .aFootInfoC ul li {
    display: inline;
}

#preFoot legend {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 1.4rem;
    padding-top: 1.4rem;
    color: #fff;
}

#preFoot form {
    width: 100%;
}

#preFoot fieldset {
    max-width: 100%;
}

#preFoot .control-label {
    color: #fff;
}

#preFoot .add-on span {
    color: #fff;
}

#preFoot .form-check span, #preFoot .form-check span a {
    color: #152542;
}

#preFoot .form-check span a {
    text-decoration: none;
    box-shadow: inset 0 -7px 0 #bedee6;
    color: inherit;
}

#preFoot .btn-group {
    margin-bottom: 1rem;
}

#preFoot .btn-group .btn span {
    color: #fff;
}

/* ================================================
        footAcc		Akkordeon
=================================================== */

/* acc unit */
#aFoot .accUnit {
    position: relative;
    width: 100%;
    border-bottom: none;
}

#aFoot .accUnit:last-child {
    border-bottom: none;
}

#aFoot .accLabel {
    width: 100%;
    position: relative;
}

#aFoot .accLabel .accTrigger {
    display: none;
}

#aFoot .accLabel h3, .mAcc .accLabel img {
    display: inline-block;
}

#aFoot .accLabel h3 {
    text-align: center;
    display: block;
}

#aFoot .accLabel h3 {
    color: #fff;
    position: relative;
    top: 0;
    font-size: 2rem;
    line-height: 2.9rem;
    font-weight: 700;
    left: 0;
    padding: 1rem 1.5rem 1rem 0;
    margin-bottom: 0;
}

#aFoot .accLabel img {
    max-width: 3.5rem;
    height: auto;
    position: absolute;
    right: 0;
    top: 0.8rem;
    margin-left: 1.3rem;
}

#aFoot .acc p {
    color: #fff;
}

#aFoot p:last-child {
    margin-bottom: 2.4rem;
}

/* single accUnit only: no acc functionality */
#aFoot .accTrigger {
    display: none;
    left: 0;
    position: relative;
}

/* multiple accUnits: acc functionality */
#aFoot .acc.mAccCmsMultiAcc .accTrigger {
    display: inline;
    position: absolute;
    top: 1.6rem;
    left: -0.4rem;
}

#aFoot .acc.mAccCmsMultiAcc .accUnit.stateAccOpen .accUI {
    transform: rotate(45deg);
}

#aFoot .acc.mAccCmsMultiAcc .accUI {
    position: absolute;
    top: 0;
    right: 0;
}

#aFoot .acc.mAccCmsMultiAcc .accUI svg {
    width: 1.2rem;
    height: 1.2rem;
}

#aFoot .acc.mAccCmsMultiAcc .accContent {
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s ease-in-out;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#aFoot .acc.mAccCmsMultiAcc .accUnit.stateAccOpen .accContent {
    transition: all 0.5s ease-in-out;
    max-height: 5000px;
}

/* mainFoot */
#mainFoot {
    background-color: #fff;
    border-bottom: 3px solid #bedee6;
}

#mainFoot .mainFootA {
    padding-top: 3rem;
}

#mainFoot .mainFootA .be4:first-child,
#mainFoot .mainFootA .be4:nth-child(2) {
    margin-bottom: 0;
}

#mainFoot .be4 {
    margin-bottom: 1.5rem;
}

#mainFoot .download a {
    margin-bottom: 0.8rem;
}

/* Form Foot */
#preFoot .accContent {
    background-color: #ecf6f9;
}

#aFoot .newform #email {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 100%;
    background-color: #fff;
    margin-bottom: 2.5rem;
}

.newform .submit {
    position: relative;
    margin: 0 auto;
    display: block;
    padding: 1rem 0 1rem 0;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    background-color: #bedee6;
    width: 190px;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-align: center;
    color: #002c50;
}

.newform .submit:hover {
    cursor: pointer;
    background-color: #002c50;
    color: #bedee6;
}

#preFoot .newform input[type="checkbox"]+span {
    background: url(../img/checkPassive.svg) 0 top no-repeat;
}

#preFoot .newform input[type="checkbox"]:checked+span {
    background: url(../img/checkActive.svg) 0 top no-repeat;
}

#preFoot .newform ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 400;
    font-size: 1.4rem;
    color: #002c50;
    text-align: center;
}

#preFoot .newform ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    font-size: 1.4rem;
    color: #002c50;
    text-align: center;
}

#preFoot .newform :-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 400;
    font-size: 1.4rem;
    color: #002c50;
    text-align: center;
}

#preFoot .newform :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    font-size: 1.4rem;
    color: #002c50;
    text-align: center;
}

.newform span a {
    color: #152542 !important;
}

#aMods .nlForm {
    background-color: #fff;
    padding: 3rem;
}

#aMods .nlForm li {
    list-style-type: none;
    padding-bottom: 1rem;
}

#aMods .nlForm .submit {
    padding: 1.7rem;
}

#aMods .form-check span a {
    color: #002c50 !important;
}

#aMods .tx-registeraddress {
    margin: 3rem 0
}

/* postFoot */
#postFoot {
    background-color: #fff;
    display: flex;
    content: none;
    padding: 3rem 9rem;
    justify-content: space-evenly;
    align-items: center;
    align-self: center;
    width: 100%;
    max-width: none;
}

#postFoot .aFootLogos {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: row;
    justify-content: center;
    margin: 1rem;
}

#postFoot .aFootLogosRects {
    flex-grow: 0.5;
    flex-shrink: 2;
}

#postFoot .aFootLogos>a>img {
    max-height: 7rem;
    width: auto;
}

#postFoot .aFootLogos>a>.dam {
   max-height: 5.5rem;
   width: auto;
}

@media screen and (max-width:1099px) {
    #postFoot {
        padding-left: 0;
        padding-right: 0;
        flex-wrap: wrap;
    }
}

/* ================================================
        aMask		z-index: 300;
=================================================== */
#aMask {
    bottom: 0;
    width: 100%;
    height: 0;
    position: fixed;
    pointer-events: none;
    overflow: hidden;
    background-color: #000;
    z-index: 300;
    opacity: 0.4;
}

.stateNavOpen #aMask, .stateSearchOpen #aMask {
    height: 100%;
    opacity: 0.8;
    pointer-events: inherit;
}

/* ================================================
        aSearch 		z-index: 500;
=================================================== */
#aSearch {
    position: fixed;
    top: 0;
    z-index: 500;
    width: 100%;
    transform: translate(0, -100%);
}

.stateSearchOpen #aSearch {
    transform: translate(0, 0);
}

#aSearch .out {
    background-color: #ecf6f9;
    padding-top: 33rem;
}

#aSearch form {
    position: relative;
    bottom: 7.5rem;
    width: 100%;
}
#aSearch form>div {
    display: flex;
}

.searchSlot {
    border-bottom: 3px solid #002c50;
    width: 100%;
}

#aSearch input[type="submit"], #aSearch input[type="text"] {
    font-size: 2rem;
    height: 4.4rem;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 0;
    background-color: #ecf6fa;
    border-bottom: 3px solid #002c50;
    color: #012c4f;
    font-family: inherit;
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-appearance: none;
    transition: border-color .15s linear, background .15s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    vertical-align: middle;
    text-align: left;
}:focus-visible {
    outline: dashed ;
}

#aSearch input[type="submit"], #aSearch input[type="text"] {
    padding-bottom: 1rem;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #002c50;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #002c50;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #002c50;
}

#aSearch input[type="submit"] {
    display: none;
}

#aSearch svg {
    align-self: baseline;
    width: 2.5rem;
    height: 2.5rem;
}

#aSearch svg:hover {
    cursor: pointer;
}

#aSearch .svgGlass {
    fill: #002c50;
}

/* ===================================================================================================
        STAGES
====================================================================================================== */

/* ================================================
        All Stages
=================================================== */
.s.sSlide .stagePageImgs {
    position: relative;
}

.s.sMods {
    margin-bottom: 0;
}

.s.sMods .ratioBox img {
    margin-top: 0;
}

#aStage .s.sBlank .stagePageTitleWrap .in {
    padding-bottom: 2rem;
}

.s .sImgSquare {
    display: block;
}

.s .sImgRect {
    display: none;
}

/* ================================================
        sBlank		Stage mit Bridge
=================================================== */
.mStageBigType .in {
    padding-bottom: 0.2rem !important;
}

/* ================================================
        sSlide		Slider mit initialem Schieberegler-Slide
=================================================== */

@keyframes MoveArrowUpDownUp {
    0% {
        top: 0;
    }

    50% {
        top: 7px;
    }
    100% {
        top: 0;
    }
}
@keyframes MoveArrowUpDownDown {
    0% {
        bottom: 0;
    }

    50% {
        bottom: 7px;
    }
    100% {
        bottom: 0;
    }
}
#aStage {
    background-color: #fff;
}

#aStage.simple {
    max-height: 50vh;
}

#aStage .sSlide .slick-current {
    width: 600px;
    z-index: 99999;
    position: relative;
}

#aStage .sSlide .ratioBox {
    background-color: #002c50;
}

#aStage .sSlide .stageSlideCaptionWrap {
    bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}

#aStage .sSlide .copy h1, #aStage .sSlide .copy h2, #aStage .sSlide .copy h3,
#aStage .sSlide .copy h4, #aStage .sSlide .copy h5, #aStage .sSlide .copy h6,
#aStage .sSlide .copy p {
    color: #002c50;
}

#aStage .sSlide .copy small, #aStage .sSlide .copy small strong, #aStage .sSlide .copy small i,
#aStage .sSlide .mediaCaption p, #aStage .sSlide .mediaCaption a,
#aStage .sSlide .mediaCaption li, #aStage .sSlide .mediaCaption strong,
#aStage .sSlide .mediaCaption i, #aStage .sSlide .readOn a, #aStage .sSlide .download a,
#aStage .sSlide .letter a, #aStage .sSlide .phone, #aStage .sSlide .fax,
#aStage .sSlide .literature {
    color: #002c50;
}

#aStage .sSlide .stageSlideCaption p {
    margin-bottom: 0;
}

#aStage .sSlide .sSlideUIout {
    position: relative;
    width: 100%;
    bottom: 0;
    background-color: #fff;
}

#aStage .sSlide .sSlideUIin {
    float: none !important;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    padding: 2rem;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.sSlideUIs {
    margin: 0 auto;
    position: relative;
    width: 13rem;
}

#aStage .sSlide .slideUI {
    position: relative;
    z-index: 300;
    text-align: inherit;
}

#aStage .sSlide .slideUIprev {
    transform: translate(0, 0);
}

#aStage .sSlide .slideUInext {
    transform: translate(9.5rem, 0);
    margin-top: -3.9rem;
}

#aStage .sSlide ul.slick-dots {
    position: absolute;
    top: 0;
    bottom: unset;
    background-color: #fff;
    max-width: none;
    width: 13rem;
    height: 3.5rem;
    pointer-events: auto;
}

#aStage .sSlide ul.slick-dots li {
    margin: 0 auto;
}

#aStage .sSlide .slideSkipUIin {
    width: 100%;
    line-height: 3.5rem;
}

#aStage .sSlide .slideSkipState {
    margin-left: -0.3rem;
}

#aStage .sSlide .slick-slider {
    margin-bottom: 0;
}

/* ================================================
        sMods		Stage mit modularen Optionen
=================================================== */
.sModsRight .copy ul {
    list-style: none;
    margin-left: 0.8rem;
}

.sModsLeft.be2, .sModsLeft.be10, .sModsRight.be2, .sModsRight.be10 {
    width: 100%;
}

#aStage .stageAsideBg {
    display: none;
}

#aStage .sMods h1 {
    font-size: 3rem;
    line-height: 3.2rem;
    margin-top: 3rem;
    color: #002c50;
}

/* ===================================================================================================
        MODULES
====================================================================================================== */

.mIs {
    margin-bottom: 3rem;
}

.mIs:last-child {
    margin-bottom: 0;
}

.skm {
    margin-bottom: 2.2rem;
}

.skm:last-child {
    margin-bottom: 0;
}

.skm:first-child {
    margin-top: 3rem;
}

.sksm {
    margin-bottom: 2.2rem;
}

.sksm:last-child {
    margin-bottom: 0;
}

.sksm:first-child {
    margin-top: 3rem;
}

.mediaCaption {
    margin-top: 1.2rem;
    margin-bottom: 0;
}

/* Main Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

p, a, li, strong, i {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #002c50;
}

strong, strong a {
    font-weight: 700 !important;
}

p {
    margin-bottom: 1.4rem;
}

p:last-child {
    margin-bottom: 0;
}

h1, .copy h1 {
    font-weight: 800;
}

.copy h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
    /*color: #002c50;*/
    color: #699da8;
}

.copy .acc h3 {
    color: #34545B
}

.copy h4 {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #002c50;
}

.copy p {
    margin-bottom: 1.4rem;
}

.copy p:last-child {
    margin-bottom: 0;
}

.copy small, .copy small strong, .copy small i, .mediaCaption p,
.mediaCaption a, .mediaCaption li, .mediaCaption strong, .mediaCaption i
{
    font-size: 1.1rem;
    line-height: 1.4rem;
    margin-bottom: 0.25rem;
    color: #002c50;
}

.copy small {
    display: block;
}

.copy ul, .accContent ul {
    margin: 0 0 0.75rem 1.5rem;
}

/* Sidebar Typography */
.aside p, .aside a, .aside li, .aside strong, .aside i {
    font-size: 1.4rem;
    line-height: 1.9rem;
}

.aside a {
    color: #002c50;
}

.aside .copy h3 {
    font-size: 1.8rem;
    line-height: 2.1rem;
}

.aside .copy h4 {
    color: #002c50;
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin-bottom: 1.8rem;
}

.aside .copy p:last-child {
    margin-bottom: 0;
}

.aside .mediaCaption p, .aside .mediaCaption a, .aside .mediaCaption li
{
    font-size: 1.4rem;
}

.aside .copy small, .aside .copy small strong, .aside .copy small i,
.aside .mediaCaption p, .aside .mediaCaption a, .aside .mediaCaption li,
.aside .mediaCaption strong, .aside .mediaCaption i {
    font-size: 1.1rem;
    color: #002c50;
    margin-bottom: 0;
}

.aside .copy ul {
    margin: 0 0 0.75rem 0.9rem;
}

/* SKM */

/* ================================================
        skmAcc		Akkordeon
=================================================== */

/* acc unit */
.skmAcc .accUnit {
    position: relative;
    width: 100%;
    border-bottom: 3px solid #bedee6;
}

.skmAcc .accUnit:last-child {
    border-bottom: none;
}

.skmAcc .accLabel {
    width: 100%;
    position: relative;
}

.skmAcc .accLabel .accTrigger {
    display: none;
}

.skmAcc .accLabel h3, .skmAcc .accLabel img {
    display: inline-block;
}

.skmAcc .accLabel h3 {
    position: relative;
    top: 0;
    font-size: 2rem;
    line-height: 2.9rem;
    font-weight: 400;
    left: 0;
    padding: 1rem 1.5rem 1rem 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.skmAcc .accLabel img {
    max-width: 3.5rem;
    height: auto;
    position: absolute;
    right: 0;
    top: 0.8rem;
    margin-left: 1.3rem;
}

.skmAcc p:last-child {
    margin-bottom: 2.4rem;
}

.skmAcc .contenttable:last-child {
    margin-bottom: 2.4rem;
}

/* single accUnit only: no acc functionality */
.skmAcc .accTrigger {
    display: none;
    left: 0;
    position: relative;
}

/* multiple accUnits: acc functionality */
.skmAcc .acc.mAccCmsMultiAcc .accTrigger {
    display: inline;
    position: absolute;
    top: 1.6rem;
    left: -0.4rem;
}

.skmAcc .acc.mAccCmsMultiAcc .accUnit.stateAccOpen .accUI {
    transform: rotate(45deg);
}

.skmAcc .acc.mAccCmsMultiAcc .accUI {
    position: absolute;
    top: 0;
    right: 0;
}

.skmAcc .acc.mAccCmsMultiAcc .accUI svg {
    width: 1.2rem;
    height: 1.2rem;
}

.skmAcc .acc.mAccCmsMultiAcc .accContent {
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s ease-in-out;
}

.skmAcc .acc.mAccCmsMultiAcc .accUnit.stateAccOpen .accContent {
    transition: all 0.5s ease-in-out;
    max-height: 5000px;
}

/* SKSM */

/* ================================================
        sksmCopy		Fließtexteinheit
=================================================== */
.sksmCopy p .readOn a, .sksmCopy .readOn a, .sksmCopy p .download a,
.sksmCopy .download a, .sksmCopy p .letter a, .sksmCopy .letter a,
.sksmCopy p .phone, .sksmCopy .phone, .sksmCopy p .fax, .sksmCopy .fax,
.sksmCopy p .literature, .sksmCopy .literature {
    color: #002c50;
}

/* HM */

/* ================================================
        mTitles		Hauptüberschrift (3 Typen)
=================================================== */
.beTitle {
    width: 100%;
}

.beTitle.blank {
    display: none;
}

.mTitles h2 {
    font-size: 2rem;
    line-height: 2.6rem;
    text-transform: uppercase;
    text-align: left;
    color: #002c50;
}

.mTitles .handHeldsDash {
    display: block;
    margin-top: 1.5rem;
    width: 20rem;
    height: 3rem;
    background-color: #002c50;
    color: #002c50;
}

/* ================================================
        mMetaOpener		Schmucktext (not scrolling)
=================================================== */
.mMetaOpener {
    border-top: 30px solid #002c50;
}

.mMetaOpener .inNoWrap {
    background-color: #ecf6f9;
}

.beMetaOpener {
    width: 100%;
}

.mMetaOpener .be4 {
    width: 100%;
    margin-bottom: 2rem;
}

.mMetaOpener .be4:last-child {
    margin-bottom: 0;
}

.beMetaOpener.blank {
    display: none;
}

.metaOpenerInner {
    width: 70%;
    position: relative;
    margin: 0 auto;
    display: inherit;
    padding-bottom: 1.7rem;
    border-bottom: 1px solid #bedee6;
}

.metaOpenerInner .media {
    position: absolute;
    top: -0.6rem;
    left: -4.2rem;
}

.mMetaOpener h2, .mMetaOpener h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #002c50;
}

.mMetaOpener ul li span.readOn {
    margin-bottom: 0.75rem;
}

.mMetaOpener li a {
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #002c50;
}

.mMetaOpener.bgDefault ul .readOn a, .mMetaOpener.bgDefault ul .download a,
.mMetaOpener.bgDefault ul .letter a, .mMetaOpener.bgDefault ul .phone,
.mMetaOpener.bgDefault ul .fax, .mMetaOpener.bgDefault ul .literature,
.mMetaOpener.bgDotted ul .readOn a, .mMetaOpener.bgDotted ul .download a,
.mMetaOpener.bgDotted ul .letter a, .mMetaOpener.bgDotted ul .phone,
.mMetaOpener.bgDotted ul .fax, .mMetaOpener.bgDotted ul .literature,
.mMetaOpener.bgMarine ul .readOn a, .mMetaOpener.bgMarine ul .download a,
.mMetaOpener.bgMarine ul .letter a, .mMetaOpener.bgMarine ul .phone,
.mMetaOpener.bgMarine ul .fax, .mMetaOpener.bgMarine ul .literature {
    border-left: 12px solid #ecf6fa;
}

.mMetaOpener span.alignLeft {
    display: inline-block;
    min-width: 9rem;
}

.mMetaOpener span.alignRight {
    padding-right: 1rem;
}

/* =============== TEMPORAER =============== */
.interferer {
    background-color: #ecf6f9;
    padding: 3rem 5rem;
    border-bottom: 3px solid #bedee6;
    margin-bottom: 6rem;
}

.interferer p {
    color: #34545B;
    font-weight: 700;
}

.interfererEmph {
    color: #e6310d;
}

/* =============== TEMPORAER =============== */

/* ================================================
        mMediaCopy		Multimedia mit optionalem Fließtext
=================================================== */
.mMediaCopy .breathe {
    position: relative;
    margin-top: 2rem;
}

.mMediaCopy .copy {
    position: relative;
}

/* ================================================
        mSplitCopy		Fließtext gesplittet
=================================================== */
.mSplitCopy .full {
    display: none;
}

.mSplitCopy .handHeldsDash {
    display: block;
    margin-top: 1.5rem;
    width: 20rem;
    height: 3rem;
    background-color: #002c50;
    color: #002c50;
    margin-bottom: 2.2rem;
}

.mSplitCopy .headline h1, .mSplitCopy .headline h2 {
    font-size: 3rem;
    line-height: 3.2rem;
    color: #002c50;
}

/* ================================================
        mImgTxtSlider		Bild / Text Slider
=================================================== */

/* slide TXT */
.mImgTxtSlider.mImgTxtSliderCmsTxt.bgMarine .show1 {
    background-color: #fff;
}

.mImgTxtSlider.mImgTxtSliderCmsTxt.bgDefault .show1 {
    background-image: url(../img/dots.png);
    background-size: 6px 6px;
}

.mImgTxtSlider .slideCaption {
    margin-top: 2rem;
    margin-bottom: 2.2rem;
}

.mImgTxtSlider.mImgTxtSliderCmsTxt h4 {
    color: #002c50;
    font-weight: 400;
}

.mImgTxtSlider .slideUIprev {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    max-width: 4rem;
}

.mImgTxtSlider .slideUInext {
    position: relative;
    left: 9.5rem;
    z-index: 100;
    max-width: 4rem;
}

.mImgTxtSlider .slick-dots {
    left: 1.6rem;
    bottom: 0.6rem;
    max-width: 4rem;
}

/* ================================================
        mTxtSlider		Textslider
=================================================== */
.mTxtSlider .copy.copyStatements {
    padding: 1.5rem 0;
    margin: 1.5rem 0;
}

.mTxtSlider .copy.copyStatements h4 {
    font-size: 3rem;
    line-height: 3.2rem;
    font-weight: 800;
    padding: 1.2rem 1.5rem;
    color: #002c50;
}

.mTxtSlider .slideUIprev {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 4rem;
    z-index: 10;
}

.mTxtSlider .slideUInext {
    position: relative;
    left: 8rem;
    z-index: 100;
    max-width: 4rem;
}

.mTxtSlider .slick-dots {
    left: 0.8rem;
    bottom: 0.3rem;
    max-width: 4rem;
}

/* ================================================
        mTeaseList		Teasersammlung
=================================================== */
.mTeaseList .mTeaseRow {
    padding: 2rem 0 2.5rem 0;
    border-top: 3px solid #34545B;
}

.mTeaseList .media {
    margin-top: 2rem;
}

/* ================================================
        mTabbedAcc		Tabs
=================================================== */

/* tabs */
.mTabbedAcc .mTabLabel {
    padding: 1rem 0;
    border-bottom: 3px solid #002c50;
}

.mTabbedAcc .mTab:last-child .mTabLabel {
    border-bottom: none;
}

.mTabbedAcc .tabUI {
    position: absolute;
    top: 0;
    right: 0;
}

.mTabbedAcc .mTab.stateTabOpen .tabUI {
    transform: rotate(45deg);
}

.mTabbedAcc .mTab .mTabLabel {
    position: relative;
}

.mTabbedAcc .mTab .tabTrigger {
    position: relative;
    top: 1rem;
    left: -0.4rem;
    display: none;
}

.mTabbedAcc .tabUI svg {
    width: 1.2rem;
    height: 1.2rem;
}

.mTabbedAcc .mTab .mTabLabel h3 {
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 800;
    color: #002c50;
}

.mTabbedAcc .mTab.stateTabOpen .mTabLabel h3 {
    color: #002c50;
}

/* acc unit */
.mTabbedAcc .accUnit {
    position: relative;
    width: 100%;
    border-bottom: 3px solid #bedee6;
}

.mTabbedAcc .accUnit:last-child {
    border-bottom: none;
}

.mTabbedAcc .accLabel {
    width: 100%;
    position: relative;
}

.mTabbedAcc .accLabel .accTrigger {
    display: none;
}

.mTabbedAcc .accLabel h3, .mTabbedAcc .accLabel img {
    display: inline-block;
}

.mTabbedAcc .accLabel h3 {
    position: relative;
    top: 0;
    font-size: 2rem;
    line-height: 2.9rem;
    font-weight: 700;
    left: 0;
    padding: 1rem 1.5rem 1rem 0;
    margin-bottom: 0;
    color: #002c50;
}

.mTabbedAcc .acc.mTabLabelCmsMultiAcc .accUnit.stateAccOpen .accLabel h3
{
    color: #34545B;
}

.mTabbedAcc .accLabel img {
    max-width: 3.3rem;
    height: auto;
    position: absolute;
    right: 0;
    top: 0.8rem;
    margin-left: 1.3rem;
}

.mTabbedAcc p:last-child {
    margin-bottom: 2.4rem;
}

/* single accUnit only: no acc functionality */
.mTabbedAcc .accTrigger {
    display: none;
    left: 0;
    position: relative;
}

/* multiple accUnits: acc functionality */
.mTabbedAcc .acc.mTabLabelCmsMultiAcc .accTrigger {
    display: inline;
    position: absolute;
    top: 1.6rem;
    left: -0.4rem;
}

.mTabbedAcc .acc.mTabLabelCmsMultiAcc .accUnit.stateAccOpen .accUI {
    transform: rotate(45deg);
}

.mTabbedAcc .acc.mTabLabelCmsMultiAcc .accUI {
    position: absolute;
    top: 0;
    right: 0;
}

.mTabbedAcc .acc.mTabLabelCmsMultiAcc .accUI svg {
    width: 1.2rem;
    height: 1.2rem;
}

.mTabbedAcc .acc.mTabLabelCmsMultiAcc .accContent {
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s ease-in-out;
}

.mTabbedAcc .acc.mTabLabelCmsMultiAcc .accUnit.stateAccOpen .accContent
{
    transition: all 0.5s ease-in-out;
    max-height: 5000px;
}

.mTabbedAcc .accContent h4 {
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #002c50;
}

/* ================================================
        mCarousel		Mitarbeitersammlung
=================================================== */
.mCarousel .slick-track {
    background-color: #fff;
}

.mCarousel .slideCaption {
    border-top: 3px solid #eaf1f1;
}

.mCarousel .slideCaption > :first-child:before {
    color: #fff;
    content: url(../img/readOn.svg);
    align-self: start;
    display: inline-flex;
    vertical-align: sub;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.mCarousel .slideCaption h3 {
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #002c50;
    margin-bottom: 0;
}

.mCarousel .slick-list {
    margin-bottom: 3rem;
}

.mCarousel.bgDefault .slick-track, .mCarousel.bgDotted .slick-track {
    border-bottom: 3px solid #eaf1f1;
}

.mCarousel.bgMarine .slick-track {
    border-bottom: 3px solid #fff;
}

.mCarousel .slideUIprev {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.mCarousel .slideUInext {
    position: relative;
    left: 11rem;
    z-index: 100;
    max-width: 4rem;
}

.mCarousel .slick-dots {
    left: 2.3rem;
    bottom: 0.3rem;
    max-width: 4rem;
}

/* ================================================
        mImgCloudCarousel		Tag Cloud mit optionalem Beschreibungstext
=================================================== */
.mImgCloudCarousel .show6, .mImgCloudCarousel .show6:before,
.mImgCloudCarousel .show6:after {
    float: left;
    width: 100%;
    content: "";
    display: table;
    *zoom: 1;
}

.mImgCloudCarousel .show6:after {
    clear: both;
}

.mImgCloudCarousel .slick-track {
    margin-bottom: 3rem;
}

.mImgCloudCarousel .slideMedia {
    padding: 0 3rem 1rem 3rem;
    text-align: center;
}

.mImgCloudCarousel .slideMedia img {
    margin: 0 auto;
}

.mImgCloudCarousel .slideCaption {
    padding: 1rem 1.5rem;
    text-align: center;
}

/* with copy: don't slide */
.mImgCloudCarousel.mImgCloudCarouselWithCopy .show6 .slide.be4 {
    width: 50%;
}

.mImgCloudCarousel .slideCaption h3 {
    font-size: 1.1rem;
    line-height: 1.4rem;
    color: #002c50;
    margin-bottom: 0;
}

.mImgCloudCarousel .slideUIprev {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    max-width: 4rem;
}

.mImgCloudCarousel .slideUInext {
    position: relative;
    left: 9.5rem;
    z-index: 100;
    max-width: 4rem;
}

.mImgCloudCarousel .slick-dots {
    left: 1.5rem;
    bottom: 0.3rem;
    max-width: 4rem;
}

/* ================================================
        mScrollOpenerTxt		Opener Schmucktext (scrolling)
=================================================== */
.mScrollOpenerTxt {
    overflow: hidden;
}

.mScrollOpenerTxt .syncToScroll {
    will-change: transform;
    /*     transform: translateX(10px); */
}

.mScrollOpenerTxt h1, .mScrollOpenerTxt h2, .mScrollOpenerTxt a {
    /*
font-size: 10rem;
line-height: 1.2;
white-space: nowrap;
display: inline-block;
padding-right: 100%;
    */
    /*
white-space: nowrap;
display: block;
    */
    font-size: 3rem;
    line-height: 3.2rem;
    font-weight: 800;
    color: #002c50;
}

/* ================================================
        mScrollTxt		Schmucktext (scrolling)
=================================================== */
.mScrollTxt {
    overflow: hidden;
}

.mScrollTxt .syncToScroll {
    will-change: transform;
    /*     transform: translateX(10px); */
}

.mScrollTxt h1, .mScrollTxt h2, .mScrollTxt a {
    /*
font-size: 10rem;
line-height: 1.2;
white-space: nowrap;
display: inline-block;
padding-right: 100%;
    */
    /*
white-space: nowrap;
display: block;
    */
    font-size: 3rem;
    line-height: 3.2rem;
    font-weight: 800;
    color: #002c50;
}

/* ================================================
        mBigType		Schmucktext (not scrolling)
=================================================== */
.mBigType .in {
    padding-bottom: 2rem;
}

.mBigType h1, .mBigType h2, .mBigType a {
    font-size: 3rem;
    line-height: 3.2rem;
    font-weight: 800;
    color: #002c50;
}

.mBigType span {
    color: #002c50;
}

.mBigType a {
    text-decoration: none;
    box-shadow: inset 0 -10px 0 #bedee6;
    color: inherit;
}

/* HMS */

/* ================================================
        mColList		Mehrspaltige Liste
=================================================== */
.beColListCol, .beColListCol:before, .beColListCol:after {
    float: left;
    width: 100%;
    content: "";
    display: table;
    *zoom: 1;
}

.beColListCol:after {
    clear: both;
}

.mColList .mColListCmsBe4 .beColListCol {
    width: 100%;
}

.mColList .mColListCmsBe6 .beColListCol {
    width: 100%;
}

.mColListColOpenerCopy {
    margin-bottom: 1.4rem;
}

.mColList .copy .mColListCols h3 {
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin-bottom: 1.4rem;
}

.mColList .copy .mColListCols .meta {
    margin-bottom: 0;
}

/* ================================================
        mAcc		Akkordeon
=================================================== */
.mAcc .be8.copy {
    padding-right: 0;
}

/* acc unit */
.mAcc .accUnit {
    position: relative;
    width: 100%;
    border-bottom: 3px solid #bedee6;
}

.mAcc .accUnit:last-child {
    border-bottom: none;
}

.mAcc .accLabel {
    width: 100%;
    position: relative;
}

.mAcc .accLabel .accTrigger {
    display: none;
}

.mAcc .accLabel h3, .mAcc .accLabel img {
    display: inline-block;
}

.mAcc .accLabel h3 {
    position: relative;
    top: 0;
    font-size: 2rem;
    line-height: 2.9rem;
    font-weight: 700;
    left: 0;
    padding: 1rem 1.5rem 1rem 0;
    margin-bottom: 0;
}

.mAcc .accLabel img {
    max-width: 3.5rem;
    height: auto;
    position: absolute;
    right: 0;
    top: 0.8rem;
    margin-left: 1.3rem;
}

.mAcc p:last-child {
    margin-bottom: 2.4rem;
}

/* single accUnit only: no acc functionality */
.mAcc .accTrigger {
    display: none;
    left: 0;
    position: relative;
}

/* multiple accUnits: acc functionality */
.mAcc .acc.mAccCmsMultiAcc .accTrigger {
    display: inline;
    position: absolute;
    top: 1.6rem;
    left: -0.4rem;
}

.mAcc .acc.mAccCmsMultiAcc .accUnit.stateAccOpen .accUI {
    transform: rotate(45deg);
}

.mAcc .acc.mAccCmsMultiAcc .accUI {
    position: absolute;
    top: 0;
    right: 0;
}

.mAcc .acc.mAccCmsMultiAcc .accUI svg {
    width: 1.2rem;
    height: 1.2rem;
}

.mAcc .acc.mAccCmsMultiAcc .accContent {
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s ease-in-out;
}

.mAcc .acc.mAccCmsMultiAcc .accUnit.stateAccOpen .accContent {
    transition: all 0.5s ease-in-out;
    //max-height: 5000px;
    max-height: fit-content;
}

/* ================================================
        mIcoCols		3 Spalten inkl. Icons
=================================================== */
.mIcoCols .icoCol:first-child, .mIcoCols .icoCol:nth-child(2) {
    margin-bottom: 3rem;
}

.mIcoCols .icoCol {
    text-align: center;
}

.mIcoCols .icoColIco {
    margin-bottom: 1.5rem;
}

/* SM */

/* ================================================
        mIsCopyList		Fließtexteinheit + Listen
=================================================== */
.mIsCopyList .bigType {
    font-size: 3rem;
    line-height: 3.2rem;
    font-weight: 800;
    color: #002c50;
}

/* ================================================
        mIsProfile		Langprofil
=================================================== */
.mIsProfile .mIsProfileImg {
    position: relative;
    margin: 0 auto;
}

.mIsProfile .mIsProfileImg .ratioBox {
    background-color: #ecf6fa;
}

.mIsProfile .copy {
    background-color: #ecf6f9;
    padding: 1rem 1.5rem;
}

.mIsProfile .mIsProfileCaption {
    margin-bottom: 1.5rem;
}

.mIsProfile .mIsProfileCaption.copy {
    background-color: transparent;
    padding: 0;
}

.mIsProfile .mIsProfileCaption h4 {
    margin-bottom: 0;
}

/* ================================================
        mIsShortProfile		kurzprofil
=================================================== */
.mIsShortProfileSpecs {
    border-top: 1px solid blue !important;
    border-bottom: 1px solid blue !important;
}

/* AM */

/* ================================================
        mFilteredTeasers	Filterbare Teaser-Archive
=================================================== */
.stateNoFltrRes .archiveLoadMore .firstBtn {
    display: none;
}

.teaserArchiveFilterUI {
    margin-bottom: 3rem;
}

.teaserBody {
    opacity: 0;
    display: none;
    -webkit-transform: scale(0.99);
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(0.99);
    /* IE 9 */
    transform: scale(0.99);
    /* IE 10, Fx 16+, Op 12.1+ */
}

.teaserCopy {
    margin-bottom: 3rem;
    padding: 1.5rem 0 0 0;
}

.teaserBody.fltrShow {
    opacity: 0.8;
    display: block;
}

.teaserBody.fltrShow.shown {
    opacity: 1;
    -webkit-transform: scale(1);
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(1);
    /* IE 9 */
    transform: scale(1);
    /* IE 10, Fx 16+, Op 12.1+ */
}

.fltrTrigger {
    display: inline-block;
    padding: 0 1rem 0 0;
    margin-bottom: 0.5rem;
}

.fltrTrigger:hover {
    cursor: pointer;
}

.fltrOpener.tText {
    font-size: 3rem;
    line-height: 3.2rem;
    font-weight: 800;
    color: #002c50;
}

.fltrTotalNum {
    color: #002c50;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4rem;
    position: relative;
    top: -2rem;
}

.fltrStateActive .tText, .fltrStateActive .fltrTotalNum {
    color: #34545B;
}

.fltrTrigger svg {
    transform: rotate(45deg);
}

.fltrTrigger.fltrStateActive svg {
    transform: rotate(0);
}

.fltrTrigger.fltrStateActive .svgCloseDark {
    fill: #34545B;
}

.clearFltrRow {
    clear: both;
}

#kesearch_pagebrowser_top div.result_txt, #kesearch_pagebrowser_bottom div.result_txt,
.kesearch_pagebrowser a {
    font-size: 1.4rem !important;
    line-height: 1.8rem !important;
    color: #002c50 !important;
}

.kesearch_pagebrowser a {
    font-weight: 800;
    display: inherit !important;
}

/* ================================================
        mSearchResults		Suchergebnisse
=================================================== */
.mSearchResults {
    padding-top: 2rem;
}

.searchUI {
    padding-top: 24.2rem;
}

.tx-kesearch-pi1 {
    font-weight: 400 !important;
    width: 100%;
    float: left;
}

.tx-kesearch-pi1 input[type="text"], .tx-kesearch-pi1 select,
.tx-kesearch-pi1 textarea {
    padding: 0.3em 0.3em 0.3em 0.4em;
    background-color: #ecf6f9 !important;
    border: none !important;
    -webkit-border-radius: inherit !important;
    -moz-border-radius: inherit !important;
    border-radius: inherit !important;
    color: #002c50 !important;
    font-weight: 400 !important;
}

#kesearch_filters .list .head {
    display: block;
    border: none !important;
    margin-bottom: 2.4rem;
    padding: 0 !important;
    font-weight: 700 !important;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #002c50 !important;
}

.kesearchbox {
    height: auto !important;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    background-color: #ecf6f9;
    padding: 9rem;
}

input#ke_search_sword {
    width: 100% !important;
    border-bottom: 3px solid #002c50 !important;
    position: relative !important;
    padding: 0 !important;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 800 !important;
}

#kesearch_submit {
    left: 75% !important;
    top: 4px !important;
    position: absolute;
}

/* Firefox only */
@-moz-document url-prefix() {
    #kesearch_submit {
        background-color:transparent;
        top: 1.7rem !important;
    }

}
a.kesGreyButt, span.resetbutt a, span.submitbutt input, input.kesGreyButt,
span.kesGreyButt {
    padding: 0.5rem 3rem !important;
    margin: 0 10px 10px 0;
    display: block;
    cursor: pointer;
    min-width: 19rem !important;
    max-width: none !important;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent !important;
    background-image: none !important;
    border: 3px solid #bedee6 !important;
    border-radius: inherit !important;
    color: #002c50 !important;
    cursor: default;
    font-weight: 700 !important;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1.9 !important;
}

span.resetbutt a {
    border: 3px solid #bedee6 !important;
    background-color: #bedee6 !important;
}

#kesearch_filters .list ul {
    padding: 0 !important;
    border: none !important;
}

#kesearch_filters .list li.optionCheckBox {
    width: 100% !important;
}

#kesearch_filters label {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
    font-weight: 800;
    color: #002c50 !important;
}

span.hitCount {
    font-size: 1.1rem;
    line-height: 1.4rem;
    position: relative;
    top: -1rem;
    color: #002c50;
    font-weight: 400 !important;
}

#kesearch_num_results {
    font-size: 3rem;
    line-height: 3.2rem;
    font-weight: 800 !important;
    color: #002c50 !important;
    margin-bottom: 2.4rem;
    max-width: 100% !important;
}

.result-list-item {
    padding: 2.4rem 0 0 0 !important;
    margin-bottom: 2.4rem !important;
    border-top: 3px solid #34545B;
}

.teaser_icon {
    display: none !important;
}

.result-number {
    display: none;
}

.result-title a {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
    color: #34545B;
    font-weight: 700 !important;
}

.result-teaser {
    font-weight: 400 !important;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #002c50 !important;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    font-weight: 800 !important;
    color: #002c50 !important;
}

#kesearch_pagebrowser_top .pages_total, #kesearch_pagebrowser_bottom .pages_total
{
    padding: 8px 0;
    background: transparent !important;
    margin-bottom: 15px;
}

#kesearch_pagebrowser_bottom .pages_total {
    border: none !important;
    margin-top: 4rem;
}

.result_txt {
    font-size: 1.4rem !important;
    line-height: 1.8rem !important;
}

#kesearch_pagebrowser_top a.current, #kesearch_pagebrowser_bottom a.current
{
    color: #e6310d !important;
}

.mSearchResults .optionCheckBox label {
    cursor: pointer;
    padding-left: 3rem;
}

.mSearchResults input[type="checkbox"] {
    display: none;
}

.mSearchResults input[type="checkbox"]+label {
    background: url(../img/checkPassive.svg) 0 top no-repeat;
    /* 	transition : all .3s ease-in-out; */
    background-size: 2rem;
}

.mSearchResults input[type="checkbox"]:checked+label {
    background: url(../img/checkActive.svg) 0 top no-repeat;
    background-size: 2rem;
}

.tx-kesearch-pi1 input[type="text"]:focus, .tx-kesearch-pi1 input[type="text"]:hover,
.tx-kesearch-pi1 select:focus, .tx-kesearch-pi1 select:hover,
.tx-kesearch-pi1 textarea:focus, .tx-kesearch-pi1 textarea:hover {
    box-shadow: none !important;
}

#ke_search_sword, .mSearchResults ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #002c50;
    font-size: 2.4rem !important;
    line-height: 2.8rem !important;
    font-weight: 800 !important;
}

.mSearchResults :-ms-input-placeholder {
    /* IE 10+ */
    color: #002c50;
    font-size: 2.4rem !important;
    line-height: 2.8rem !important;
    font-weight: 800;
}

.mSearchResults :-moz-placeholder {
    /* Firefox 18- */
    color: #002c50;
    font-size: 2.4rem !important;
    line-height: 2.8rem !important;
    font-weight: 800;
}

/* ================================================
        mForm		Formulare
=================================================== */
.mForm h2 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
    color: #34545B;
}

.mForm legend {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 1.4rem;
    padding-top: 1.4rem;
    color: #002c50;
}

/* ================================================
        mSitemap		Sitemap
=================================================== */
.mSitemap .in {
    padding: 2rem;
}

.mSitemap ul {
    list-style: none;
}

.mSitemap ul li {
    line-height: 1.5rem;
    vertical-align: top;
    position: relative;
    margin-top: 1.5rem;
}

.mSitemap ul li a {
    text-decoration: none;
    color: #f80;
    display: inline-block;
}

.mSitemap ul ul {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.mSitemap ul ul li {
    position: relative;
}

.mSitemap ul ul li::before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 100%;
    border-left: 1px #34545B solid;
    position: absolute;
    top: -0.35rem;
}

.mSitemap ul ul li::before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
    border-bottom: 1px #34545B solid;
    position: absolute;
    top: -0.35rem;
}

.mSitemap ul ul li a {
    margin-left: 3.75rem;
}

/* ================================================
        mName		to be continued...
=================================================== */
@media ( max-width :1660px) {
    /* ================================================
            sTiny		Stage mit schmalem Bild
    =================================================== */
    #aStage.sTinyWrap {
        background-color: #012c4f;
    }
    #aStage.sTinyWrap .stagePageImg {
        min-height: 35rem;
    }
    #aStage.sTinyWrap .stagePageImg .sImgSquare, #aStage.sTinyWrap .stagePageImg .sImgRect
    {
        display: none;
    }
}

/* ===================================================================================================
        HANDHELD ONLY
====================================================================================================== */
@media screen and (max-width: 1099px) {
    .in, .inNoWrap {
        padding: 2rem 18%;
    }
    #aTools .in {
        padding: 0 18% 2rem 18%;
    }
    .mTitleEmpty .in, .mTitleEmpty .inNoWrap {
        padding-top: 2rem;
    }
    #aMods>.mTitleEmpty:first-child .in, #aMods>.mTitleEmpty:first-child .inNoWrap
    {
        padding-top: 2rem;
    }
    .mTitles .inNoWrap {
        padding: 2rem 18% 0 18%;
    }
    #aNav .in {
        padding-top: 16rem;
    }
    .mSitemap .in {
        padding: 2rem 18% 0 18%;
    }
    /* ================================================
            aSearch 		z-index: 500;
    =================================================== */
    /* ================================================
            aBridge		z-index: 200;
    =================================================== */
    #aBridge {
        margin-bottom: 0;
        top: -100px;
    }
    /* ================================================
            All Modules
    =================================================== */
    #aMods {
        top: -100px;
    }
    .bodyHome #aMods {
        top: 0;
    }
    /* ================================================
            All Stages
    =================================================== */
    #aStage .stagePageTitleWrap {
        top: -100px;
    }
    #aStage .stagePageBreadWrap {
        top: -100px;
    }
    .s .ratioBox img {
        margin-top: 0;
    }
    .s.sSlide .stagePageImgs {
        top: 0;
        position: relative;
    }
    .s.sMods {
        margin-bottom: 0;
    }
    .s.sMods .ratioBox img {
        margin-top: 0;
    }
    .s .sImgSquare {
        display: none;
    }
    .s .sImgRect {
        display: block;
    }
    /* ================================================
            sBlank		Stage mit Bridge
    =================================================== */
    .mStageBigType .in {
        padding-bottom: 0.2rem !important;
    }
    /* ================================================
            sSlide		Slider mit initialem Schieberegler-Slide
    =================================================== */
    #aStage .sSlide .sSlideUIin {
        padding: 2rem 18%;
    }
    /* ================================================
            sMods		Stage mit modularen Optionen
    =================================================== */
    #aStage .sMods .sSlideUIin {
        padding: 2rem 18%;
    }
    /* ================================================
            mMetaOpener		Schmucktext (not scrolling)
    =================================================== */
    .mMetaOpener .inNoWrap {
        padding: 3.2rem 9% 2rem 9%;
    }
    .mMetaOpener .be4 {
        width: 33.3333333333%;
        margin-bottom: 0;
    }
    .metaOpenerInner {
        width: 100%;
        padding-bottom: 0;
        border-bottom: none;
    }
    .metaOpenerInner .media {
        top: -3rem;
        left: -3rem;
    }
    /* ================================================
            mBigType		Schmucktext (not scrolling)
    =================================================== */
    .mBigType .in {
        padding-bottom: 2rem;
    }
    /* ================================================
            mSearchResults		Suchergebnisse
    =================================================== */
    .kesearchbox {
        padding: 4rem 18%;
    }
    /* Safari 7.1+ */
    _::-webkit-full-page-media, _:future, :root .kesearchbox {
        padding: 4rem 29%;
    }
    .searchUI {
        padding-top: 11.6rem;
    }
    #kesearch_submit {
        left: 78.5% !important;
        top: 4rem !important;
        position: absolute;
    }
    /* Firefox only */
    @-moz-document url-prefix() {
        #kesearch_submit {
            top:3.8rem!important;

        }
    }
    /* ================================================
                    mTabbedAcc		Tabs
            =================================================== */
    .mTabContent {
        overflow: hidden;
        max-height: 0;
        transition: all 0.5s ease-in-out;
    }

    .stateTabOpen .mTabContent {
        max-height: 1000px;
    }
    /* ================================================
                    mImgCloudCarousel
            =================================================== */
    .mImgCloudCarousel.mImgCloudCarouselWithCopy .show6 .slide.be4 {
        width: 33.3333333333%;
    }

}
@media screen and (max-width: 550px) {
    .in, .inNoWrap {
        padding: 2rem;
    }
    #aTools .in {
        padding: 0 2rem 2rem 2rem;
    }
    .mTitleEmpty .in, .mTitleEmpty .inNoWrap {
        padding-top: 1rem;
    }
    #aMods>.mTitleEmpty:first-child .in, #aMods>.mTitleEmpty:first-child .inNoWrap
    {
        padding-top: 2rem;
    }
    .mTitles .inNoWrap {
        padding: 1.5rem 2rem 0 2rem;
    }
    /*#aNav .in {*/
    /*    padding-top: 9rem;*/
    /*}*/
    .mSitemap .in {
        padding: 0 2rem 2rem 2rem;
    }
    /* ================================================
            aSearch 		z-index: 500;
    =================================================== */
    /* ================================================
            aBridge		z-index: 200;
    =================================================== */
    #aBridge {
        top: 0;
        margin-bottom: 0;
    }
    /* ================================================
            All Modules
    =================================================== */
    #aMods {
        top: 0;
    }
    .bodyHome #aMods {
        top: 0;
    }
    /* ================================================
            mBigType		Schmucktext (not scrolling)
    =================================================== */
    .mBigType .in {
        padding-bottom: 2rem;
    }
    /* ================================================
            All Stages
    =================================================== */
    #aStage .stagePageTitleWrap {
        top: 0;
    }
    #aStage .stagePageBreadWrap {
        top: 0;
    }
    .s .ratioBox img {
        margin-top: 0;
    }
    .s.sSlide .stagePageImgs {
        top: 0;
        position: relative;
    }
    .s.sMods {
        margin-bottom: 0;
    }
    .s.sMods .ratioBox img {
        margin-top: 0;
    }
    .s .sImgSquare {
        display: block;
    }
    .s .sImgRect {
        display: none;
    }
    /* ================================================
            sSlide		Slider mit initialem Schieberegler-Slide
    =================================================== */
    #aStage .sSlide .sSlideUIin {
        padding: 2rem;
    }
    /* ================================================
            sMods		Stage mit modularen Optionen
    =================================================== */
    #aStage .sMods .sSlideUIin {
        padding: 2rem;
    }
    /* ================================================
            sTiny		Stage mit schmalem Bild
    =================================================== */
    #aStage.sTinyWrap .stagePageImg {
        min-height: 20rem;
    }
    /* ================================================
            mMetaOpener		Schmucktext (not scrolling)
    =================================================== */
    .mMetaOpener .inNoWrap {
        padding: 2rem 2rem;
    }
    .mMetaOpener .be4 {
        width: 100%;
        margin-bottom: 2rem;
    }
    .metaOpenerInner {
        width: 70%;
        padding-bottom: 1.7rem;
        border-bottom: 1px solid #bedee6;
    }
    .mMetaOpener .be4:last-child .metaOpenerInner {
        padding-bottom: 0;
        border-bottom: none;
    }
    .metaOpenerInner .media {
        top: -0.6rem;
        left: -4.2rem;
    }
    /* ================================================
            mSearchResults		Suchergebnisse
    =================================================== */
    .kesearchbox {
        padding: 2rem !important;
    }
    .searchUI {
        padding-top: 8.6rem;
    }
    #kesearch_submit {
        left: 88% !important;
        top: 1.7rem !important;
        position: absolute;
    }
    /* ================================================
            mImgCloudCarousel
    =================================================== */
    .mImgCloudCarousel.mImgCloudCarouselWithCopy .show6 .slide.be4 {
        width: 50%;
    }
}

/* ===================================================================================================
        DESKTOP ONLY
====================================================================================================== */
@media screen and (min-width: 1100px) {
    #aStage.simple {
        max-height: 70vh;
    }
    .simple+#aBridge {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        height: 0;
    }
    .simple+#aBridge .out {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    /* ===================================================================================================
            FORMS
    ====================================================================================================== */
    /* Form Groups
    -----------------------------------------------*/
    fieldset {
        max-width: 50%;
    }
    /* Box Sizing Reset
    -----------------------------------------------*/
    input, textarea {
        width: 100%;
    }
    /* Buttons
    -----------------------------------------------*/
    .btn-group .btn {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    /* ===============================================================================================
            GRID
    ================================================================================================== */
    .be3 {
        width: 25%;
    }
    .be4 {
        width: 33.3333333333%;
    }
    .be5 {
        width: 41.6666666667%;
    }
    .be6 {
        width: 50%;
    }
    .be7 {
        width: 58.3333333333%;
    }
    .be8 {
        width: 66.6666666667%;
    }
    .be9 {
        width: 75%;
    }
    .beTitle {
        width: 50%;
    }
    .beMetaOpener {
        width: 50%;
    }
    /* ===============================================================================================
            STRUCTURE
    ================================================================================================== */
    .mXtitles .in, .mXtitles .inNoWrap {
        padding: 7rem 0 7rem 0;
    }
    #aMods>.mTitleEmpty:first-child .in, #aMods>.mTitleEmpty:first-child .inNoWrap
    {
        padding-top: 6rem;
    }
    .m:last-child .in, .m:last-child .inNoWrap {
        padding-bottom: 6rem;
    }
    .mSitemap .in {
        padding-left: 18rem;
    }
    /* ===============================================================================================
            UI ELEMENTS & HELPERS
    ================================================================================================== */
    .btnGroup {
        position: relative;
        overflow: auto;
        padding-top: 1rem;
    }
    .btn {
        min-width: 15rem;
        display: inline-block;
    }
    .btnGroup .btn.firstBtn {
        float: left;
        margin-right: 1.5rem;
    }
    .bgDotted .inNoWrap {
        background-image: none;
    }
    .bgDefault .inNoWrap, .bgMarine .inNoWrap, #aStage .in {
        background-color: transparent;
    }
    .bgDefault .getBGcolor {
        background-color: #fff;
    }
    .bgMarine .getBGcolor {
        background-color: #eaf1f1;
    }
    .bgDotted .getBGcolor {
        background-image: url('../img/dots.png');
        background-size: 6px 6px;
    }
    .mTitles .blank {
        background-color: transparent;
    }
    .mMetaOpener .blank {
        background-color: transparent;
    }
    .beBlownUp {
        visibility: hidden;
    }
    .svgDSMType {
        display: block;
    }
    .readOn a {
        padding-left: 1rem;
        margin-left: 0;
        display: inline-block;
    }
    @keyframes arrowAnim {
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(0.5rem);
        }

        100% {
            transform: translateX(0);
        }
    }
    .readOn a:hover {
        animation: arrowAnim 0.4s linear;
    }

    ul .readOn a:hover {
        animation: none;
    }

    .download a {
        background-size: 24px 24px;
        background: url(../img/download.svg) no-repeat 0 -0.1rem;
        padding-left: 2.5rem;
        margin-left: 0;
    }

    .letter a {
        background-size: 24px 24px;
        background: url(../img/letter.svg) no-repeat 0 -0.1rem;
        padding-left: 3.1rem;
        margin-left: 0;
    }

    .phone {
        background-size: 20px 20px;
        background: url(../img/phone.svg) no-repeat 0 -0.1rem;
        padding-left: 3.1rem;
        margin-left: 0;
    }

    .fax {
        background-size: 20px 20px;
        background: url(../img/fax.svg) no-repeat 0 -0.1rem;
        padding-left: 3.1rem;
        margin-left: 0;
    }

    .literature {
        background-size: 20px 20px;
        background: url(../img/literature.svg) no-repeat 0 -0.1rem;
        padding-left: 3.1rem;
        margin-left: 0;
    }

    .svgArrow {
        fill: #e6310d;
    }

    .svgArrowSliderOut {
        fill: #bedee6;
    }

    .svgArrowSliderIn {
        fill: #0e2642;
    }

    .svgPlus {
        fill: #34545B;
    }

    .svgClose, .svgNavClose {
        fill: #fff;
    }

    .svgCloseDark {
        fill: #0e2642;
    }

    .svgGlass {
        fill: #fff;
    }

    .svgGlasses {
        fill: #002c50;
    }

    .svgCal {
        fill: #fff;
    }

    .svgDownload {
        fill: #e6310d;
    }

    .svgFacebook {
        fill: #002c50;
    }

    .svgYoutube {
        fill: #002c50;
    }

    .svgInstagram {
        fill: #002c50;
    }

    .svgWatch {
        fill: #002c50;
    }

    .svgTicket {
        fill: #002c50;
    }

    .svgPin {
        fill: #002c50;
    }

    .svgLetter {
        fill: #002c50;
    }

    .svgLeibnizLogo {
        fill: #002c50;
    }

    .svgTotalEquality {
        fill: #003c6a;
    }

    ul .readOn a,
    ul .download a,
    ul .letter a,
    ul .phone,
    ul .fax,
    ul .literature {
        margin-left: -1.7rem;
        border-left: 6px solid #fff;
    }

    ul li span.readOn, ul li span.download, ul li span.letter, ul li span.phone,
    ul li span.fax, ul li span.literature {
        margin-bottom: 0.45rem;
        display: inline-block;
    }

    ul li:last-child span.readOn, ul li:last-child span.download, ul li:last-child span.letter,
    ul li:last-child span.phone, ul li:last-child span.fax, ul li:last-child span.literature
    {
        margin-bottom: 0;
    }

    .bgDefault ul .readOn a, .bgDefault ul .download a, .bgDefault ul .letter a,
    .bgDefault ul .phone, .bgDefault ul .fax, .bgDefault ul .literature {
        margin-left: -2rem;
        border-left: 12px solid #fff;
    }

    .bgDotted ul .readOn a, .bgDotted ul .download a, .bgDotted ul .letter a,
    .bgDotted ul .phone, .bgDotted ul .fax, .bgDotted ul .literature {
        margin-left: -2rem;
        border-left: 12px solid #fff;
    }

    .bgMarine ul .readOn a, .bgMarine ul .download a, .bgMarine ul .letter a,
    .bgMarine ul .phone, .bgMarine ul .fax, .bgMarine ul .literature {
        margin-left: -2rem;
        border-left: 12px solid #eaf1f1;
    }

    .aside .readOn a, .aside .download a, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) .readOn a,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) .download a,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) .letter a,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) .phone, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) .fax,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) .literature,
    .mediaCaption .readOn a, .mediaCaption .download a, .mediaCaption .letter a,
    .mediaCaption .phone, .mediaCaption .fax, .mediaCaption .literature {
        background-size: 16px 16px;
        background-position: 0 0;
        padding-left: 1.8rem;
        margin-left: 0;
    }

    .aside .letter a, .aside .phone, .aside .fax, .aside .literature {
        background-size: 16px 16px;
        background-position: 0 0;
        padding-left: 2.8rem;
        margin-left: 0;
    }

    .aside p .readOn a, .aside p .download a, .aside p .letter a, .aside p .phone,
    .aside p .fax, .aside p .literature, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .readOn a,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .download a,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .letter a,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .phone,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .fax, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p .literature,
    .mediaCaption p .readOn a, .mediaCaption p .download a, .mediaCaption p .letter a,
    .mediaCaption p .phone, .mediaCaption p .fax, .mediaCaption p .literature
    {
        margin-left: 0.5rem;
    }
    /* ===================================================================================================
                    SLIDER THEME
            ====================================================================================================== */
    .slideUI {
        position: absolute;
        z-index: 1;
        width: 4rem;
        height: 4rem;
        text-align: center;
    }

    .slideUIprev {
        transform: translate(-200%, 0);
    }

    .slick-dots {
        max-width: 3rem;
    }

    .slick-dots li {
        display: none;
        color: #002c50;
        font-size: 1.8rem;
        line-height: 1.8rem;
    }

    .slick-dots li.slick-active {
        display: block;
    }
    /* ===================================================================================================
                    AREAS
            ====================================================================================================== */
    /* ================================================
                    aTools		z-index: 600;
            =================================================== */
    #aTools .in {
        max-width: 114rem;
    }

    #aTools .be8 {
        width: 66.6666666667%;
        height: 230px;
    }

    .stateScrolled #aTools .be4 {
        transform: translate(0, 0);
    }

    .stateSearchOpen #aTools .be4 {
        transform: translate(0, 0);
    }
    /* signBar */
    .signs {
      top: 3rem;
    }

    a.sign.signBrand {
      max-width: 28rem;
    }

    .signBrand svg {
      max-width: none;
    }

    /* tools all */
    .tool {
        float: left;
        width: 5.5rem;
        height: 5.5rem;
    }

    .tools .tText {
        font-size: 1.3rem;
        line-height: 2rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .tCal, .tLang, .tSearchUI, .tNavUI {
        padding-top: 1.7rem;
    }
    /* tools tGroup */
    .stateScrolled .tGroup {
        transform: translate(0, -100%);
    }

    .tGroup, .stateNavOpen .tGroup,
    .stateSearchOpen .tGroup {
        transform: translate(0, 0);
    }
    /* tools tSearch */
    .tSearchUIMask {
        height: 5.5rem;
    }
    /* tools tWidget */
    .tWidget {
        width: 5.5rem;
    }

    .tNavUIMask {
        height: 5.5rem;
    }

    .tNavCloser {
        height: 2rem;
    }

    .tSkipUI, .stateNavOpen .tSkipUI,
    .stateSearchOpen .tSkipUI {
        transform: translate(0, -100%);
    }
    /* ================================================
                    aNav		z-index: 400;
            =================================================== */
    #aNav {
        height: auto;
        overflow: hidden;
    }
    #aNav .in {
        padding-top: 15.6rem;
    }

    .aNavUI {
        padding-left: 16%;
    }

    .aNavUI .navBody {
        position: relative;
        width: 100%;
    }

    .aNavUI .navScope ol {
        position: absolute;
        top: 0;
        left: 30rem;
    }

    .aNavUI .navScope ol {
        transform: translate(0, -400%);
    }

    .aNavUI .navScope.stateNavScopeOpen ol {
        transform: translate(0, 0);
    }

    .aNavUI .navBody ol li ol {
        overflow: auto;
        max-height: none;
    }

    .aNavUI .navBody ol li ol li {
        padding-left: 2.5rem;
    }

    .aNavUI .navBody ol li.stateNavScopeOpen ol {
        max-height: none;
    }

    .aNavUI .subNavTrigger svg {
        position: relative;
        top: 0;
        left: 0;
        width: 2rem;
        height: 2rem;
    }

    .aNavUI .navBody li.navScope>span.subNavTrigger>span,
    .aNavUI .navBody li.navScope>a>span {
        padding: 1rem 0;
        display: inline-block;
        width: 24rem;
    }

    .aNavUI ol li ol li a {
        padding: 1.4rem 0;
        display: inline-block;
    }

    .aNavUI .navBody ol li a, .aNavUI .navBody ol li span {
        font-size: 3rem;
        line-height: 3.2rem;
    }

    .aNavUI .navBody ol li ol li a {
        font-size: 1.8rem;
        line-height: 2.4rem;
        display: block;
        width: 20rem;
    }
    .aNavUI .navBody ol li.navScope>a {
        padding-left: 3rem;
    }

    .aNavInfo {
        padding-top: 1.1rem;
    }

    .aNavInfo .readOn {
        margin-top: 0.5rem !important;
        display: block;
    }

    .aNavInfoSlots {
        margin-bottom: 5rem;
    }

    .aNavInfoSlots h4, .aNavInfoSlots h4 span {
        font-size: 1.8rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }

    .aNavInfoSlots .left {
        min-width: 50%;
        display: inline-block;
    }

    .aNavInfoSlots.aNavInfoE svg {
        width: 4.5rem;
        height: 4.5rem;
    }
    /* ================================================
                    aStage		z-index: 200;
            =================================================== */
    #aStage .stagePageImg {
        max-width: 100%;
        left: 0;
    }

    #aStage .stagePageTitleWrap {
        position: absolute;
        width: 100%;
        top: 17.8rem;
        margin-right: 9rem;
    }

    #aStage .stagePageTitleWrap .in {
        padding-top: 0;
        padding-bottom: 0;
    }

    #aStage .stagePageBreadWrap {
        position: absolute;
        top: 15.2rem;
        width: 100%;
    }

    #aStage .stageBread, #aStage .stagePageTitle, #aStage .stagePageMods {
        padding-left: 18rem;
    }

    #aStage .stageBread ol li a {
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #fff;
    }

    #aStage .stageBread ol li a span, #aStage.whiteText .stageBread ol li a span
    {
        color: #fff;
    }

    #aStage.darkblueText .stageBread ol li a, #aStage.darkblueText .stageBread ol li a span
    {
        color: #002c50;
    }

    #aStage .stageBread svg {
        width: 1.6rem;
        height: 2.4rem;
        margin-bottom: -0.7rem;
    }

    #aStage .stagePageTitle h1, #aStage .stagePageTitle h2, #aStage .stagePageTitle p
    {
        color: #fff;
        text-transform: uppercase;
        font-size: 3rem;
        line-height: 3.1rem;
    }

    #aStage.whiteText .stagePageTitle h1,
    #aStage.whiteText .stagePageTitle h2,
    #aStage.whiteText .stagePageTitle p {
        color: #fff;
    }

    #aStage.darkblueText .stagePageTitle h1,
    #aStage.darkblueText .stagePageTitle h2,
    #aStage.darkblueText .stagePageTitle p {
        color: #002c50;
    }

    #aStage .handHeldsDash {
        margin-top: 1.5rem;
        width: 20rem;
        height: 3rem;
        background-color: #002c50;
        color: #002c50;
    }
    /* ================================================
                    aBridge		z-index: 200;
            =================================================== */
    #aBridge {
        margin-bottom: 270px;
        margin-top: -30rem;
    }

    #aBridge+#aMods>.mTitles:first-child {
        background-color: #fff;
    }
    /* ================================================
                    aMods		z-index: 200;
            =================================================== */
    .aside {
        margin-top: 0;
    }
    /* ================================================
                    aFoot		z-index: 100;
            =================================================== */
    #aFoot h1 {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-bottom: 2rem;
    }
    /* preFoot */
    #preFoot .aFootInfoA svg {
        width: auto;
        display: block;
        text-align: inherit;
    }

    #preFoot .aFootInfoC {
        text-align: inherit;
    }

    #preFoot .be4:nth-child(2) {
        padding: 0 0;
    }

    #preFoot .accUnit {
        background-color: #002c50;
        padding: 0.5rem 0;
    }

    #preFoot .aFootInfoC ul {
        text-align: right;
    }

    #preFoot legend {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 1.8rem;
        padding-top: 1.8rem;
    }

    #preFoot .btn-group {
        margin-bottom: 1rem;
    }

    #mainFoot .mainFootB .be4:last-child {
        padding-top: 4.8rem;
    }
    /* ================================================
                    mAcc		Akkordeon
            =================================================== */
    .mAcc .be8.copy {
        padding-right: 18rem;
    }
    /* acc unit */
    #aFoot .accLabel h3 {
        padding: 1rem 0 1rem 0;
        top: 0;
        font-size: 1.8rem;
        line-height: 2.4rem;
        text-align: center;
    }

    #aFoot .accLabel img {
        max-width: 3.5rem;
        top: 0.7rem;
        margin-left: 1.3rem;
    }

    #aFoot p:last-child {
        margin-bottom: 2.8rem;
    }
    /* multiple accUnits: acc functionality */
    #aFoot .acc.mAccCmsMultiAcc .accTrigger {
        top: 1.7rem;
        left: -1.5rem;
    }

    #aFoot .acc.mAccCmsMultiAcc .accUI svg {
        width: 2rem;
        height: 2rem;
    }

    #aFoot .accContent {
        overflow: hidden;
        max-height: 0;
        transition: all 0.5s ease-in-out;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #aFoot .acc.mAccCmsMultiAcc .accUnit.stateAccOpen .accContent {
        max-height: 1000px;
    }
    /* mainFoot */
    #mainFoot .mainFootA, #mainFoot .mainFootB {
        padding-left: 9rem;
    }

    #mainFoot .be4 {
        margin-bottom: 3rem;
    }

    #mainFoot .mainFootA .be4:first-child, #mainFoot .mainFootA .be4:nth-child(2)
    {
        margin-bottom: 3rem;
    }

    #mainFoot .readOn a, #mainFoot .download a {
        margin-bottom: 1.6rem;
    }
    /* ================================================
                    aSearch 		z-index: 500;
            =================================================== */
    #aSearch .out {
        padding-top: 25.5rem;
    }

    #aSearch .in {
        max-width: 87rem;
        padding-bottom: 6rem;
    }

    #aSearch input[type="submit"], #aSearch input[type="text"] {
        font-size: 4rem;
        height: 5rem;
    }

    #aSearch svg {
        width: 4rem;
        height: 4rem;
    }
    /* ===================================================================================================
                    STAGES
            ====================================================================================================== */
    /* ================================================
                    All Stages
            =================================================== */
    .s.sSlide .stagePageImgs {
        /* 	    top: -110px; */
        position: relative;
    }

    .s.sMods .ratioBox img {
        margin-top: 0;
    }

    #aStage .s.sBlank .stagePageTitleWrap .in {
        padding-bottom: 0;
    }

    .s .sImgSquare {
        display: none;
    }

    .s .sImgRect {
        display: block;
    }
    /* ================================================
                    sSlide		Slider mit initialem Schieberegler-Slide
            =================================================== */
    #aStage {
        background-color: #002c50;
    }

    #aStage .sSlide .ratioBox {
        background-color: transparent;
    }

    #aStage .sSlide .stageSlideCaptionWrap {
        position: absolute;
        width: 100%;
        bottom: 30.4rem;
        pointer-events: none;
    }

    #aStage .sSlide .stageSlideCaptionWrap a {
        pointer-events: auto;
    }

    #aStage .sSlide .simpleSlide .stageSlideCaptionWrap {
        bottom: 30.4rem;
    }

    #aStage .sSlide .stageSlideCaption {
        max-width: 33.3333333333%;
    }

    #aStage .sSlide .copy h1, #aStage .sSlide .copy h2, #aStage .sSlide .copy h3,
    #aStage .sSlide .copy h4, #aStage .sSlide .copy h5, #aStage .sSlide .copy h6,
    #aStage .sSlide .copy p {
        color: #fff;
    }

    #aStage .sSlide .whiteSlider .copy h1, #aStage .sSlide .whiteSlider .copy h2,
    #aStage .sSlide .whiteSlider .copy h3, #aStage .sSlide .whiteSlider .copy h4,
    #aStage .sSlide .whiteSlider .copy h5, #aStage .sSlide .whiteSlider .copy h6,
    #aStage .sSlide .whiteSlider .copy p {
        color: #fff;
    }

    #aStage .sSlide .darkBlueSlider .copy h1, #aStage .sSlide .darkBlueSlider .copy h2,
    #aStage .sSlide .darkBlueSlider .copy h3, #aStage .sSlide .darkBlueSlider .copy h4,
    #aStage .sSlide .darkBlueSlider .copy h5, #aStage .sSlide .darkBlueSlider .copy h6,
    #aStage .sSlide .darkBlueSlider .copy p {
        color: #002c50;
    }

    #aStage .sSlide .copy small, #aStage .sSlide .copy small strong, #aStage .sSlide .copy small i,
    #aStage .sSlide .mediaCaption p, #aStage .sSlide .mediaCaption a,
    #aStage .sSlide .mediaCaption li, #aStage .sSlide .mediaCaption strong,
    #aStage .sSlide .mediaCaption i, #aStage .sSlide .readOn a, #aStage .sSlide .download a,
    #aStage .sSlide .letter a, #aStage .sSlide .phone, #aStage .sSlide .fax,
    #aStage .sSlide .literature {
        color: #fff;
    }

    #aStage .sSlide .whiteSlide .copy small, #aStage .sSlide .whiteSlide .copy small strong,
    #aStage .sSlide .whiteSlide .copy small i, #aStage .sSlide .whiteSlide .mediaCaption p,
    #aStage .sSlide .whiteSlide .mediaCaption a, #aStage .sSlide .whiteSlide .mediaCaption li,
    #aStage .sSlide .whiteSlide .mediaCaption strong, #aStage .sSlide .whiteSlide .mediaCaption i,
    #aStage .sSlide .whiteSlide .readOn a, #aStage .sSlide .whiteSlide .download a,
    #aStage .sSlide .whiteSlide .letter a, #aStage .sSlide .whiteSlide .phone,
    #aStage .sSlide .whiteSlide .fax, #aStage .sSlide .whiteSlide .literature
    {
        color: #fff;
    }

    #aStage .sSlide .darkBlueSlider .copy small, #aStage .sSlide .darkBlueSlider .copy small strong,
    #aStage .sSlide .darkBlueSlider .copy small i, #aStage .sSlide .darkBlueSlider .mediaCaption p,
    #aStage .sSlide .darkBlueSlider .mediaCaption a, #aStage .sSlide .darkBlueSlider .mediaCaption li,
    #aStage .sSlide .darkBlueSlider .mediaCaption strong, #aStage .sSlide .darkBlueSlider .mediaCaption i,
    #aStage .sSlide .darkBlueSlider .readOn a, #aStage .sSlide .darkBlueSlider .download a,
    #aStage .sSlide .darkBlueSlider .letter a, #aStage .sSlide .darkBlueSlider .phone,
    #aStage .sSlide .darkBlueSlider .fax, #aStage .sSlide .darkBlueSlider .literature
    {
        color: #002c50;
    }

    #aStage .sSlide .sSlideUIout {
        position: absolute;
        width: 100%;
        bottom: 24.3rem;
        background-color: transparent;
        pointer-events: none;
    }

    #aStage .sSlide .sSlideUIin {
        float: none !important;
        position: relative;
        margin: 0 auto;
        max-width: 114rem;
        padding: 0;
        border: none;
    }

    .sSlideUIs {
        margin: 0;
        position: relative;
        width: 100%;
    }

    #aStage .sSlide .slideUI {
        position: relative;
        z-index: 300;
        text-align: inherit;
    }

    #aStage .sSlide .slideUIprev {
        transform: translate(0, 0);
        pointer-events: auto;
    }

    #aStage .sSlide .slideUInext {
        transform: translate(9.5rem, 0);
        margin-top: -4rem;
        pointer-events: auto;
    }

    #aStage .sSlide ul.slick-dots {
        position: absolute;
        top: 0;
        bottom: unset;
        background-color: #fff;
        max-width: none;
        width: 13rem;
        height: 3.5rem;
    }

    #aStage .sSlide ul.slick-dots li {
        margin: 0 auto;
    }

    #aStage .sSlide .slideSkipUIin {
        width: 100%;
        line-height: 3.5rem;
    }

    #aStage .sSlide .slideSkipState {
        margin-left: -0.3rem;
    }

    /* ================================================
                    sMods		Stage mit modularen Optionen
            =================================================== */
    .stageAsideBg .in {
        padding: 0;
    }

    .sModsRight.be10, .sModsLeft.be10 {
        width: 83.3333333333%;
    }

    .sModsRight.be2, .sModsLeft.be2 {
        width: 16.6666666667%;
    }

    .sModsRight.be2 {
        padding-left: 0.4rem;
        padding-top: 11rem;
    }

    #aStage .sMods .stageBread, #aStage .sMods .stagePageTitle, #aStage .sMods .stagePageMods
    {
        padding-right: 9rem;
    }

    .sModsRight .copy h2, .sModsRight .copy h3 {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 1.4rem;
    }

    .sModsRight .copy p, .sModsRight .copy li, .sModsRight .copy strong,
    .sModsRight .copy i, .sModsRight p .readOn a, .sModsRight p .download a,
    .sModsRight p .letter a, .sModsRight p .phone, .sModsRight p .fax,
    .sModsRight p .literature, .sModsRight .readOn a, .sModsRight .letter a,
    .sModsRight .phone, .sModsRight .fax, .sModsRight .literature {
        font-size: 2.2rem;
        line-height: 1.8rem;
    }

    .sModsRight .readOn a, .sModsRight .download a {
        font-size: 1.7rem;
        line-height: 2.2rem;
    }

    .sModsRight p .readOn a, .sModsRight p .letter a, .sModsRight .letter a,
    .sModsRight p .phone, .sModsRight .phone, .sModsRight p .fax,
    .sModsRight .literature {
        background-size: 16px 16px;
        background-position: 0 0;
        padding-left: 1.8rem;
    }

    .sModsRight .readOn a, .sModsRight .download a {
        background-size: 20px 20px;
        background-position: 0 0;
        padding-left: 2.1rem;
    }

    .sModsRight ul li span.readOn, .sModsRight ul li span.download {
        margin-bottom: 2.45rem;
    }

    .sModsRight .copy ul {
        list-style: none;
        margin-left: 0.8rem;
    }

    .sModsRight .copy small, .sModsRight .copy small strong, .sModsRight .copy small i,
    .sModsRight .mediaCaption p, .sModsRight .mediaCaption a, .sModsRight .mediaCaption li,
    .sModsRight .mediaCaption strong, .sModsRight .mediaCaption i {
        font-size: 1.1rem;
        line-height: 1.4rem;
        margin-bottom: 0.25rem;
    }

    #aStage .sMods h1 {
        font-size: 5rem;
        line-height: 5.2rem;
        margin-top: 3rem;
        color: #fff;
    }

    #aStage .stageAsideBg {
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        width: 100%;
        height: 140rem;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+74,ffffff+74,ffffff+75,ffffff+100&0+0,0+74,1+75,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 85%,
            rgba(255, 255, 255, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 85%,
            rgba(255, 255, 255, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 85%,
            rgba(255, 255, 255, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',
            endColorstr='#ffffff', GradientType=1);
        /* IE6-9 */
    }

    @media screen and (min-width: 1462px) {
        #aStage .stageAsideBg {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+74,ffffff+74,ffffff+75,ffffff+100&0+0,0+74,1+75,1+100 */
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0) 76%, rgba(255, 255, 255, 1) 76%,
                rgba(255, 255, 255, 1) 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0) 76%, rgba(255, 255, 255, 1) 76%,
                rgba(255, 255, 255, 1) 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0) 76%, rgba(255, 255, 255, 1) 76%,
                rgba(255, 255, 255, 1) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',
                endColorstr='#ffffff', GradientType=1);
            /* IE6-9 */
        }
    }

    @media screen and (min-width: 2200px) {
        #aStage .stageAsideBg {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+74,ffffff+74,ffffff+75,ffffff+100&0+0,0+74,1+75,1+100 */
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 70%,
                rgba(255, 255, 255, 1) 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 70%,
                rgba(255, 255, 255, 1) 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 70%,
                rgba(255, 255, 255, 1) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',
                endColorstr='#ffffff', GradientType=1);
            /* IE6-9 */
        }
    }

    #aStage .stageAsideBg .be2 {
        background-color: #fff;
        height: 140rem;
    }
    /* ================================================
                    sTiny		Stage mit schmalem Bild
            =================================================== */
    #aStage.sTinyWrap {
        min-height: 32rem;
    }

    .sTinyWrap+#aBridge, .sTinyWrap+#aBridge .out, .sTinyWrap+#aMods,
    .sTinyWrap+#aMods .out {
        margin-top: 0;
        top: 0;
    }
    /* ===============================================================================================
                    MODULES
            ================================================================================================== */
    /* ================================================
                    All Modules
            =================================================== */
    .mWs .copySlim {
        padding: 0 9rem;
    }

    .mIs {
        margin-bottom: 6rem;
    }

    .skm {
        margin-bottom: 2.2rem;
    }

    .skm:first-child {
        margin-top: 3rem;
    }

    .sksm {
        margin-bottom: 2.2rem;
    }

    .sksm:first-child {
        margin-top: 0;
    }
    /* Main Typography */
    p, a, li, strong, i {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    p {
        margin-bottom: 1.8rem;
    }

    .copy h3 {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-bottom: 2rem;
    }

    .copy h4 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .copy p {
        margin-bottom: 1.8rem;
    }

    .copy small, .copy small strong, .copy small i, .mediaCaption p,
    .mediaCaption a, .mediaCaption li, .mediaCaption strong, .mediaCaption i
    {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 0.5rem;
    }

    .copy ul, .accContent ul {
        margin: 0 0 1.5rem 1.8rem;
    }
    /* Sidebar Typography */
    .aside p, .aside a, .aside li, .aside strong, .aside i {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .aside .copy h3 {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }

    .aside .copy h4 {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 1.4rem;
    }

    .aside .copy p {
        margin-bottom: 1.4rem;
    }

    .aside .copy small, .aside .copy small, .aside .copy small strong,
    .aside .copy small i, .aside .mediaCaption p, .aside .mediaCaption a,
    .aside .mediaCaption li, .aside .mediaCaption strong, .aside .mediaCaption i
    {
        font-size: 1.2rem;
        margin-bottom: 0;
    }

    .aside .copy ul {
        margin: 0 0 1.5rem 1.8rem;
    }
    /* ================================================
                    mAcc		Akkordeon
            =================================================== */
    /* acc unit */
    .mAcc .accLabel h3 {
        padding: 1rem 0 1rem 0;
        top: 0;
        font-size: 3rem;
        line-height: 3.2rem;
    }

    .mAcc .accLabel img {
        max-width: 3.5rem;
        top: 0.7rem;
        margin-left: 1.3rem;
    }

    .mAcc p:last-child {
        margin-bottom: 2.8rem;
    }
    /* multiple accUnits: acc functionality */
    .mAcc .acc.mAccCmsMultiAcc .accTrigger {
        top: 1.7rem;
        left: -1.5rem;
    }

    .mAcc .acc.mAccCmsMultiAcc .accUI svg {
        width: 2rem;
        height: 2rem;
    }

    .mAcc .acc.mAccCmsMultiAcc .accUnit.stateAccOpen .accContent {
        //max-height: 3000px;
	      max-height: fit-content;
    }
    /* SKM */
    /* ================================================
                    skmCopy		Fließtexteinheit
            =================================================== */
    .skmCopy .copy h2, .skmCopy .copy h3, .skmCopy .copy p, .skmCopy .copy a,
    .skmCopy .copy li, .skmCopy .copy strong, .skmCopy .copy i, .skmCopy .copy small,
    .skmCopy .copy small strong, .skmCopy .copy small i, .skmCopy .mediaCaption p,
    .skmCopy .mediaCaption a, .skmCopy .mediaCaption li, .skmCopy .mediaCaption strong,
    .skmCopy .mediaCaption i, .skmAcc .copy p, .skmAcc .copy a, .skmAcc .copy li,
    .skmAcc .copy strong, .skmAcc .copy i, .skmAcc .copy small, .skmAcc .copy small strong,
    .skmAcc .copy small i, .skmAcc .mediaCaption p, .skmAcc .mediaCaption a,
    .skmAcc .mediaCaption li, .skmAcc .mediaCaption strong, .skmAcc .mediaCaption i,
    .skmAcc .copy h2, .skmAcc .copy h3, .skmAcc .copy h4, .skmAcc .accLabel h3
    {
        color: #fff;
    }
    /* ================================================
                    skmAcc		Akkordeon
            =================================================== */
    /* acc unit */
    .skmAcc {
        margin-top: -1.3rem;
    }

    .skmAcc .accLabel h3 {
        padding: 1rem 0 1rem 0;
        top: 0;
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .skmAcc .accLabel img {
        max-width: 3.2rem;
        top: 0.6rem;
        margin-left: 1.3rem;
    }

    .skmAcc p:last-child {
        margin-bottom: 2.8rem;
    }

    .skmAcc .contenttable:last-child {
        margin-bottom: 2.8rem;
    }
    /* multiple accUnits: acc functionality */
    .skmAcc .acc.mAccCmsMultiAcc .accTrigger {
        top: 1.1rem;
        left: -1.5rem;
    }

    .skmAcc .acc.mAccCmsMultiAcc .accUI svg {
        width: 2rem;
        height: 2rem;
    }

    .skmAcc .acc.mAccCmsMultiAcc .accUnit.stateAccOpen .accContent {
        max-height: 1000px;
    }
    /* SKSM */
    /* HM */
    /* ================================================
                    mTitles		Hauptüberschrift (3 Typen)
            =================================================== */
    /* .mTitles {
                    margin-top: -155px;
            } */
    .beTitle {
        width: 50%;
    }

    .beTitle.blank {
        display: block;
    }

    .mTitleCmsLong .beTitle.blank {
        width: 41.6666666667%;
    }

    .mTitleCmsLong .beTitle.getBGcolor {
        width: 58.3333333333%;
    }

    .mTitleCmsLeft .beTitle {
        float: right;
    }

    .mTitles .title {
        width: 100%;
    }

    .mTitleCmsLeft .breathe, .mTitleCmsRight .breathe {
        border-bottom: 30px solid #002c50;
        /* 	    border-style: inset; */
        /*
            -moz-box-shadow: inset 0 -20px 0px 0px #000000;
            -webkit-box-shadow: inset 0 -20px 0px 0px #000000;
            box-shadow: inset 0 -20px 0px 0px #000000;
        */
        overflow: hidden;
        /* clear parent */
        z-index: 100;
        position: relative;
    }

    .mTitleCmsLeft .breathe {
        margin-right: 9rem;
        text-align: right;
    }

    .mTitleCmsRight .breathe {
        margin-left: 9rem;
    }

    .mTitleCmsLeft .title, .mTitleCmsRight .title {
        max-width: 48rem;
        /* 		min-height: 10rem; */
        padding-top: 2.5rem;
    }

    .mTitleCmsLong.mTitleCmsLeft .title, .mTitleCmsLong.mTitleCmsRight .title
    {
        /* 		max-width: 62rem; */
        max-width: 100%;
    }

    .mTitleCmsLeft .title {
        float: right;
    }

    .mTitles h2 {
        font-size: 3rem;
        line-height: 3.2rem;
    }

    .mTitles .handHeldsDash {
        display: none;
    }
    /* ================================================
                    mMetaOpener		Schmucktext (not scrolling)
            =================================================== */
    /*
            .mMetaOpener {
                    margin-top: -135px;
            }
    */
    .mMetaOpener {
        border-top: none;
    }

    .mMetaOpener .be4 {
        width: 33.3333333333%;
        margin-bottom: 0;
    }

    .mMetaOpener .beMetaOpener {
        height: 19rem;
        width: 50%;
        position: absolute;
        bottom: -11.3rem;
        right: 0;
        z-index: 1;
        border-bottom: 30px solid #002c50;
    }

    .mMetaOpener .be4:nth-child(2) {
        padding: 0 0 0 2rem;
    }

    .beMetaOpener.blank {
        display: block;
    }

    .mMetaOpenerCmsRight .breathe {
        margin: 6rem 0 6rem 5rem;
        max-width: 48rem;
    }

    .metaOpenerInner {
        width: 100%;
        padding-bottom: 0;
        border-bottom: none;
    }

    .metaOpenerInner .media {
        top: -3rem;
        left: -3rem;
    }

    .mMetaOpenerCmsRight .title {
        max-width: 48rem;
        min-height: 10rem;
        padding-top: 2.5rem;
    }

    .mMetaOpener p, .mMetaOpener a, .mMetaOpener li, .mMetaOpener strong,
    .mMetaOpener i {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .mMetaOpener h2, .mMetaOpener h3, .mMetaOpener li a {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 0;
    }

    .mMetaOpener h2, .mMetaOpener h3 {
        margin-bottom: 0.6rem;
    }

    .mMetaOpener .be4 ul:last-child {
        margin-bottom: 0;
    }

    .mMetaOpener.bgDefault ul .readOn a, .mMetaOpener.bgDefault ul .download a,
    .mMetaOpener.bgDefault ul .letter a, .mMetaOpener.bgDefault ul .phone,
    .mMetaOpener.bgDefault ul .fax, .mMetaOpener.bgDefault ul .literature {
        border-left: 14px solid #fff;
    }

    .mMetaOpener.bgDotted ul .readOn a, .mMetaOpener.bgDotted ul .download a,
    .mMetaOpener.bgDotted ul .letter a, .mMetaOpener.bgDotted ul .phone,
    .mMetaOpener.bgDotted ul .fax, .mMetaOpener.bgDotted ul .literature {
        border-left: 14px solid #fff;
    }

    .mMetaOpener.bgMarine ul .readOn a, .mMetaOpener.bgMarine ul .download a,
    .mMetaOpener.bgMarine ul .letter a, .mMetaOpener.bgMarine ul .phone,
    .mMetaOpener.bgMarine ul .fax, .mMetaOpener.bgMarine ul .literature {
        border-left: 14px solid #eaf1f1;
    }

    .mMetaOpener span.alignLeft {
        min-width: inherit !important;
    }

    .mMetaOpener span.alignRight {
        float: right;
    }
    /* =============== TEMPORAER =============== */
    .navInterferer h4, .navInterferer p {
        color: #e6310d !important;
    }

    .interferer {
        background-color: #e6310d;
        padding: 3rem 5rem;
        border-bottom: none;
        margin-bottom: 0;
    }

    .interferer p {
        color: #fff;
        font-weight: 700;
    }

    .interfererEmph {
        color: #fff;
    }

    /*.interferer .readOn a {*/
    /*    color: #fff;*/
    /*    background: url(../img/readOnWhite.svg);*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: 0 -3px;*/
    /*}*/
    /* =============== TEMPORAER =============== */
    /* ================================================
                    mMediaCopy		Multimedia mit optionalem Fließtext
            =================================================== */
    .mMediaCopy .breathe {
        margin-left: 9rem;
        margin-top: 0;
    }

    .mMediaCopy .copy {
        max-width: 48rem;
    }

    .mMediaCopy.mMediaCmsNoCopy .media {
        max-width: 114rem;
        /* 1140px */
        margin: 0 auto;
    }

    .mMediaCopy.mMediaCmsNoCopy .be6 {
        float: none !important;
        position: relative;
        margin: 0 auto;
        width: 100%;
    }

    .mMediaCopy.mMediaCopyCmsAlignLeft .be6 {
        float: right;
    }

    .mMediaCopy.mMediaCopyCmsAlignLeft .breathe {
        margin-right: 9rem;
        margin-left: 0;
        float: right;
    }

    .mMediaCopy .mediaCaption {
        padding-left: 9rem;
    }

    .mMediaCopy.mMediaCopyCmsAlignLeft .mediaCaption {
        padding-right: 9rem;
        padding-left: 0;
    }

    .mMediaCopy.mMediaCmsNoCopy .mediaCaption {
        padding-left: 0;
        padding-right: 0;
    }
    /* ================================================
                    mSplitCopy		Fließtext gesplittet
            =================================================== */
    .mSplitCopy .handHeldsDash {
        display: none;
    }

    .mSplitCopy .full {
        display: block;
    }

    .mSplitCopy .breathe {
        margin-left: 9rem;
        position: relative;
    }

    .mSplitCopy .part {
        max-width: 57rem;
        float: right;
    }

    .mSplitCopy .copy {
        max-width: 48rem;
    }

    .mSplitCopy .headline .copy {
        max-width: none;
    }

    .mSplitCopy .headline h1, .mSplitCopy .headline h2 {
        font-size: 5rem;
        line-height: 5.2rem;
        font-weight: 800;
    }

    .mSplitCopy .headline .copy {
        width: 100%;
    }

    .mSplitCopy .full {
        float: left;
        width: 65%;
        border-bottom: 30px solid #002c50;
        height: 30px;
        margin-bottom: 2rem;
        margin-top: 0.8rem;
    }
    /* ================================================
                    mImgTxtSlider		Bild / Text Slider
            =================================================== */
    .mImgTxtSlider .slick-slide .slideInner {
        padding-left: 9rem;
    }

    .mImgTxtSlider .slideCaption {
        margin-top: 0;
        margin-bottom: 0;
        background-color: #fff;
        background-image: none;
    }
    /* slide IMGs */
    .mImgTxtSliderCmsImgs .in {
        padding-bottom: 13.5rem;
    }

    .mImgTxtSlider.mImgTxtSliderCmsImgs .slideMedia {
        padding-right: 9rem;
    }

    .mImgTxtSlider.mImgTxtSliderCmsImgs .slideCaption {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 50%;
        padding-top: 2.7rem;
        padding-bottom: 4.2rem;
        padding-left: 9rem;
    }
    /* Oberseite Bildung */
    .mImgTxtSlider.mImgTxtSliderCmsImgs .slick-dots {
        bottom: -7.7rem;
        left: 59.7%;
        /* bottom: -7rem;
    left   : 62%; */
        /* bottom: -7.1rem;
    left   : 61.6%; */
    }

    .mImgTxtSlider.mImgTxtSliderCmsImgs .slideUI {
        bottom: -8.2rem;
        right: 36.3rem;
    }

    .mImgTxtSlider.mImgTxtSliderCmsImgs .btnGroup {
        position: absolute;
        overflow: auto;
        /* bottom: 19.5rem; */
        right: 2rem;
    }

    .mImgTxtSlider .slideUIprev {
        left: inherit;
    }

    .mImgTxtSlider .slideUInext {
        position: absolute;
        left: inherit;
        right: 34rem !important;
    }
    /* slide TXT */
    .mImgTxtSliderCmsTxt .breathe {
        margin-right: 9rem;
    }

    .mImgTxtSlider.mImgTxtSliderCmsTxt .show1, .mImgTxtSlider.mImgTxtSliderCmsTxt .show1:before,
    .mImgTxtSlider.mImgTxtSliderCmsTxt .show1:after {
        float: left;
        width: 100%;
        content: "";
        display: table;
        *zoom: 1;
    }

    .mImgTxtSlider.mImgTxtSliderCmsTxt .show1:after {
        clear: both;
    }

    .mImgTxtSlider.mImgTxtSliderCmsTxt .show1 {
        width: 50%;
    }

    .mImgTxtSlider.mImgTxtSliderCmsTxt .slick-slide .slideInner {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .mImgTxtSlider.mImgTxtSliderCmsTxt .slick-dots {
        bottom: -6.5rem;
        right: 42.1rem;
        left: inherit;
    }

    .mImgTxtSlider.mImgTxtSliderCmsTxt .slideMedia h4 {
        font-size: 4rem;
        line-height: 1.2;
    }

    .mImgTxtSlider.mImgTxtSliderCmsTxt .slideUI {
        bottom: -7rem;
        right: 36.3rem;
        left: inherit;
    }
    /* ================================================
                    mTxtSlider		Textslider
            =================================================== */
    .mTxtSlider .copy.copyStatements {
        padding: 0;
        margin: 0;
    }

    .mTxtSlider .breathe {
        padding-right: 9rem;
    }

    .mTxtSlider .copy.copyStatements h4 {
        font-size: 5rem;
        line-height: 5.2rem;
        font-weight: 800;
        padding: 3rem 3rem 3rem 9rem;
        color: #002c50;
    }

    .mTxtSlider .slideUI {
        position: absolute;
        z-index: 10;
        width: 4rem;
        height: 4rem;
        text-align: center;
        bottom: -5.5rem;
        right: 39.3%;
    }

    .mTxtSlider .slick-dots {
        position: absolute;
        bottom: -5rem;
        z-index: 1;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        left: 51.1%;
    }

    .mTxtSlider .slideUIprev {
        left: inherit;
    }

    .mTxtSlider .slideUInext {
        position: absolute;
        left: inherit;
    }
    /* ================================================
                    mTeaseList		Teasersammlung
            =================================================== */
    .mTeaseList .mTeaseRow {
        padding: 0;
    }

    .mTeaseRow .be6:first-child {
        padding: 2.5rem 0;
    }

    .mTeaseList .breathe {
        margin-right: 9rem;
    }

    .mTeaseList .btnGroup {
        width: 50%;
    }

    .mTeaseList .media {
        margin-top: 0;
    }
    /* ================================================
                    mTabbedAcc		Tabs
            =================================================== */
    .mTabbedAcc {
        overflow: hidden;
    }

    .mTabbedAcc .btnGroup {
        width: 50%;
    }
    /* tabs */
    .mTabbedAcc .mTabLabel {
        width: 50%;
        padding: 2.3rem 3rem 2.3rem 0;
        border-bottom: 3px solid #bedee6;
        border-right: 3px solid #bedee6;
    }

    .mTabbedAcc .mTab .tabTrigger {
        top: 1.7rem;
        left: -1.5rem;
        display: inline;
    }

    .mTabbedAcc .tabUI svg {
        width: 2rem;
        height: 2rem;
    }

    .mTabbedAcc .mTab .mTabLabel h3 {
        font-size: 5rem;
        line-height: 5.2rem;
    }

    .mTabbedAcc .mTab.stateTabOpen .mTabLabel h3 {
        color: #34545B;
    }
    /* tab content */
    .mTabbedAcc .mTabContent {
        position: absolute;
        top: 6rem;
        left: 50%;
        width: 50%;
        padding-left: 9rem;
    }
    /* acc unit */
    .mTabbedAcc .accLabel h3 {
        padding: 1rem 0 1rem 0;
        top: 0;
        font-size: 3rem;
        line-height: 3.2rem;
    }

    .mTabbedAcc .accLabel img {
        max-width: 3.8rem;
        top: 0.7rem;
        margin-left: 1.3rem;
    }

    .mTabbedAcc .mTabContent {
        transform: translate(0, -600%);
    }

    .mTabbedAcc .mTabContent.stateTabOpen {
        transform: translate(0, 0);
    }

    .mTabbedAcc p:last-child {
        margin-bottom: 2.8rem;
    }
    /* multiple accUnits: acc functionality */
    .mTabbedAcc .acc.mTabLabelCmsMultiAcc .accTrigger {
        top: 1.7rem;
        left: -1.5rem;
    }

    .mTabbedAcc .acc.mTabLabelCmsMultiAcc .accUI svg {
        width: 2rem;
        height: 2rem;
    }

    .mTabbedAcc .acc.mTabLabelCmsMultiAcc .accUnit.stateAccOpen .accContent
    {
        max-height: 1000px;
    }

    .mTabbedAcc .accContent h4 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    /* ================================================
                    mCarousel		Mitarbeitersammlung
            =================================================== */
    .mCarousel .in {
        padding-bottom: 24.5rem;
    }

    .mCarousel .slideCaption {
        display: inline;
    }

    .mCarousel div.slideCaption > :first-child:before {
        color: #fff;
    }
    .mCarousel div.slideCaption>div{
        display:inline;
    }

    .mCarousel .slideCaption h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .mCarousel .slideUI {
        bottom: -7rem;
        left: 51%;
    }

    .mCarousel .slick-dots {
        bottom: -6.5rem;
        left: 46.7%;
    }

    .mCarousel .slick-list {
        margin-bottom: 0;
    }

    .mCarousel .slideUInext {
        position: absolute;
        /* 		left: inherit; */
        left: 55%;
    }
    /* ================================================
                    mImgCloudCarousel		Tag Cloud mit optionalem Beschreibungstext
            =================================================== */
    /* with copy: don't slide */
    .mImgCloudCarousel.mImgCloudCarouselWithCopy .show6 .slide.be4 {
        width: 33.3333333333%;
    }

    .mImgCloudCarousel.mImgCloudCarouselWithCopy .show6 {
        width: 50%;
    }
    /* no copy: slide */
    .mImgCloudCarousel.mImgCloudCarouselNoCopy .show6 {
        width: 100%;
    }

    .mImgCloudCarousel .slick-track {
        margin-bottom: 0;
    }

    .mImgCloudCarousel.mImgCloudCarouselNoCopy .slideUI {
        bottom: -5rem;
        left: 51%;
    }

    .mImgCloudCarousel.mImgCloudCarouselNoCopy .slick-dots {
        bottom: -4.5rem;
        left: 45.9%;
    }

    .mImgCloudCarousel .breathe {
        margin-left: 9rem;
    }

    .mImgCloudCarousel .slideCaption h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .mImgCloudCarousel .show6 .slide {
        margin-bottom: 1.3rem;
    }

    .mImgCloudCarousel .slideUIprev {
        left: inherit;
    }

    .mImgCloudCarousel .slideUInext {
        position: absolute;
        left: 53% !important;
    }
    /* ================================================
                    mScrollOpenerTxt		Opener Schmucktext (scrolling)
            =================================================== */
    .mScrollOpenerTxt .inNoWrap {
        padding: 18rem 0 8rem 0;
    }

    .mScrollOpenerTxt h1, .mScrollOpenerTxt h2, .mScrollOpenerTxt a {
        /*
            font-size: 10rem;
            line-height: 1.2;
            white-space: nowrap;
            display: inline-block;
            padding-right: 100%;
        */
        /*
            white-space: nowrap;
            display: block;
        */
        transform: translateX(-30%);
        font-size: 5rem;
        line-height: 5.2rem;
    }

    .mScrollOpenerTxt a {
        border-bottom: 2rem solid #bedee6;
    }
    /* ================================================
                    mScrollTxt		Schmucktext (scrolling)
            =================================================== */
    .mScrollTxt h1, .mScrollTxt h2, .mScrollTxt a {
        /*
            font-size: 10rem;
            line-height: 1.2;
            white-space: nowrap;
            display: inline-block;
            padding-right: 100%;
        */
        /*
            white-space: nowrap;
            display: block;
        */
        font-size: 5rem;
        line-height: 5.2rem;
    }

    .mScrollTxt a {
        border-bottom: 2rem solid #bedee6;
    }
    /* ================================================
                    mBigType		Schmucktext (not scrolling)
            =================================================== */
    .mBigType h1, .mBigType h2, .mBigType a {
        font-size: 5rem;
        line-height: 5.2rem;
    }

    .mBigType a {
        text-decoration: none;
        box-shadow: inset 0 -20px 0 #bedee6;
        color: inherit;
    }
    /* HMS */
    /* ================================================
                    mColList		Mehrspaltige Liste
            =================================================== */
    .mColList .mColListCmsBe4 .beColListCol:first-child {
        width: 25%;
    }

    .mColList .mColListCmsBe4 .beColListCol:nth-child(2) {
        width: 25%;
        padding-left: 1.5rem;
    }

    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) {
        width: 50%;
        padding-left: 1.5rem;
    }

    .mColList .mColListCmsBe4 .beColListCol h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) h3, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) h4,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p a,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p strong,
    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p i {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) h3, .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p
    {
        margin-bottom: 1.4rem !important;
    }

    .mColList .mColListCmsBe4 .beColListCol:nth-child(3) p:last-child {
        margin-bottom: 0;
    }

    .mColList .mColListCmsBe6 .beColListCol {
        width: 50%;
    }

    .mColListColOpenerCopy {
        margin-bottom: 1.8rem;
    }

    .mColList .copy .mColListCols h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 1.8rem;
    }
    /* 2-4 Cols, no Sidebar */
    .mColListCmsXaside .mColListColOpenerCopy {
        width: 66.6666666667%;
    }
    /* ================================================
                    mIcoCols		3 Spalten inkl. Icons
            =================================================== */
    .mIcoCols .icoCol {
        margin-bottom: 0;
    }

    .mIcoCols .icoCol:first-child {
        padding-left: 0;
        padding-right: 2rem;
    }

    .mIcoCols .icoCol:nth-child(2) {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mIcoCols .icoCol:last-child {
        padding-left: 2rem;
        padding-right: 0;
    }

    .mIcoCols .icoColIco {
        margin-bottom: 3rem;
    }
    /* SM */
    /* ================================================
                    mIsCopyList		Fließtexteinheit + Listen
            =================================================== */
    .mIsCopyList .copy h4 {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-bottom: 2rem;
    }
    /* ================================================
                    mIsProfile		Langprofil
            =================================================== */
    .mIsProfile .mIsProfileImg {
        position: relative;
        margin: 0 auto;
    }

    .mIsProfile .mIsProfileCaption {
        margin-bottom: 1.5rem;
    }

    .mIsProfile .mIsProfileCaption h4 {
        margin-bottom: 1.5rem;
        font-size: 2.4rem;
        line-height: 2.8rem;
    }
    /* AM */
    /* ================================================
                    mFilteredTeasers	Filterbare Teaser-Archive
            =================================================== */
    .archiveLoadMore .btn, .archiveLoadMore .btn.firstBtn {
        float: none;
        display: block;
        margin: 1.5rem auto 0;
    }

    .archiveLoadMore .btn.firstBtn {
        margin-top: 0;
    }

    .teaserArchiveFilterUI {
        margin-bottom: 3rem;
    }

    .teaserBody {
        opacity: 0;
        display: none;
    }

    .teaserCopy {
        margin-bottom: 6rem;
        padding: 1.5rem 1.5rem 0 0;
    }

    .fltrTrigger {
        padding: 0 3rem 0 0;
        margin-bottom: 0.5rem;
    }

    .fltrTrigger svg {
        top: -1rem;
        position: relative;
    }

    span.fltrOpener.tText {
        font-size: 5rem;
        line-height: 5.2rem;
    }

    .fltrTotalNum {
        font-size: 1.8rem;
        vertical-align: 3.2rem;
        top: 0;
    }

    .mFilteredTeasers .copy h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 1.8rem;
    }
    /* ================================================
                    mSearchResults		Suchergebnisse
            =================================================== */
    .mSearchResults {
        padding-top: 0;
    }

    .mSearchResults .inNoWrap {
        padding-top: 0;
        overflow: hidden;
    }

    .searchUI {
        position: relative;
        max-width: 114rem;
        margin: 0 auto;
        padding-top: 34.2rem;
    }

    .tx-kesearch-pi1 {
        width: 66.6666666667%;
        float: right;
    }

    .tx-kesearch-pi1:first-child {
        width: 33.3333333333%;
    }

    .tx-kesearch-pi1:nth-child(2) {
        padding-right: 9rem;
        padding-left: 9rem;
    }

    .kesearchbox {
        position: absolute !important;
        left: 0;
        top: 0;
        width: 300% !important;
        margin-left: -100% !important;
        background-color: #ecf6f9;
        padding: 9rem;
    }

    input#ke_search_sword {
        max-width: 60rem;
        margin: 0 auto !important;
        display: block;
        position: relative !important;
        font-size: 5rem;
        line-height: 5.2rem;
    }

    #kesearch_submit {
        position: absolute;
        top: 10.2rem !important;
        left: 50% !important;
        margin-left: 27.2rem;
        height: 28px;
        width: 28px;
        border: 0 none;
        padding: 0;
    }
    /* Firefox only */
    @-moz-document url-prefix() {
        #kesearch_submit {
            top:10.5rem!important;
        }
    }

    #kesearch_filters .list .head {
        font-size: 3rem;
        line-height: 3.2rem;
        padding-bottom: 2.4rem !important;
        margin-bottom: 2.4rem;
        font-weight: 800 !important;
    }

    #kesearch_filters label {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }

    span.hitCount {
        font-size: 1.4rem;
        line-height: 1.8rem;
        top: -1rem;
    }

    .result-title a {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-bottom: 2rem;
    }

    .result-teaser {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .mSearchResults fieldset.kesearch_searchbox {
        max-width: 100%;
    }

    .result_txt {
        font-size: 1.4rem !important;
        line-height: 1.8rem !important;
    }

    #kesearch_pagebrowser_bottom .pages_total {
        margin-top: 7rem;
    }

    .mSearchResults ::-webkit-input-placeholder, #ke_search_sword {
        /* Chrome/Opera/Safari */
        font-size: 5rem !important;
        line-height: 5.2rem !important;
    }

    .mSearchResults input[type="checkbox"]+label {
        background: url(../img/checkPassive.svg) 0 4px no-repeat;
        background-size: 2rem;
    }

    .mSearchResults input[type="checkbox"]:checked+label {
        background: url(../img/checkActive.svg) 0 4px no-repeat;
        background-size: 2rem;
    }
    /* ================================================
                    mForm		Formulare
            =================================================== */
    .mForm h2 {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-bottom: 2rem;
    }

    .mForm legend {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 1.8rem;
        padding-top: 1.8rem;
    }

}
@media ( max-width :1400px) and (min-width:1100px) {
    #aStage .sSlide .stageSlideCaption.copy p:not(.readOn) {
        display: none;
    }
}

@media ( max-width :1400px) and (min-width:1100px) {
    #aStage .sMods h1 {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-top: 3rem;
    }
    #aStage .sMods .copy h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 1.8rem;
    }
    #aStage .sMods .skmAcc .accLabel h3 {
        padding: 0.5rem 0 0.5rem 0;
        top: 0;
        font-size: 1.8rem;
        line-height: 3.2rem;
    }
    #aStage .sMods .skmAcc .accLabel img {
        max-width: 2.2rem;
        top: 1rem;
        margin-left: 1.3rem;
    }
    #aStage .sMods .skm {
        margin-bottom: 1.5rem;
    }
    #aStage .sMods .skm:first-child {
        margin-top: 1.5rem;
    }
    #aStage .sMods .skm:last-child {
        margin-bottom: 0;
    }
    #aStage .sMods .skmCopy h3 {
        margin-bottom: 0.6rem;
    }
    .skmCopy p, .skmCopy span.readOn {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media ( max-width :1200px) and (min-width:1100px) {
    .mTitleCmsRight .title, .mImgCloudCarousel .breathe, .mTabbedAcc .mTabContent,
    .mSplitCopy .breathe, .mMetaOpener .breathe {
        padding-right: 2rem;
    }
    .mTitleCmsLeft .title, .mTabbedAcc .in, .mSplitCopy .headline .copy,
    .mImgTxtSlider .breathe, .mTxtSlider .breathe {
        padding-left: 2rem;
    }
    .mMediaCmsWithCopy .breathe {
        padding-right: 2rem;
        padding-left: 0;
    }
    .mMediaCmsWithCopy.mMediaCopyCmsAlignLeft .breathe, .sSlideUIout,
    .stageSlideCaptionWrap {
        padding-left: 2rem;
        padding-right: 0;
    }
    #aTools .in, #aFoot .in, .mMediaCmsNoCopy .inNoWrap, .mCarousel .in,
    .mTeaseList .in, .mRatings .in, .mBigType .in, .mFilteredTeasers .in,
    .mWs .in, .mForm .in {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .mAcc {
        padding-left: 4rem;
    }
}

/* ================================================
        Cookies
=================================================== */
.cc-window {
    opacity: 1;
    transition: opacity 1s ease;
}

.cc-window.cc-invisible {
    opacity: 0;
}

.cc-animate.cc-revoke {
    transition: transform 1s ease;
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
    transform: translateY(0);
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline;
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999;
}

.cc-window.cc-static {
    position: static;
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
}

.cc-revoke {
    padding: .5em;
}

.cc-header {
    font-size: 18px;
    font-weight: 700;
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer;
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
}

.cc-link:hover {
    opacity: 1;
}

.cc-link:active,
.cc-link:visited {
    color: initial;
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
}

.cc-banner .cc-btn:last-child {
    min-width: 140px;
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent;
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover
{
    background-color: transparent;
    text-decoration: underline;
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75;
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1;
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset;
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset;
}

.cc-top {
    top: 1em;
}

.cc-left {
    left: 1em;
}

.cc-right {
    right: 1em;
}

.cc-bottom {
    bottom: 1em;
}

.cc-floating>.cc-link {
    margin-bottom: 1em;
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    flex: 1;
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center;
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    align-content: space-between
}

.cc-compliance>.cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait) , screen
and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }
    .cc-window.cc-bottom {
        bottom: 0
    }
    .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }
    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1;
        flex: 1
    }
    .cc-window.cc-floating {
        max-width: none
    }
    .cc-window .cc-message {
        margin-bottom: 1em
    }
    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,
.cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-banner .cc-btn:last-child {
    min-width: 140px
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    flex: 1
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    align-content: space-between
}

.cc-compliance>.cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait) , screen
and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }
    .cc-window.cc-bottom {
        bottom: 0
    }
    .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }
    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1;
        flex: 1
    }
    .cc-window.cc-floating {
        max-width: none
    }
    .cc-window .cc-message {
        margin-bottom: 1em
    }
    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: auto;
}

.cc-window.cc-banner {
    position: fixed;
    bottom: 0;
    background-color: #ecf6f9;
}

.cc-message {
    float: none !important;
    position: relative;
    margin: 0 auto;
    padding: 2rem;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #002c50 !important;
    z-index: 999999;
}

.cc-message a {
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #34545B;
    font-weight: 700;
    text-decoration: none;
    padding-left: 1.8rem;
    margin-left: 0;
}

.cc-message a:before {
    content: url(../img/readOn.svg);
    vertical-align: sub;
}

.cc-window.cc-banner {
    padding: 0 2rem 0 0;
}

@media screen and (max-width: 1099px) {
    .cc-message {
        padding: 2rem 2rem 2rem 18%;
    }
}

@media screen and (max-width: 550px) {
    .cc-message {
        padding: 2rem;
    }
    .cc-window .cc-message {
        margin-bottom: -0.5rem;
    }
    .cc-banner .cc-btn:last-child {
        max-width: 50px;
        margin-left: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

#aMods .out.m.mWs.mXtitles.mCopy .copy small {
    display: none;
}

#aMods .out.m.mWs.mXtitles.mCopy:first-child .copy small {
    display: block;
}

/* Veranstaltungen Vers.2 */
.copy p {
    margin-bottom: 1rem;
}

.mFilteredTeasers .copy h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 1rem;
}

.teaserArchive p.date, .teaserArchive p.tag {
    position: absolute;
    display: block;
    z-index: 2;
    padding: .5rem 1rem;
    margin: 0;
}

.teaserArchive p.tag {
    background-color: rgba(234, 241, 241, 0.9);
    color: #002c50;
    bottom: 0;
    right: 0;
    width: 58%;
    min-height: 5.25rem;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

.teaserArchive p.date {
    bottom: 0;
    background-color: rgba(0, 44, 80, 0.90);
    color: #fff;
    left: 0;
    width: 42%;
    min-height: 5.25rem;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

@media screen and (min-width: 1100px) {
    .be12.aFootInfoSlots.aFootInfoC a, .be12.aFootInfoSlots.aFootInfoA a {
        margin-left: 0 !important;
    }
    .navScopeLeibniz .subNavTrigger .transitions {
        top: -3.5rem;
    }
    /* AddOn Menu */
    .aNavUI .navBody {
        position: relative;
        padding-bottom: 4rem;
    }
    #aNav .out .in.be12 .be4.aNavInfo div .be12.aNavInfoSlots.aNavInfoE ul {
        position: absolute;
        bottom: -8rem;
    }
    .be12.aNavInfoSlots.aNavInfoE {
        position: relative;
    }
}

/* STARTSEITE INFO TEMPORÄR */
.interferer {
    background-color: #bedee6;
}

.interferer p, .interfererEmph, .interferer .readOn a {
    color: #002c50;
}

.interferer .readOn a:before {
    content: url(../img/readOn.svg);
    vertical-align: sub;
}

@media screen and (max-width: 1100px) {
    #aStage.simple {
        max-height: 80vh;
    }
}

@media screen and (max-width: 550px) {
    #aStage.simple {
        max-height: 2000px;
    }
}

.extbase-debugger {
    display: block;
    text-align: left;
    background: #2a2a2a;
    border: 1px solid #2a2a2a;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .5);
    color: #000;
    margin: 20px;
    overflow: hidden;
    z-index: 100000;
    border-radius: 4px;
    position: relative;
}

#dsmcookieconsentwrap {
    color: rgb(0, 44, 80);
    background-color: rgb(236, 246, 249);
    padding: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: fixed;
    font-size: 16px;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 1.5em;
    flex-wrap: nowrap;
    z-index: 9999;
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    display: flex;
}

#dsmcookieinfo {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    float: none !important;
    position: relative;
    margin: 0 auto;
    margin-left: 1em;
    margin-right: 1em;
    padding: 2rem;
    color: #002c50 !important;
    z-index: 999999;
    overflow-y: auto;
}

#dsmcookieinfo>p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.9rem;
}

#dsmcookieinfo>p>a {
    background-size: 16px 16px;
    line-height: 1.9rem;
    font-size: 1.4rem;
}

#dsmcookiecontrols {
    flex-direction: column;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

#dsmcookiecontrols>a, .c99-disablecookies {
    cursor: pointer;
    margin: 0;
    padding: .8em 1.8em;
    height: 100%;
    flex: 1;
    display: block;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    box-shadow: none;
}

@media screen and (min-width: 1100px) {
    #dsmcookieinfo>p>a, #dsmcookiecontrols>a {
        line-height: 1.4rem;
    }
}

#dsmcookiecontrols>a:nth-child(1), .c99-disablecookies {
    color: rgb(236, 246, 249);
    border-color: transparent;
    background-color: rgb(0, 44, 80);
}

#dsmcookiecontrols>a:nth-child(2) {
    color: rgb(0, 44, 80);
    text-decoration: underline;
    border-color: transparent;
}

#dsmcookietab {
    color: rgb(0, 44, 80);
    background-color: rgb(236, 246, 249);
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    text-decoration: underline;
    -webkit-transition: transform 1s ease;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    cursor: pointer;
    padding: .5em;
    position: fixed;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999;
    transform: translateY(2em);
}

#dsmcookietab.active, #dsmcookietab:hover {
    transform: translateY(0);
}

@media screen and (max-height: 800px) and (min-width: 1100px) {
    #aNav {
        overflow-y: scroll;
        height: 100%;
    }
}

#twebshop {
    --tw-button-color: #007bff;
    --tw-button-text-color: #fff;
    --tw-button-price-color: #2e921d;
    --tw-button-price-text-color: #fff;
    --tw-box-color: #00445010;
    --tw-box-text-color: #fff;
    --tw-booking-color: #ffc107;
    --tw-booking-text-color: #333;
}

td, th {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.newsletterform  button {
    position: relative !important;
    margin: 0 auto !important;
    display: block !important;
    width: 30% !important;
    padding: 1rem 0 1rem 0 !important;
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
    background-color: #bedee6 !important;
    width: 190px !important;
    line-height: 2.2rem !important;
    text-align: center !important;
    color: #002c50 !important;
}

.newsletterform input[type=email] {
    display: block !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    background-color: #ecf6f9 !important;
    padding: 1.5rem !important;
    width: 100% !important;
    resize: none !important;
    border: 0 !important;
}

.newsletterforminput[type=checkbox] {
    display: block !important;
    float: left;
    margin: 0.8rem 2rem 1rem 0;
}

.tx-registeraddress form:nth-child(2):before {
    content: 'Vom Newsletter abmelden';
    width: 100%;
    margin-top: 15rem;
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 600;
    float: left;
}

.newsletterform label {
    font-size: 1.5rem !important;
    font-weight: normal;
}

.newsletterform label a {
    font-size: 1.5rem !important;
    font-weight: bold;
}
.hidden {
    display: none;
}

#aFoot h3 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 1rem;
  color: #699da8;
  display: inline-block;
}

@media screen and (min-width: 1100px) {
  #aFoot h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
  }
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.contenttable td {
  padding: 8px;
}

.fw-bold {
  font-weight: 700 !important;
}

.text-white {
  color: var(--white);
}

.mt-1 {
  margin-top: 4px;
}

.mt-2 {
  margin-top: 8px;
}

.text-xs {
  font-size: 12px;
  line-height: 16px;
}