/* ==== Cookie Notice ==== */
/* ==== Youtube + Gmap Filter ==== */
iframe {
    display: inline-block;
}
.media-wall {
    position: relative;
    /*font-family: "Open Sans", Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    text-align: center;
    color: #002f5d;
    display: inline-block;
    min-height: 18em;
    min-width: 28em;
    margin: 0;
    background-color: #fff;
    box-sizing: border-box;
    border: 1.5em solid #d5e1eb;
    padding: 1em;
}
.media-wall .wall-title {
    font-weight: 400;
    font-size: 40px;
    color: #002f5d;
    padding: 20px 10px;
    display: block;
}
.media-wall .wall-title:after {
    display: none;
}
.media-wall .wall-message {
    display: block;
}
.media-wall strong {
    display: block;
    text-align: center;
    font-size: 1.1em;
    margin: 0;
}
.media-wall div {
    width: calc(100% - 2em);
}
.media-wall p {
    font-weight: 400;
    font-size: 16px;
    color: #002f5d;
    line-height: 30px;
    margin-bottom: 1em;
}
.media-wall a {
    text-decoration: none !important;
    color: #002f5d;
    font-size: 16px;
}
.media-wall-ext-link {
    width: 14px;
    height: 14px;
    display: inline-block;
    /*-webkit-mask: url(images/external_link_font_awesome.svg) no-repeat;
    mask: url(images/external_link_font_awesome.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #575756;
    vertical-align: bottom;*/
    margin-right: 5px;
}
.media-wall .media-wall-link {
    display: block;
    font-size: 14px;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 6em;
    transform: translateX(-50%);
}
/*.media-wall button {
    -webkit-appearance: none;
    cursor: pointer;
    color: #eee;
    font: 700 0.8em/1.2 Helvetica, Arial, sans-serif;
    display: block;
    width: 11.5em;
    height: 4.25em;
    border: 0 none;
    border-radius: 0.75em;
    padding: 10px;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 1em;
    transform: translateX(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23eee' d='M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1em center #666;
    background-color: #666;
    background-size: 3.5em;
    transition: background-color 0.3s;
}*/
.media-wall button {
    background-color: #d6e1eb;
    border: 0;
    border-radius: 0;
    /*font-family: "Open Sans", Arial, Helvetica, sans-serif;*/
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    color: #002f5d;
    padding: 10px 20px;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 1.5em;
    transform: translateX(-50%);
}
.media-wall button:hover {
    background-color: #5c87b1;
    color: #fff;
}
.media-wall button:focus {
    outline: none;
}

/* ==== Cookie Notice ==== */
#cookie-bar {
    background: rgb(255,255,255);
    background: rgba(255,255,255,1.0);
    height: auto;
    line-height: 24px;
    color: #334046;
    text-align: center;
    padding: 0;
    /*font-family: OpenSans Regular,sans-serif;*/
    font-size: 14px;
    border-top: 1px solid #bbb;
}

#cookie-bar .container-fluid {
    padding: 30px;
}

#cookie-bar .row {
    margin: 0;
}

#cookie-bar .cookie-notice-wrapper {
    padding: 0;
    width: 100%;
}

#cookie-bar.fixed {
    position: fixed;
    top: 0;
    z-index: 10000;
    padding: 10px 15px;
    width: 100%;
}

#cookie-bar.fixed.bottom {
    bottom: 0;
    top: auto;
}

#cookie-bar h2 {
    font-size: 24px;
    padding: 0;
    margin: 0 auto 20px;
    text-align: center;
    /*font-family: OpenSans Bold,sans-serif;*/
    line-height: 1.2em;
    display: block;
    font-weight: 700;
}

#cookie-bar button {
    background-color: #d6e1eb;
    border: 0;
    border-radius: 0;
    /*font-family: "Open Sans", Arial, Helvetica, sans-serif;*/
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    color: #002f5d;
    padding: 10px 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    cursor: pointer;
}

#cookie-bar button:hover {
    background-color: #5c87b1;
    color: #fff;
}

#cookie-bar button:focus {
    outline: none;
}

#cookie-bar p {
    margin: 0;
    padding: 0;
}

#cookie-bar a {
    color: #0077c8;
}

#cookie-bar a.cb-enable,
#cookie-bar a.cb-disable,
#savePreferences,
#abort {}

#cookie-bar a.cb-disable {
    background-color: #fff;
    border: 1px solid #bbb;
}

#cookie-bar a.cb-enable:hover,
#cookie-bar a.cb-disable:hover,
#savePreferences:hover,
#abort:hover {
    background-color: #5c87b1;
    color: #fff;
}

#abort {
    color: #334046;
    background-color: #eee;
    margin-right: 10px;
}


#cookie-bar a.cb-policy {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}

#cookie-bar a.cb-policy:hover {
    text-decoration: underline;
}

#cookie-bar .cookieMessage {
    text-align: center;
    margin-bottom: 10px;
    line-height: 28px;
}

#cookie-bar .cookieButtons {
    margin: 15px 0;
}

/* ==== Opt-out ==== */
.optOutContainer {
    margin: 15px 0;
}

.optOutContainer div {
    display: inline-block;
}

.optOutLink,
.cookiesDeleteLink {
    cursor: pointer;
    margin-left: 20px;
    padding: 5px;
    border: 1px solid #fff;
}

.optOutLink:hover,
.cookiesDeleteLink:hover {
    color: #00305e;
    background: #fff;
}

/* ==== Levels + Choices ==== */

.cookie-bar-wrapper {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.4);
    z-index: 2020;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#cookie-bar.levels,
#cookie-bar.choices {
    display: block;
    width: 90vw;
    min-width: 300px;
    max-width: 900px;
    height: auto;
    max-height: 90vh;
    padding: 0;
    overflow: auto;
    text-align: left;
    margin: auto;
}

#cookie-bar.levels .container-fluid,
#cookie-bar.choices .container-fluid {
    width: 100%;
    padding: 0;
    height: auto;
    background: #fff;
    color: #334046;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    line-height: 1.5em;
}

#cookie-bar.levels .cookie-notice-content,
#cookie-bar.choices .cookie-notice-content {
    position: relative;
    background-image: url(images/logo.png);
    padding-top: 90px;
    background-position: center 20px;
    background-size: 246px 49px;
    background-repeat: no-repeat;
}

#cookie-bar.levels .cookie-notice-content div.cookieMessage,
#cookie-bar.choices .cookie-notice-content div.cookieMessage {
    padding: 5px 20px 20px 20px;
}

#cookie-bar.levels .cookie-notice-tab-2 .cookie-notice-content div.cookieMessage,
#cookie-bar.choices .cookie-notice-tab-2 .cookie-notice-content div.cookieMessage {
    padding-bottom: 0;
}

#cookie-bar.levels .cookie-notice-content div.cookieButtons,
#cookie-bar.choices .cookie-notice-content div.cookieButtons {
    padding: 0 20px;
}

#cookie-bar.levels #myTrackingSettings {
    float: right;
    margin-top: 15px;
    cursor: pointer;
    display: inline-block;
}

#cookie-bar.choices #myTrackingSettings {}

#cookie-bar.choices #myTrackingSettings:hover {}

#cookie-bar.levels h2,
#cookie-bar.choices h2 {
    font-size: 24px;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: left;
    /*font-family: OpenSans Bold,sans-serif;*/
    line-height: 1.2em;
    display: block;
    font-weight: 700;
}

#cookie-bar.levels .cookieMessage,
#cookie-bar.choices .cookieMessage {
    text-align: left;
}

#cookie-bar.levels .policyMessage,
#cookie-bar.choices .policyMessage {
    padding: 20px;
    text-align: left;
    background: #eee;
    font-size: 14px;
}

#cookie-bar.levels .hideMe,
#cookie-bar.choices .hideMe {
    display: none!important;
}

#cookie-bar .cookie-notice-tab-2 {
    font-size: 12px;
}

/* ==== Levels 2 Tab Levels-Text ==== */

#cookie-bar.levels .level-content > span {
display: block;
line-height: 19px;
margin-bottom: 5px;
}

#cookie-bar.levels .level-content > span.levels_allowed_functions,
#cookie-bar.levels .level-content > span.levels_disallowed_functions {
margin: 10px 0;
font-weight: 700;
}

#cookie-bar.levels .level-content > span::before {
content: "\2022";
margin-right: 10px;
}

#cookie-bar.levels .level-content > span.levels_allowed_functions::before,
#cookie-bar.levels .level-content > span.levels_disallowed_functions::before {
content: none;
}

/* ==== Levels 2 Tab ==== */

#cookie-bar.levels .cookieMessage .leftSide,
#cookie-bar.levels .cookieMessage .rightSide {
    display: block;
    margin-bottom: 0;
    width: 100%;
}

#cookie-bar.levels .cookieMessage .leftSide {
    margin-right: 20px;
    float: none;
    min-height: 200px;
    position: relative;
    margin-bottom: 90px;
}

#cookie-bar.levels .cookieMessage .rightSide {
}

#cookie-bar.levels .ui-slider-vertical {
    border: none;
    margin-left: 30px;
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    height: 100%;
    width: 4px;
    margin: 0 20px;
    background: #eee;
}

#cookie-bar.levels .ui-slider-vertical:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #334046;
}

#cookie-bar.levels .ui-slider-vertical.level-3-selcted:before {
    height: 0;
}

#cookie-bar.levels .ui-slider-vertical.level-2-selcted:before {
    height: 50%;
}

#cookie-bar.levels .ui-slider-vertical.level-1-selcted:before {
    height: 100%;
}

.slider-grau {
    color: #334046;
    opacity: .3;
}

#cookie-bar.levels .ui-slider-vertical .ui-slider-handle {
    width: 21px;
    height: 21px;
    margin-left: -5px;
    margin-bottom: -11px;
    border-radius: 29px;
    background: #0077c8;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-label {
    width: 220px;
    padding-left: 20px;
    color: #334046;
    opacity: .3;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-pip-initial .ui-slider-label {
    font-weight: 400;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-pip-selected .ui-slider-label {
    opacity: 1.0;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-pip-selected ~ .ui-slider-pip .ui-slider-label {
    opacity: 1.0;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-label .levelName {
    font-size: 14px;
    font-weight: 700;
    display: block;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-label .levelDescription {
    font-weight: 400;
    display: block;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-line {
    width: 20px;
    opacity: .3;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-pip-selected ~ .ui-slider-pip .ui-slider-line {
    opacity: 1!important;
}

#cookie-bar.levels .level-content span {
    display: flex;
}

#cookie-bar.levels .levels_disallowed_functions {
    color: #da021b;
}

#cookie-bar.levels .levels_disallowed_functions.transparent {
    color: transparent;
}

/* ==== END Levels 2 Tab ==== */

#statusMessage {
    border: 2px solid green;
    color: green;
    background-color: #90ee90;
    margin: 40px 0 5px 0;
    padding: 20px;
    text-align: center;
}

.insideWrapper {
    display: block;
    margin-bottom: 20px;
}

@media only screen and (min-width: 840px) {
    #cookie-bar.levels,
    #cookie-bar.choices {
        width: 75vw;
    }

    #cookie-bar.levels .cookieMessage .leftSide {
        float: left;
        width: 274px;
        margin-bottom: 70px;
    }

    #cookie-bar.levels .cookieMessage .rightSide {
        min-height: 200px;
    }
}
@media only screen and (max-width: 550px) {
    #myTrackingSettings {
        float: none!important;
    }
}

@media only screen and (min-width: 1200px) {
    #cookie-bar.levels .cookie-notice-content,
    #cookie-bar.choices .cookie-notice-content {
        padding-top: 30px;
        background-position: calc(100% - 30px) 20px;
    }

    #cookie-bar.levels .cookie-notice-tab-2 .cookie-notice-content div.cookieMessage,
    #cookie-bar.choices .cookie-notice-tab-2 .cookie-notice-content div.cookieMessage {
        padding-bottom: 20px;
    }
    /*.page_headline::after {
        content: "\A";
        white-space: pre;
        display: block;
    }*/
    #cookie-bar.levels h2,
    #cookie-bar.choices h2 {
        margin-bottom: 50px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .cookie-bar-wrapper {
        display: block;
    }

    #cookie-bar.levels,
    #cookie-bar.choices {
        position: fixed;
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        transform: translate(-50%, -50.1%);
    }
}

@supports (-ms-ime-align:auto) {
    /* IE Edge 12+ CSS styles go here */
    .cookie-bar-wrapper {
        display: block;
    }

    #cookie-bar.levels,
    #cookie-bar.choices {
        position: fixed;
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        transform: translate(-50%, -50.1%);
    }
}

/* #### Footer Map #### */
.container-fluid-footerOneRow .media-wall,
.fce-grid-footer2 .media-wall{
    min-height: 18em;
    min-width: 18em;
    font-size: 14px;
}
.container-fluid-footerOneRow .wall-title,
.fce-grid-footer2 .wall-title{
    font-size: 24px;
    padding: 5px 10px;
}
.container-fluid-footerOneRow .media-wall p,
.fce-grid-footer2 .media-wall p{
    font-size: 12px;    
}
.container-fluid-footerOneRow .media-wall-link,
.fce-grid-footer2 .media-wall-link {
    display: none;  
}
.container-fluid-footerOneRow .wall-message,
.fce-grid-footer2 .wall-message{
    width: 100%;    
}


/* ==== Choices == MK == 04.08.2020 ==== */

.settingsContainerWrapper {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px #000 solid;
}

.settingsContainerLeft {
    display: inline-block;
    width: 75%;
}
.settingsContainerRight {
    display: inline-block;
    width: 25%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
}

.settingsContainerWrapper .pseudoLabel  {
    font-weight: 700;
    font-size: 18px;
}

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
    font-size: 14px;
	color: white;
	/*font-family: Trebuchet, Arial, sans-serif;*/
	font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 0;
    background-color: #3282EB; color: #FFFFFF;
}
.lang-de .onoffswitch-inner:before {
    content: "AN";
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.lang-de .onoffswitch-inner:after {
    content: "AUS";
}
.onoffswitch-switch {
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

@media only screen and (max-width: 480px) {
    .settingsContainerLeft {
        display: inline-block;
        width: 100%;
    }
    .settingsContainerRight {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        right: 0;
        top: 0;
        align-items: center;
        justify-content: flex-end;
        text-align: center;
        margin-top: 15px;
    }
}

/* ==== Anpassunge navigate.de ==== */
#cookie-bar.levels .cookie-notice-content,
#cookie-bar.choices .cookie-notice-content {
    background-image: none;
    padding-top: 30px;
}

#cookie-bar.levels h2,
#cookie-bar.choices h2 {
    margin-bottom: 20px;
    text-align: center;
}

#cookie-bar .cookieButtons button {
    width: 220px;
    margin: 5px;
}

#cookie-bar.choices .cookieButtons,
#cookie-bar.choices .policyMessage {
    text-align: center;
}
#cookie-bar.levels #cookieNavigatorLogo,
#cookie-bar.choices #cookieNavigatorLogo {
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    background: #eee;
    width: 187px;
    position: absolute;
    right: 0;
    bottom: 14px;
}

#cookieConsentStatusContainer {
    display: flex;
    width: 424px;
}
#cookieConsentStatusContainer .cookieConsentStatusContainerLeft {
    display: inline-block;
    flex: 1;
    padding-right: 10px;
    width: 60%;
}
#cookieConsentStatusContainer .cookieConsentStatusContainerRight {
    display: inline-block;
    flex: 1;
    width: 40%;
}
#cookieConsentSettings button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    background-image: url(images/settings.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 30px;
}

#cookie-bar.levels .cookie-notice-tab-2 .cookie-notice-content div.cookieMessage,
#cookie-bar.choices .cookie-notice-tab-2 .cookie-notice-content div.cookieMessage {
    padding-bottom: 20px;
}

.media-wall {
    position: relative;
    /*font-family: HelveticaNeueLTPro-Lt;*/
    font-size: 16px;
    text-align: center;
    color: #575756;
    display: inline-block;
    min-height: 18em;
    min-width: 28em;
    margin: 0;
    background-color: #fff;
    box-sizing: border-box;
    border: 2px solid #d10028;
    padding: 1em;
}
.media-wall .wall-title {
    font-weight: 400;
    font-size: 2.2rem;
    color: #575756;
    padding: 10px 10px;
    display: block;
}
.media-wall .media-wall-link {
    display: block;
    font-size: inherit;
    color: #575756;
    font-weight: 700;
    margin: 0 0 20px 0;
    /* position: absolute; */
    /* left: 50%; */
    /* bottom: 6em; */
    /* transform: translateX(-50%); */
}
.media-wall .media-wall-link-src {
    display: none;
}
.media-wall .media-wall-ext-link {
    width: 14px;
    height: 14px;
    display: inline-block;
    -webkit-mask: url(images/external_link_font_awesome.svg) no-repeat;
    mask: url(images/external_link_font_awesome.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #575756;
    margin-right: 5px;
}
.media-wall button {
    background-color: #fff;
    border: 1px solid #d10028;
    border-radius: 50px;
    /*font-family: HelveticaNeueLTPro-Lt;*/
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 24px;
    color:#d10028;
    padding: 10px 20px;
    text-align: center;
    margin: 0;
    cursor: pointer;
    /* position: absolute; */
    /* left: 50%; */
    /* bottom: 1.5em; */
    /* transform: translateX(-50%); */
}
.media-wall button:hover {
    background-color: #fff;
    color: #d10028;
}
#statusMessage {
    border: none;
    color: #fff;
    background-color: #d10028;
    margin: 40px 0 5px 0;
    padding: 20px;
    text-align: center;
}

article.media-wall.media-wall-small {
    min-width: unset;
}
.media-wall.media-wall-small .wall-title {
    font-size: 24px;
    padding: 10px 10px;
    margin: 0;
}
.media-wall .wall-message a {
    color: #575756;
    text-decoration: none;
}
.media-wall .wall-message a:hover {
    text-decoration: underline!important;
}
/*.media-wall .wall-message a::before {
    content: "";
}*/

/* ==== Accordion for mobile ====*/
/* Style the buttons that are used to open and close the accordion panel */
#cookie-bar .accordion {
    background-color: #fff;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
#cookie-bar .active, .accordion:hover {
    background-color: #fff;
}

/* Style the accordion panel. Note: hidden by default */
#cookie-bar .panel {
    background-color: white;
    display: none;
    overflow: hidden;
}
#cookie-bar .accordion:after {
    content: '\02BC6'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    float: right;
    padding-right: 20px;
    margin-left: 5px;
}

#cookie-bar .active:after {
    content: "\02BC5"; /* Unicode character for "minus" sign (-) */
}

@media only screen and (max-width: 480px) {
    .settingsContainerLeft {
        display: inline-block;
        width: 68%;
        vertical-align: top;
        margin-top: 15px;
    }
    .settingsContainerRight {
        display: grid;
        width: 25%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        align-items: center;
        justify-content: flex-end;
        text-align: center;
        margin-top: 10px;
    }
    #cookie-bar .accordion:after {
        content: '\02BC6';
        font-size: 13px;
        float: right;
        padding-right: 15px;
        margin-left: 0;
    }
}

.lang-en .onoffswitch-inner:before {
    content: "On";
}
.lang-en .onoffswitch-inner:after {
    content: "Off";
}
/* #### Levels without Pipi UI JS #### */
/* ==== Levels ==== */

.cookie-bar-wrapper {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.4);
    z-index: 2020;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#cookie-bar.levels {
    display: block;
    width: 90vw;
    min-width: 300px;
    max-width: 900px;
    height: auto;
    max-height: 90vh;
    padding: 0;
    overflow: auto;
    text-align: left;
    margin: auto;
}

#cookie-bar.levels .container-fluid {
    width: 100%;
    padding: 0;
    height: auto;
    background: #fff;
    color: #334046;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    line-height: 1.5em;
}

#cookie-bar.levels .cookie-notice-content {
    position: relative;
    background-image: url(images/logo.png);
    padding-top: 90px;
    background-position: center 10px;
    background-size: 100px 75px;
    background-repeat: no-repeat;
}

#cookie-bar.levels .cookie-notice-content div.cookieMessage {
    padding: 5px 20px 20px 20px;
}

#cookie-bar.levels .cookie-notice-tab-2 .cookie-notice-content div.cookieMessage {
    padding-bottom: 0;
}

#cookie-bar.levels .cookie-notice-content div.cookieButtons {
    padding: 0 20px;
}

#cookie-bar.levels #myTrackingSettings {
    float: right;
    margin-top: 15px;
    cursor: pointer;
    display: inline-block;
}

#cookie-bar.levels h2 {
    font-size: 24px;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: left;
    /*font-family: OpenSans Bold,sans-serif;*/
    line-height: 1.2em;
    display: block;
    font-weight: 700;
}

#cookie-bar.levels .cookieMessage {
    text-align: left;
}

#cookie-bar.levels .policyMessage {
    padding: 20px;
    text-align: left;
    background: #eee;
    font-size: 14px;
}

#cookie-bar.levels .level-content > span {
    display: block;
    line-height: 19px;
    margin-bottom: 5px;
}

#cookie-bar.levels .level-content > span.levels_allowed_functions,
#cookie-bar.levels .level-content > span.levels_disallowed_functions {
    margin: 10px 0;
    font-weight: 700;
}

#cookie-bar.levels .level-content > span::before {
    content: "\2022";
    margin-right: 10px;
}

#cookie-bar.levels .level-content > span.levels_allowed_functions::before,
#cookie-bar.levels .level-content > span.levels_disallowed_functions::before {
    content: none;
}

#cookie-bar.levels .hideMe {
    display: none!important;
}

#cookie-bar .cookie-notice-tab-2 {
    font-size: 12px;
}

#cookie-bar.levels .cookieMessage .leftSide,
#cookie-bar.levels .cookieMessage .rightSide {
    display: block;
    margin-bottom: 0;
    width: 100%;
}

#cookie-bar.levels .cookieMessage .leftSide {
    margin-right: 20px;
    float: none;
    min-height: 200px;
    position: relative;
    margin-bottom: 90px;
}

#cookie-bar.levels .cookieMessage .rightSide {
}

#cookie-bar.levels .ui-slider-vertical {
    border: none;
    margin-left: 30px;
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    height: 100%;
    width: 4px;
    margin: 0 20px;
    background: #eee;
}

#cookie-bar.levels .ui-slider-vertical:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #334046;
}

#cookie-bar.levels .ui-slider-vertical.level-3-selcted:before {
    height: 0;
}

#cookie-bar.levels .ui-slider-vertical.level-2-selcted:before {
    height: 50%;
}

#cookie-bar.levels .ui-slider-vertical.level-1-selcted:before {
    height: 100%;
}

.slider-grau {
    color: #334046;
    opacity: .3;
}

#cookie-bar.levels .ui-slider-vertical .ui-slider-handle {
    width: 21px;
    height: 21px;
    margin-left: -5px;
    margin-bottom: -11px;
    border-radius: 29px;
    background: #0077c8;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-label {
    width: 220px;
    padding-left: 20px;
    color: #334046;
    opacity: .3;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-pip-initial .ui-slider-label {
    font-weight: 400;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-pip-selected .ui-slider-label {
    opacity: 1.0;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-pip-selected ~ .ui-slider-pip .ui-slider-label {
    opacity: 1.0;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-label .levelName {
    font-size: 14px;
    font-weight: 700;
    display: block;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-label .levelDescription {
    font-weight: 400;
    display: block;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-line {
    width: 20px;
    opacity: .3;
}

#cookie-bar.levels .ui-slider-vertical.ui-slider-pips .ui-slider-pip-selected ~ .ui-slider-pip .ui-slider-line {
    opacity: 1!important;
}

#cookie-bar.levels .level-content span {
    display: flex;
}

#cookie-bar.levels .levels_disallowed_functions {
    color: #da021b;
}

#cookie-bar.levels .levels_disallowed_functions.transparent {
    color: transparent;
    margin-top: 15px!important;
}

#statusMessage {
    border: 2px solid green;
    color: green;
    background-color: #90ee90;
    margin: 40px 0 5px 0;
    padding: 20px;
    text-align: center;
}

.insideWrapper {
    display: block;
    margin-bottom: 20px;
}

@media only screen and (min-width: 840px) {
    #cookie-bar.levels {
        width: 75vw;
    }

    #cookie-bar.levels .cookieMessage .leftSide {
        float: left;
        width: 274px;
        margin-bottom: 70px;
    }

    #cookie-bar.levels .cookieMessage .rightSide {
        min-height: 200px;
    }
}
@media only screen and (max-width: 550px) {
    #myTrackingSettings {
        float: none!important;
    }
}

@media only screen and (min-width: 1024px) {
    #cookie-bar.levels .cookie-notice-content {
        padding-top: 30px;
        background-position: calc(100% - 30px) 10px;
    }

    #cookie-bar.levels .cookie-notice-tab-2 .cookie-notice-content div.cookieMessage {
        padding-bottom: 20px;
    }
    /*.page_headline::after {
        content: "\A";
        white-space: pre;
        display: block;
    }*/
    #cookie-bar.levels h2 {
        margin-bottom: 50px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .cookie-bar-wrapper {
        display: block;
    }

    #cookie-bar.levels {
        position: fixed;
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        transform: translate(-50%, -50.1%);
    }
}

@supports (-ms-ime-align:auto) {
    /* IE Edge 12+ CSS styles go here */
    .cookie-bar-wrapper {
        display: block;
    }

    #cookie-bar.levels {
        position: fixed;
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        transform: translate(-50%, -50.1%);
    }
}