@import url("https://use.typekit.net/jwf3jtz.css");

/* ----------------------------------------------------------------
	Variablen
-----------------------------------------------------------------*/
:root {
    --primary-color: #646463;
    --secondary-color: #0072bb;
    --third-color: #919076;
}

/* ----------------------------------------------------------------
	General
-----------------------------------------------------------------*/
body {
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    background-color: #FFFFFF;
    font-size: 17px;
    color: #404040;
}

.mod_article>.row .section .box [class^=ce_], .mod_article>.row .section .box [class^=mod_] {
    padding-left: 0px;
    padding-right: 0px;
}

#content .section .container>.ce_row,
#content .section .container>.row {
    position: relative;
    z-index: 10;
}

@media(max-width:480px) {
    .mod_article>.row [class^=ce_], .mod_article>.row [class^=mod_] {
        padding-left: 0px;
        padding-right: 0px;
    }

    .section>.container {
        padding: 0px;
    }

    .section>.container .ce_rsce_teaser .carousel-widget,
    .section>.container .mod_news_list .carousel-widget,
    .section>.container .ce_app_object_teaser .carousel-widget {
        padding-left: 15px;
        padding-right: 15px;
    }

    .carousel-widget .owl-nav .owl-prev {
        left: -20px !important;
    }

    .carousel-widget .owl-nav .owl-next {
        right: -20px !important;
    }

    .row>.box {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media(max-width:320px) {
    .section>.container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .carousel-widget .owl-nav .owl-prev {
        left: -15px !important;
    }

    .carousel-widget .owl-nav .owl-next {
        right: -15px !important;
    }
}

abbr[data-original-title], abbr[title] {
    border-bottom: 1px dotted transparent;
}

p, span, a, label {
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #1D1D1D;
}

p {
    font-size: 17px;
    color: #404040;
}

label {
    font-size: 17px;
    text-transform: none;
    color: #1D1D1D;
}

legend {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0;
    color: #404040;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    border-bottom: 1px solid transparent !important;
}

.bgcolor legend {
    color: #ffffff;
}

label {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0;
    color: #404040;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.dark label, .bgcolor label {
    color: #ffffff;
}

.sm-form-control {
    border-color: #404040;
    color: #404040;
    font-size: 17px;
    line-height: 25px;
    border: 1px solid #EDEDE9;
}

.sm-form-control:focus {
    border-color: #404040;
}

.bgcolor .sm-form-control:focus {
    border-color: #FFFFFF;
}

.checkbox-style:checked+.checkbox-style-3-label:before, .radio-style:checked+.radio-style-3-label:before {
    background: var(--third-color);
    font-size: 13px;
}

::placeholder {
    color: var(--third-color) !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--third-color) !important;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--third-color) !important;
}

:-ms-input-placeholder:focus {
    color: var(--third-color);
}

:-moz-placeholder {
    /* Firefox 18- */
    color: var(--third-color) !important;
}

.breadcrumb a, #page-title .breadcrumb a>span {
    color: #404040;
    font-size: 15px;
}

.breadcrumb>.active {
    color: var(--third-color);
    font-size: 15px;
}

#page-title .breadcrumb a:hover>span {
    color: var(--third-color);
}

.breadcrumb a:hover {
    color: var(--primary-color);
}

b, strong {
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 700;
}

blockquote, .dark blockquote {
    border-left: 5px solid var(--third-color);
    font-size: 18px;
}

#content p {
    line-height: 22px;
    font-size: 17px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    color: #404040;
}

#content .ce_text p,
#content .content-text p,
#content .ce_rsce_collapsibles p {
    font-size: 19px;
    line-height: 26px;
}

#content .elementAdress p span {
    font-size: 19px;
    line-height: 26px;
    color: #404040;
}

#content blockquote p {
    font-size: 19px;
    line-height: 26px;
    font-weight: 700;
}

#content .ce_text ul,
#content .content-text ul,
#content .ce_form ul {
    margin-left: 0px;
    list-style-position: outside;
    padding-left: 21px !important;
}

#content .ce_text ul li,
#content .content-text ul li,
#content .ce_form ul li {
    line-height: 26px;
    font-size: 19px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #404040;
    padding-left: 0px;
}

#content .ce_text a,
#content .content-text a,
#content .elementAdress a,
form a,
.download-element a {
    color: #404040;
    text-decoration: underline !important;
}

#content .ce_text a,
#content .content-text a {
    line-height: 26px;
    font-size: 19px;
}

#content .ce_text a:hover,
#content .content-text a:hover,
#content .elementAdress a:hover,
form a:hover,
.download-element a:hover {
    text-decoration: none !important;
}

li.download-element {
    list-style: inside;
    font-size: 19px;
    line-height: 26px;
}

.table>thead>tr>th {
    border-bottom: 2px solid #404040;
    font-size: 19px;
}

.table>tbody>tr>td {
    text-align: left;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    border-top: 1px solid #ded9d5;
    font-size: 19px !important;
    line-height: 26px;
    font-weight: 400;
    color: #404040;
}

.table>tbody>tr>td a {
    font-size: 19px;
    color: #404040;
    text-decoration: underline !important;
}

.table>tbody>tr>td a:hover {
    text-decoration: none !important;
}

.table>tbody>tr>th.col_first,
.table>tbody>tr>th:first-child {
    width: 25%;
    border-top: 1px solid #404040;
    font-size: 19px;
}

.elementAdress p {
    margin-bottom: 0px;
}

hr {
    border-top: 1px solid #404040;
}

#gotoTop:hover, #gotoTop:focus {
    background-color: #1D1D1D;
}

#gotoTop {
    background-color: transparent;
    right: 10px;
    bottom: 24px !important;
    z-index: 10000;
}

#gotoTop:hover {
    background-color: transparent;
}

#gotoTop i {
    color: var(--primary-color);
}

#content .ce_text a,
#content .content-text a {
    font-size: 19px;
    color: #404040;
    text-decoration: underline !important;
}

#content .ce_text a:hover,
#content .ce_text a:focus,
#content .content-text a:hover,
#content .content-text a:focus {
    color: #404040 !important;
    text-decoration: none !important;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: #404040 !important;
}

::selection {
    background: #404040;
}

::-moz-selection {
    background: #404040;
}

#wrapper {
    background-color: #F8F8F6;
}

@media(max-width:768px) {
    #wrapper {
        overflow: hidden;
    }
}

/* ----------------------------------------------------------------
   Header
-----------------------------------------------------------------*/
.responsive-sticky-header #header-wrap {
    border-bottom: none;
}

/* ----------------------------------------------------------------
   Pagetitle
-----------------------------------------------------------------*/
#page-title {
    background-color: #F8F8F6;
    border-bottom: 0px;
}

#page-title h1 {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0;
    color: #404040;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
}

.breadcrumb {
    left: 15px !important;
    right: auto !important;
    margin: -15px 0 0 0 !important;
}

@media (max-width: 767px) {
    #page-title .breadcrumb {
        left: 15px !important;
        text-align: left;
        padding-bottom: 15px !important;
    }
}

@media (max-width: 480px) {
    #page-title .breadcrumb {
        left: 0px !important;
    }

    #page-title .elementBreadcrumb {
        width: 340px !important;
    }
}

.breadcrumb a {
    font-size: 14px;
}

/* ----------------------------------------------------------------
	Titles
-----------------------------------------------------------------*/
h1 {
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0;
    color: #404040;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

h2 {
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--third-color);
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

h3 {
    font-size: 23px;
    line-height: 120%;
    letter-spacing: 0;
    color: #404040;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

h4 {
    font-size: 21px;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--third-color);
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

h5 {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: 0;
    color: #404040;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

h6 {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0;
    color: #404040;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    font-style: normal;
}

@media (max-width: 992px) {
    h1 {
        font-size: 26px;
        line-height: 120%;
    }
}

/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/
#logo a img {
    height: 120px;
    padding-top: 5px;
}

#header.full-header #logo {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
}

#header {
    background-color: transparent;
    border-bottom: none;
    height: 120px;
}

#header-wrap {
    box-shadow: none !important;
    background: transparent linear-gradient(0deg, rgba(64, 64, 64, 0) 0%, rgba(64, 64, 64, 0.35) 65%, rgba(64, 64, 64, 0.5) 100%) 0% 0% no-repeat padding-box;
    background-color: transparent !important;
}

@media (min-width: 1200px) {
    body.stretched #header.full-header .container {
        width: 1170px;
        padding: 0px 15px;
    }

    .primary-menu-overlay__navigation ul li.mega-menu .mega-menu-content {
        width: 1140px !important;
        margin: 0 15px !important;
    }
}

/* ----------------------------------------------------------------
Primary Menu
-----------------------------------------------------------------*/
/** Header navigation **/
.primary-menu {
    display: flex;
    float: right;
    color: #fff;
}

@media (max-width: 991px) {
    #header.sticky-header #header-wrap {
        position: fixed;
    }

    #logo {
        float: left;
        max-width: 50%;
    }

    .primary-menu__item {
        border-left: none !important;
    }

    .primary-menu__item.emergency,
    .primary-menu__item.idee,
    .primary-menu__item.menu,
    .primary-menu__item.primary-menu__item--search,
    .primary-menu__item.change-language,
    .primary-menu__item.karte,
    .primary-menu__item.shop-icon {
        display: none;
    }

    .primary-menu__item.mobile-menu img {
        width: 40px;
        padding-top: 9px;
    }

    #top-search a {
        position: static;
        margin: -17px 0 0 0;
    }
}

@media (max-width: 767px) {
    #logo a img {
        height: 100px;
    }

    .primary-menu__item {
        border-left: none !important;
        height: 50px !important;
        margin-right: -5px;
    }

    .primary-menu #top-search {
        width: 40px !important;
    }

    #header .mod_changelanguage .btn.dropdown-toggle.btn-default {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 0;
        /* hide &nbsp; */
        line-height: 0;
        /* hide &nbsp; */
    }

    .primary-menu .primary-menu__item #top-search a {
        padding: 0 !important;
    }

    .primary-menu #top-search a img {
        height: 35px;
    }

    .primary-menu__item.change-language .mod_changelanguage .btn.dropdown-toggle.btn-default span.filter-option,
    .primary-menu__item.change-language .mod_changelanguage .btn.dropdown-toggle.btn-default span.bs-caret {
        display: block;
        text-align: center;
        float: none !important;
        line-height: 1;
    }

    .primary-menu__item.change-language .mod_changelanguage .caret {
        position: static;
        margin-top: 0;
    }
}

@media (max-width: 479px) {
    #header.full-header .container {
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .primary-menu-open .primary-menu {
        opacity: 0;
    }
}

.primary-menu__item {
    height: 60px;
    border-left: 1px solid #ffffff;
}

.primary-menu__item.idee {
    border-left: none !important;
}

.top-search-open .primary-menu__item {
    border-left: 1px solid transparent;
}

.primary-menu__item:first-child {
    border-left: none;
}

.primary-menu__item>a,
.primary-menu__item>.elementSearch>a {
    display: block;
    line-height: 22px;
    padding: 0px 12px;
    color: inherit;
    font-weight: 400;
    margin-top: -17px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: corporate-s, sans-serif;
    -webkit-transition: margin .2s ease-out, padding .2s ease-out;
    -o-transition: margin .2s ease-out, padding .2s ease-out;
    transition: margin .2s ease-out, padding .2s ease-out;
}

.primary-menu__item>a:hover,
.primary-menu__item>.elementSearch>a:hover {
    color: inherit;
    margin-top: 0px;
    padding-top: 2px;
    background-image: url(../img/verlauf_weiss.png);
    background-position: 0px -90px;
    background-repeat: repeat-x;
}

/* Notfallbutton */
.primary-menu__item.emergency {
    background-color: var(--secondary-color) !important;
    color: #FFFFFF !important;
    transition: none;
}

.primary-menu__item.emergency:hover {
    background-color: var(--primary-color) !important;
    color: #FFFFFF !important;
}

.primary-menu__item.emergency a {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF !important;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 0;
    transition: none;
}

.primary-menu__item.emergency a span {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF !important;
}

.primary-menu__item.emergency:hover a {
    color: #FFFFFF !important;
}

.primary-menu__item.emergency a:hover {
    background-image: none;
    padding-top: 0;
}

.primary-menu__item.emergency:hover a span {
    color: #FFFFFF !important;
}

body.top-search-open .primary-menu__item>.elementSearch>a {
    margin-top: 0px;
    padding-top: 2px;
}

.primary-menu__item .title-primary-menu {
    display: block;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 2px;
    font-weight: 600;
}

.primary-menu__item.idee .title-primary-menu {
    font-size: 6px;
}

.primary-menu__item img {
    height: 45px;
    width: 45px;
}

.primary-menu__item.idee a {
    width: 69px;
}

.primary-menu__item.emergency a {
    width: 69px;
}

.primary-menu__item.karte img,
.primary-menu__item.shop-icon img {
    padding: 5px;
}

.primary-menu__item.karte a {
    width: 69px;
}

.primary-menu__item.change-language .mod_changelanguage .btn-group.open {
    background-image: url(../img/verlauf_weiss.png);
    background-position: 0px -90px;
    background-repeat: repeat-x;
}

.primary-menu__item.change-language .mod_changelanguage select {
    display: none;
}

.primary-menu__item.change-language .mod_changelanguage .caret {
    transition: transform .2s;
    background-image: url(../img/icon-language-menu.svg);
    background-position: top right;
    background-repeat: no-repeat;
    width: 16px;
    height: 10px;
    padding: 0;
    border: 0px;
    margin-top: -5px;
}

.primary-menu__item.change-language .mod_changelanguage .btn-group.open .caret {
    transform: rotate(180deg);
}

.primary-menu__item.change-language .mod_changelanguage .btn.dropdown-toggle.btn-default {
    width: auto;
    height: 60px;
    padding-left: 10px;
    padding-right: 33px;
    background: none !important;
    border: none !important;
    outline: none !important;
}

.primary-menu__item.change-language .mod_changelanguage .btn.dropdown-toggle.btn-default span {
    color: #fff;
}

.primary-menu__item.change-language .mod_changelanguage .btn.dropdown-toggle.btn-default span.filter-option,
.primary-menu__item.change-language .mod_changelanguage .btn.dropdown-toggle.btn-default span.bs-caret {
    width: auto;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.primary-menu__item.change-language .mod_changelanguage .dropdown-menu {
    top: calc(100% - 15px);
    background: none !important;
    box-shadow: none;
    font-size: 16px;
}

.primary-menu__item.change-language .mod_changelanguage .dropdown-menu a {
    padding: 0 0 0 10px;
}

.primary-menu__item.change-language .mod_changelanguage .dropdown-menu a:hover {
    background: none;
}

.primary-menu__item.change-language .mod_changelanguage .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected {
    display: none;
}

.primary-menu__item.change-language .mod_changelanguage .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 0;
    color: #fff;
}

.primary-menu__item.change-language .mod_changelanguage .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.font-icons {
    display: none;
}

.primary-menu #top-search {
    float: none;
    margin: 0;
    width: 69px;
    position: relative;
}

.primary-menu .primary-menu__item #top-search a {
    height: auto;
    width: 100%;
    -webkit-transition: margin .2s ease-out, padding .2s ease-out;
    -o-transition: margin .2s ease-out, padding .2s ease-out;
    transition: margin .2s ease-out, padding .2s ease-out;
    text-decoration: none !important;
}

.primary-menu #top-search a img {
    padding: 5px;
    padding-top: 8px;
    padding-bottom: 2px;
}

.primary-menu #top-search .icon-line-cross {
    padding-top: 15px;
    padding-bottom: 10px;
}

.primary-menu #top-search form {
    opacity: 0;
    z-index: -2;
    position: absolute;
    width: 570px !important;
    height: 60px !important;
    padding: 0 15px;
    margin: 0;
    bottom: -10px;
    right: 69px;
    top: auto;
    left: auto;
    background-color: #ffffff;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.primary-menu #top-search form input {
    padding-left: 0px !important;
}

.primary-menu #top-search .icon-line-cross {
    display: none;
}

.top-search-open .primary-menu #top-search .icon-line-cross {
    display: inline;
}

.top-search-open .primary-menu #top-search .icon-search3 {
    display: none;
}

.primary-menu__item.menu .primary-menu-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 130px !important;
    height: 60px !important;
    position: static;
    margin-top: 0;
    opacity: 1;
    pointer-events: auto;
    padding-right: 17px;
}

.primary-menu__item.menu .primary-menu-trigger:hover {
    background-image: url(../img/verlauf_weiss.png);
    background-position: 0px -90px;
    background-repeat: repeat-x;
}

.primary-menu__item.menu .title-primary-menu {
    display: inline-block;
    float: left;
    padding-left: 17px;
    padding-right: 0px;
    font-size: 16px;
    font-weight: 600;
}

.primary-menu__item.menu img {
    float: right;
    width: 35px;
}

.primary-menu-overlay__header .standard-logo img {
    height: 120px;
    padding-top: 5px;
}

.primary-menu__item .mod_changelanguage .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
}

.primary-menu__item .mod_changelanguage .btn.dropdown-toggle.btn-default {
    margin-top: 0;
}

body.top-search-open .primary-menu__item:not(.primary-menu__item--search) {
    opacity: 0;
}

.primary-menu-overlay {
    display: none;
}

@media (min-width: 992px) {
    body.primary-menu-open .primary-menu-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(64, 64, 64, 0.95);
        z-index: 20;
    }

    body.primary-menu-open .primary-menu-overlay:before {
        content: "";
        height: 106px;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: transparent linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) 0% 0% no-repeat padding-box;
        background-color: transparent !important;
    }
}

.primary-menu-overlay .title-primary-menu {
    color: #ffffff;
    font-size: 16px;
    padding-right: 12px;
    text-transform: uppercase;
}

.primary-menu-overlay #overlay-menu-close {
    display: flex;
    align-items: center;
    margin-top: 17px;
    margin-right: 14px;
    opacity: 0.4;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.primary-menu-overlay #overlay-menu-close img {
    margin-left: 5px;
    height: 35px;
}

.primary-menu-overlay__container {
    display: flex;
    flex-direction: column;
    height: calc(100% - 150px);
    z-index: 1;
}

.primary-menu-overlay__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 50px;
}

.primary-menu-overlay__search {
    display: flex;
    padding-top: 10px;
}

#header .primary-menu-overlay__search .form-control {
    width: 355px;
    height: auto;
    padding: 10px 0;
    background: transparent;
    color: #fff !important;
    font-size: 30px;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #707070 !important;
    border-radius: 0;
}

#header .primary-menu-overlay__search button {
    width: 30px;
    padding: 0;
    background: transparent url('../img/icon-search.svg') center right no-repeat;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #707070 !important;
    border-radius: 0;
}

.primary-menu-overlay__search .form-control:focus {
    border-color: #fff !important;
}

.primary-menu-overlay__search .form-control::placeholder {
    color: #707070 !important;
}

.primary-menu-overlay__search .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #707070 !important;
}

.primary-menu-overlay__search .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #707070 !important;
}

.primary-menu-overlay__search .form-control:-ms-input-placeholder:focus {
    color: #707070;
}

.primary-menu-overlay__search .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #707070 !important;
}

#primary-menu-trigger {
    display: none !important;
}

.primary-menu-trigger {
    display: none;
}

.mobile-menu-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    cursor: pointer;
    width: 50px;
    height: 50px;
}

.mobile-btn-emergency {
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    cursor: pointer;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-color: var(--secondary-color)!important;
}

.mobile-btn-emergency:hover {
    background-color: var(--primary-color) !important;
    color: #FFFFFF !important;
}

.mobile-btn-emergency span {
    font-size: 17px !important;
    color: #FFFFFF;
}

.mobile-btn-emergency:hover span {
    color: #FFFFFF !important;
}

@media (min-width: 992px) {
    .mobile-menu-trigger {
        display: none;
    }

    .mobile-btn-emergency {
        display: none;
    }

    .primary-menu-trigger {
        display: flex;
    }

    .primary-menu-overlay__navigation {
        float: none;
        position: relative;
        flex: 1;
    }

    .primary-menu-overlay__navigation ul,
    .primary-menu-overlay__navigation li {
        margin: 0 !important;
        padding: 0;
        list-style: none;
        float: none !important;
        position: static !important;
    }

    .primary-menu-overlay__navigation li {
        display: flex;
    }

    .primary-menu-overlay__navigation li>a {
        flex: 1;
    }

    .primary-menu-overlay__navigation li>span.submenu-trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        cursor: pointer;
        color: #fff;
        font-size: 20px;
        opacity: 0.4;
    }

    .primary-menu-overlay__navigation li>span.submenu-trigger:hover {
        opacity: 1;
    }

    .primary-menu-overlay__navigation li>span.submenu-trigger>.icon-minus {
        display: none;
    }

    .primary-menu-overlay__navigation li.submenu-show>span.submenu-trigger>.icon-minus {
        display: block;
    }

    .primary-menu-overlay__navigation li.submenu-show>span.submenu-trigger>.icon-plus {
        display: none;
    }

    .primary-menu-overlay__navigation li.submenu-show>ul {
        display: block;
    }

    .primary-menu-overlay__navigation li>a.active,
    .primary-menu-overlay__navigation li.submenu-show>a,
    .primary-menu-overlay__navigation li.submenu-show>span.submenu-trigger {
        opacity: 1 !important;
    }

    .primary-menu-overlay__navigation a span {
        color: #fff;
        font-weight: 700;
    }

    .primary-menu-overlay__navigation ul li>a i {
        top: 0px;
        font-size: 30px;
        margin-right: 30px;
    }

    .primary-menu-overlay__navigation ul li>a:hover i,
    .primary-menu-overlay__navigation .show li:hover a i {
        color: #ffffff;
    }

    .primary-menu-overlay__navigation .level_1 {
        width: 33.3333%;
        height: 100%;
        padding-right: 0 !important;
        border-right: none !important;
    }

    .primary-menu-overlay__navigation .level_1>li>a {
        display: block;
        padding: 10px 0;
        font-size: 30px;
        line-height: 40px;
        text-transform: uppercase;
        color: #FFFFFF;
        opacity: 0.4;
        position: relative;
        letter-spacing: 0px !important;
        font-family: corporate-s;
    }

    .primary-menu-overlay__navigation li>a:hover, .primary-menu-overlay__navigation .show li:hover>a {
        opacity: 1 !important;
        background-color: transparent !important;
        padding-left: 0px;
    }

    .primary-menu-overlay__navigation .level_2 {
        display: none;
        position: absolute !important;
        top: 0 !important;
        left: 33.3333% !important;
        width: 66.6666% !important;
        height: 100% !important;
        border: none !important;
        border-left: 2px solid #707070 !important;
        background: none !important;
        box-shadow: none !important;
    }

    .primary-menu-overlay__navigation .level_2>li {
        width: 50%;
        padding-left: 50px;
    }

    .primary-menu-overlay__navigation .level_2>li>a {
        display: block;
        padding: 10px 0;
        font-size: 30px;
        line-height: 40px;
        text-transform: uppercase;
        color: #FFFFFF;
        opacity: 0.4;
        position: relative;
        letter-spacing: 0px !important;
        font-family: corporate-s;
    }

    .primary-menu-overlay__navigation .level_2>li>a span {
        font-weight: 300;
        text-transform: none;
    }

    .primary-menu-overlay__navigation .level_3 {
        display: none;
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        width: 50% !important;
        height: 100% !important;
        padding-left: 50px !important;
        border: none !important;
        border-left: 2px solid #707070 !important;
        background: none !important;
        box-shadow: none !important;
    }

    .primary-menu-overlay__navigation .level_3>li>a {
        display: block;
        padding: 10px 0;
        font-size: 30px;
        line-height: 40px;
        text-transform: uppercase;
        color: #FFFFFF;
        opacity: 0.4;
        position: relative;
        letter-spacing: 0px !important;
        font-family: corporate-s;
    }

    .primary-menu-overlay__navigation .level_3>li>a span {
        font-weight: 300;
        text-transform: none;
    }
}

/* Prevent menu overlay being trapped within #header-wrap */
@media (max-width: 991px) {
    .sticky-responsive-menu #header-wrap {
        transform: none !important;
        -webkit-transform: none !important;
    }
}

/* ----------------------------------------------------------------
    Mobile Menu
-----------------------------------------------------------------*/
@media (min-width: 992px) {
    #mobile-menu {
        display: none !important;
    }
}

#mobile-menu {
    position: fixed;
    left: 0;
    z-index: 900;
    /* above anything else but below footer */
    background: rgba(64, 64, 64, .97);
    pointer-events: none;
    transform: translateX(100%);
    transition: transform .25s ease-in-out;
}

#mobile-menu:before {
    content: "";
    box-shadow: none !important;
    background: transparent linear-gradient(0deg, rgba(64, 64, 64, 0) 0%, rgba(64, 64, 64, 0.35) 65%, rgba(64, 64, 64, 0.5) 100%) 0% 0% no-repeat padding-box;
    background-color: transparent !important;
    height: 100px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

body.mobile-menu-open #mobile-menu {
    pointer-events: auto;
    transform: translateX(0);
}

#mobile-menu .mm-panels,
#mobile-menu .mm-panel,
#mobile-menu .mm-navbar {
    background: none;
}

#mobile-menu .mm-panels {
    font-size: 20px;
}

/* Hide the "Menu" title in the first panel */
#mobile-menu .mm-panel:first-child .mm-navbar {
    display: none;
}

#mobile-menu .mm-navbar {
    border-top: none;
    border-bottom: none;
}

#mobile-menu .mm-navbar.mm-navbar_sticky {
    background-color: rgba(112, 112, 112, 0.5);
}

#mobile-menu .mm-navbars_bottom {
    padding-bottom: 80px;
}

#mobile-menu .mm-navbar span {
    color: #fff;
}

#mobile-menu .mm-navbars_top {
    margin-bottom: 1em;
}

#mobile-menu .mm-navbars_top .mm-navbar .mm-btn_close::before {
    position: static;
    width: auto;
    height: auto;
    border: none;
    content: "\e117";
    font-size: 20px;
    color: #fff;
    font-family: twblue;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#mobile-menu .mm-navbar__title {
    justify-content: flex-start;
}

#mobile-menu .mm-navbar__title i {
    color: #fff;
}

#mobile-menu .mm-navbars_top .mm-navbar .mm-btn_close::after {
    display: none;
}

#mobile-menu .mm-listitem span {
    color: #fff;
}

#mobile-menu .mm-listitem:after {
    display: none;
}

#mobile-menu .mm-listitem__btn:not(.mm-listitem__text) {
    border-left: none;
}

#mobile-menu .mobile-menu__links {
    border-top: none;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: left;
    -ms-flex-pack: center;
    justify-content: left;
}

#mobile-menu .mobile-menu__links a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em;
}

#mobile-menu .mobile-menu__links a:not(:last-child) {
    border-right: none;
}

#mobile-menu .mobile-menu__links a span {
    display: block;
    margin-top: 5px;
    color: #fff;
}

#mobile-menu .mobile-menu__links a img {
    max-width: 20px;
}

#mobile-menu .mobile-menu__search {
    display: flex;
    margin-bottom: 0;
    min-height: 0;
    padding-left: 20px;
    flex-basis: 100%;
}

#mobile-menu .mobile-menu__search .form-control {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background: transparent;
    color: #fff;
    font-size: 20px;
    border: none;
    border-radius: 0;
}

#mobile-menu .mobile-menu__search button {
    width: 25px;
    height: 100%;
    padding: 0;
    background: transparent url('../img/icon-search.svg') center left/auto 20px no-repeat;
    border-radius: 0;
    border: none;
}

#mobile-menu .mobile-menu__search .form-control::placeholder {
    color: #707070 !important;
}

#mobile-menu .mobile-menu__search .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #707070 !important;
}

#mobile-menu .mobile-menu__search .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #707070 !important;
}

#mobile-menu .mobile-menu__search .form-control:-ms-input-placeholder:focus {
    color: #707070;
}

#mobile-menu .mobile-menu__search .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #707070 !important;
}

#mobile-menu .mobile-menu__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #fff;
    padding-right: 10px;
}

#mobile-menu .mobile-menu__change-language {
    margin-bottom: 20px;
    justify-content: flex-start;
    min-height: 0;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .caret {
    transition: transform .2s;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .btn-group {
    width: auto;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .btn-group.open .caret {
    transform: rotate(-90deg);
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .btn.dropdown-toggle.btn-default {
    width: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 20px;
    padding-right: 30px;
    background: none !important;
    border: none !important;
    outline: none !important;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .btn.dropdown-toggle.btn-default span {
    color: #fff;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .btn.dropdown-toggle.btn-default span.filter-option,
#mobile-menu .mobile-menu__change-language .mod_changelanguage .btn.dropdown-toggle.btn-default span.bs-caret {
    width: auto;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .dropdown-menu {
    top: 0;
    left: 100%;
    height: 100%;
    background: none !important;
    box-shadow: none;
    font-size: 16px;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .dropdown-menu.inner {
    display: flex;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .dropdown-menu a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 15px;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .dropdown-menu a:hover {
    background: none;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected {
    display: none;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 0;
    color: #fff;
}

#mobile-menu .mobile-menu__change-language .mod_changelanguage .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.font-icons {
    display: none;
}

#mobile-menu .logo-vgl-mobile-menu {
    display: inline-block;
    float: right;
    text-align: right;
    width: 100%;
    padding-right: 1em;
}

#mobile-menu .logo-vgl-mobile-menu img {
    height: 30px;
}

/* ----------------------------------------------------------------
	Levo Suche Menu
-----------------------------------------------------------------*/
.primary-menu #top-search .levo-app {
    opacity: 0;
    z-index: -2;
    position: absolute;
    width: 570px !important;
    height: 60px !important;
    padding: 0 15px;
    margin: 0;
    bottom: 0px;
    right: 88px;
    top: auto;
    left: auto;
    background-color: transparent;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 355px;
    height: auto;
    padding: 10px 0;
    background: transparent;
    color: #fff !important;
    font-size: 30px;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #707070 !important;
    border-radius: 0;
    transform: none;
    transition: none;
}

.primary-menu #top-search .levo-app .search-widget__wrapper {
    margin-top: 90px;
    overflow: scroll;
    height: calc(100vh - 245px);
    display: none;
}

body.top-search-open .primary-menu #top-search .levo-app .search-widget__wrapper {
    display: block;
}

.primary-menu #top-search search-widget__item-description {
    font-size: 18px;
}

.primary-menu #top-search .levo-app input {
    background-color: transparent;
    border: none;
    width: 100%;
    position: absolute;
    top: 0px;
    font-weight: 400;
    font-family: corporate-s, sans-serif;
    letter-spacing: 0px;
}

.primary-menu #top-search .levo-app input::placeholder {
    color: #707070 !important;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 30px;
    font-family: corporate-s, sans-serif;
}

.primary-menu #top-search .levo-app input::-moz-placeholder {
    /* Firefox 19+ */
    color: #707070 !important;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 30px;
    font-family: corporate-s, sans-serif;
}

.primary-menu #top-search .levo-app input:-ms-input-placeholder {
    /* IE 10+ */
    color: #707070 !important;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 30px;
    font-family: corporate-s, sans-serif;
}

.primary-menu #top-search .levo-app input:-ms-input-placeholder:focus {
    color: #707070;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 30px;
    font-family: corporate-s, sans-serif;
}

.primary-menu #top-search .levo-app input:-moz-placeholder {
    /* Firefox 18- */
    color: #707070 !important;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 30px;
    font-family: corporate-s, sans-serif;
}

body.top-search-open #top-search .levo-app form input {
    color: #ffffff;
}

body.top-search-open #top-search .levo-app smart-search-widget-suggest {
    margin-top: 90px;
    width: 100%;
}

body.top-search-open .primary-menu #top-search #levo-quicksearch form {
    opacity: 1;
    z-index: 2;
    position: absolute;
    width: 570px !important;
    height: 60px !important;
    padding: 0 15px;
    margin: 0;
    bottom: auto;
    left: 0px !important;
    top: 0px !important;
    right: auto !important;
    background-color: transparent;
    transition: none;
    color: #FFFFFF;
    padding: 0px;
}

#top-search .levo-app .search-widget__empty-title {
    color: var(--secondary-color);
    opacity: 1;
    text-align: left;
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
}

#top-search .levo-app .search-widget__empty-text {
    color: #ffffff;
    opacity: 0.4;
    text-align: left;
    line-height: 22px;
    font-size: 17px;
}

#top-search .levo-app smart-search-widget-suggest ul {
    width: 100%;
}

#top-search .levo-app smart-search-widget-suggest ul li {
    margin-left: 0px;
    color: #ffffff;
}

#top-search .levo-app smart-search-widget-suggest ul li a {
    color: #ffffff !important;
    opacity: 0.4;
    text-align: left;
    line-height: 22px;
    font-size: 17px;
}

#top-search .levo-app smart-search-widget-suggest ul li a span {
    color: #ffffff !important;
}

#top-search .levo-app .search-widget__item-title .search-widget__item-link {
    color: #ffffff;
    line-height: 22px;
    font-size: 17px;
    text-align: left;
    opacity: 1;
    padding-bottom: 5px;
    font-weight: 600;
}

#top-search .levo-app .search-widget__item-title .search-widget__item-link:hover {
    opacity: 0.4;
}

#top-search .levo-app .search-widget__item-description {
    opacity: 0.4;
    text-align: left;
    line-height: 22px;
    font-size: 17px;
    padding-bottom: 25px;
}

#top-search .levo-app smart-search-widget-suggest ul li a:hover {
    opacity: 1;
}

body.top-search-open #top-search .levo-app {
    opacity: 1;
    z-index: 10;
}

@media (min-width: 992px) {
    body.top-search-open .levo-app-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(64, 64, 64, 0.95);
        z-index: 2;
    }
}

smart-search-widget-suggest {
    background: transparent;
    z-index: 12;
}

smart-search-widget-suggest li {
    display: block;
    padding: 12px 20px;
    padding-left: 0px;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border-top: 1px solid #707070;
    margin: 0px !important;
}

smart-search-widget-suggest li:first-child {
    border-top: 1px solid transparent;
}

.smart-search-widget__default--slot a,
.nofound-links a {
    text-decoration: underline !important;
}

.smart-search-widget__default--slot a:hover,
.nofound-links a:hover {
    text-decoration: none !important;
}

/* ----------------------------------------------------------------
	Searchbox Content
-----------------------------------------------------------------*/
.search-box input.form-control {
    height: 46px;
    padding: 10px 16px;
    background: #ffffff url(../img/icon-search-grey.svg) 10px 8px no-repeat;
    border-radius: 0px;
    padding-left: 50px;
    color: #404040;
    font-size: 17px;
    line-height: 25px;
    border: 1px solid #EDEDE9;
}

.search-box input.form-control:focus {
    border: 1px solid #404040;
}

.search-results-list__wrapper .search-widget__information {
    font-size: 19px;
    line-height: 26px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    margin-bottom: 30px;
}

.search-results-list .elementContentList {
    border: 1px solid #EDEDE9;
    margin-bottom: 15px;
}

.search-results-list .elementContentList .img-wrapper {
    overflow: hidden;
    padding: 0px;
}

.search-results-list .elementContentList .text-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}

.search-results-list .elementContentList img.media-object {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 0;
}

.search-results-list .elementContentList:hover img.media-object {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.search-results-list .elementContentList .row {
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
    border: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.search-results-list .elementContentList .row:hover {
    background-color: #F8F8F6;
}

/* Content Suche */
.levo-app-contentsearch input {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    background: #ffffff url(../img/icon-search-grey.svg) 10px 8px no-repeat;
    border-radius: 0px;
    padding-left: 50px !important;
    color: #404040;
    font-size: 17px;
    line-height: 25px;
    border: 1px solid #EDEDE9;
}

.dark .levo-app-contentsearch input {
    color: #FFFFFF !important;
}

.levo-app-contentsearch input::placeholder {
    color: #FFFFFF !important;
}

.levo-app-contentsearch input::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFFFFF !important;
}

.levo-app-contentsearch input:-ms-input-placeholder {
    /* IE 10+ */
    color: #FFFFFF !important;
}

.levo-app-contentsearch input:-ms-input-placeholder:focus {
    color: #FFFFFF;
}

.levo-app-contentsearch input:-moz-placeholder {
    /* Firefox 18- */
    color: #FFFFFF !important;
}

/* ----------------------------------------------------------------
    Headerslider
-----------------------------------------------------------------*/
.dark .one-page-arrow, .one-page-arrow.dark {
    display: none;
}

#slider {
    width: 100% !important;
    height: 100vh !important;
    margin-top: -120px;
}

#slider .slider-caption {
    transition: none !important;
    animation-delay: 0ms !important;
    opacity: 1;
    animation: none !important;
    width: 100%;
}

#slider .slider-caption.slider-caption-center p a {
    width: auto;
    display: inline-block !important;
}

@media (max-width: 480px) {
    #slider .slider-caption {
        width: 310px;
        left: 0px;
    }
}

#slider .slider-caption p {
    opacity: 1;
    animation: none !important;
}

#slider .not-animated {
    opacity: 1;
    animation-delay: 0ms;
    animation: none !important;
}

#slider .slider-caption .fadeInUp {
    animation: none !important;
}

#slider .swiper-wrapper .swiper-slide {
    height: 100vh !important;
    background-position: center center;
    padding-bottom: 10vh;
}

.slider-caption-bottom-left {
    margin-bottom: 0px;
}

@media (max-width: 480px) {
    .slider-caption-bottom-left {
        margin-bottom: 30px;
    }
}

#slider .swiper-wrapper .swiper-slide::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 350px;
    background-color: transparent;
    opacity: 0.81;
    background: transparent linear-gradient(0deg, #404040 0%, #4A4A4A85 67%, #54545400 100%) 0% 0% no-repeat padding-box;
}

.slider-parallax-inner {
    padding: 0 0px;
    background: #EDEDE9 !important;
}

#slider .button.btn-default {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    height: 43px;
    letter-spacing: 0px;
    text-align: center;
    display: table-cell;
    background-color: #ffffff !important;
    padding-left: 20px;
    padding-right: 20px;
    color: var(--primary-color) !important;
}

#slider .button.btn-default:hover {
    color: #FFFFFF !important;
    background-color: var(--primary-color) !important;
}

#slider p {
    animation: none;
    transition: none;
    text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.44);
    color: #ffffff;
    margin-top: 20px;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    font-style: normal;
}

#slider h2 {
    text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.44);
    font-weight: 700;
    text-transform: none;
    font-style: normal;
    font-size: 39px;
    line-height: 44px;
    color: #ffffff !important;
    animation: none;
    transition: none;
    margin-bottom: 0px;
}

@media (max-width: 992px) {
    #slider h2 {
        font-size: 33px;
        line-height: 33px;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ----------------------------------------------------------------
	Badge
-----------------------------------------------------------------*/
.wrapperbadgeheader {
    width: 265px;
    height: 265px;
    position: absolute;
    top: 90vh !important;
    margin-top: -410px;
    right: 60px;
    z-index: 100;
}

@media(max-width:768px) {
    .wrapperbadgeheader {
        top: 65vh !important;
        right: -20px;
    }
}

.mfp-fade.mfp-bg.mfp-ready {
    z-index: 100000;
}

.mfp-wrap {
    z-index: 100010;
}

.circle {
    position: relative;
    display: block;
    margin: 2em 0;
    background-color: transparent;
    color: #202020;
    text-align: center;
    cursor: pointer;
}

.circle.green:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #95bc00;
    content: "";
    border: 0px solid #fff !important;
    -webkit-box-shadow: 2px 2px 7px 0px rgba(32, 32, 32, 1);
    -moz-box-shadow: 2px 2px 7px 0px rgba(32, 32, 32, 1);
    box-shadow: 2px 2px 7px 0px rgba(32, 32, 32, 1);
}

.circle.alertbadge:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #c53b0d;
    content: "";
    border: 0px solid #fff !important;
    -webkit-box-shadow: 2px 2px 7px 0px rgba(32, 32, 32, 1);
    -moz-box-shadow: 2px 2px 7px 0px rgba(32, 32, 32, 1);
    box-shadow: 2px 2px 7px 0px rgba(32, 32, 32, 1);
}

.circle.white:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    content: "";
    border: 0px solid #fff !important;
}

.circle__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.circle__wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.circle__content {
    display: table-cell;
    padding: 0.8em;
    padding-top: 0.4em;
    vertical-align: middle;
    transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    color: #404040 !important;
    text-shadow: none;
    font-size: 24px;
    line-height: 26px;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
}

.circle__content .title {
    color: var(--secondary-color);
    line-height: 45px;
}

.circle__content span.link-url {
    font-size: 16px;
    border-bottom: 1px solid #404040;
    line-height: 40px;
}

/* ----------------------------------------------------------------
    Buttons
-----------------------------------------------------------------*/
#content .ce_hyperlink,
#content .content-hyperlink {
    padding-top: 5px;
    padding-bottom: 5px;
}

.button i {
    padding-right: 20px;
}

.inline-btn {
    display: inline;
}

.button.btn-default, .btn.btn-default {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: #EDEDE9 !important;
    color: var(--third-color) !important;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
}

.button.btn-default:hover, .button.btn-default:focus, .btn.btn-default:hover, .btn.btn-default:focus {
    background-color: var(--primary-color) !important;
    color: #FFFFFF !important;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    margin-left: 0px;
    letter-spacing: 0px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.button.btn-default.button-large, .btn.btn-default.button-large {
    font-size: 30px;
    line-height: 60px;
    height: 65px;
}

.button.btn-primary, .btn.btn-primary {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: var(--secondary-color) !important;
    color: #FFFFFF !important;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.button.btn-primary.button-large, .btn.btn-primary.button-large {
    font-size: 30px;
    line-height: 60px;
    height: 65px;
}

.button.btn-primary:hover, .button.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: var(--primary-color) !important;
    color: #FFFFFF !important;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    margin-left: 0px;
    letter-spacing: 0px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.button.btn-success, .btn.btn-success {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: var(--primary-color) !important;
    color: #FFFFFF !important;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
}

.button.btn-success:hover, .button.btn-success:focus, .btn.btn-success:hover, .btn.btn-success:focus {
    background-color: #EDEDE9 !important;
    color: var(--primary-color) !important;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    margin-left: 0px;
    letter-spacing: 0px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.button.btn-success.button-large, .button.btn-success.button-large {
    font-size: 30px;
    line-height: 60px;
    height: 65px;
}

.button.button-dark, .btn.button-dark {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: var(--secondary-color) !important;
    color: #FFFFFF !important;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    margin: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: block;
    text-align: center;
}

.button.button-dark:hover, .button.button-dark:focus, .btn.button-dark:hover, .btn.button-dark:focus {
    background-color: var(--primary-color) !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.button.button-dark.button-large, .button.button-dark.button-large {
    font-size: 30px;
    line-height: 60px;
    height: 65px;
}

.button.button-border {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: transparent !important;
    color: var(--secondary-color) !important;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 36px;
    margin-left: 0px;
    margin-right: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid var(--secondary-color);
    border-color: var(--secondary-color) !important;
}

.button.button-border:hover, .button.button-border:focus, #content .button.button-border:hover, #content .button.button-border:focus {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 36px;
    margin-left: 0px;
    margin-right: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid var(--primary-color);
    border-color: var(--primary-color) !important;
}

.button.button-light {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: #EDEDE9 !important;
    color: var(--third-color) !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    margin: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: block;
    text-align: center;
    width: 100%;
}

.button.button-light:hover, .button.button-light:focus, #content .button.button-light:hover, #content .button.button-light:focus {
    background-color: var(--primary-color) !important;
    color: #FFFFFF !important;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    margin-left: 0px;
    letter-spacing: 0px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.button.button-light.button-large, .button.button-light.button-large {
    font-size: 30px;
    line-height: 60px;
    height: 65px;
}

body:not(.device-touch) .button {
    transition: none;
}

/* ----------------------------------------------------------------
	Box Schema
-----------------------------------------------------------------*/
/* - */
.section.nobgcolor, .box.nobgcolor {
    background-color: #F8F8F6 !important;
    box-shadow: none;
}

.section.nobgcolor h1, .section.nobgcolor h2, .section.nobgcolor h3, .section.nobgcolor h4, .section.nobgcolor h5, .section.nobgcolor h6,
.box.nobgcolor h1, .box.nobgcolor h2, .box.nobgcolor h3, .box.nobgcolor h4, .box.nobgcolor h5, .box.nobgcolor h6,
.section.nobgcolor p, .section.nobgcolor li, .section.nobgcolor p a,
.box.bgcolor p, .box.bgcolor li, .box.bgcolor p a {
    color: #404040;
}

/* Default */
.section.bgcolor, .box.bgcolor {
    background-color: var(--primary-color) !important;
    box-shadow: none;
}

.section.bgcolor h1, .section.bgcolor h2, .section.bgcolor h3, .section.bgcolor h4, .section.bgcolor h5, .section.bgcolor h6,
.box.bgcolor h1, .box.bgcolor h2, .box.bgcolor h3, .box.bgcolor h4, .box.bgcolor h5, .box.bgcolor h6,
#content .section.bgcolor p, #content .section.bgcolor li, #content .section.bgcolor p a,
.box.bgcolor p, .box.bgcolor li, .box.bgcolor p a,
#content .section.bgcolor .download-element a, #content .box.bgcolor .download-element a,
#content .section.bgcolor .download-element a span, #content .box.bgcolor .download-element a span {
    color: #F8F8F6;
}

#content .section.bgcolor p a:hover, #content .section.bgcolor p a:focus {
    color: #F8F8F6 !important;
}

.section.bgcolor hr, .box.bgcolor hr {
    border-top: 1px solid #F8F8F6;
}

/* Light */
.section.light, .box.light {
    background-color: #EDEDE9 !important;
}

.section.light h1, .section.light h2, .section.light h3, .section.light h4, .section.light h5, .section.light h6,
.box.light h1, .box.light h2, .box.light h3, .box.light h4, .box.light h5, .box.light h6 .section.dark p a, .box.dark p a,
.section.light p, .section.light li,
.box.light p, .box.light li {
    color: #404040;
}

/* Dark */
.section.dark, .box.dark {
    background-color: #404040 !important;
    box-shadow: none;
}

.section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4, .section.dark h5, .section.dark h6,
.box.dark h1, .box.dark h2, .box.dark h3, .box.dark h4, .box.dark h5, .box.dark h6,
#content .section.dark p, #content .section.dark li, #content .section.dark p a,
.box.dark p, .box.dark li, .box.dark p a, .section.dark .download-element a, .section.dark span {
    color: #F8F8F6;
}

#content .section.dark .elementArticle .portfolio-desc p {
    color: #404040;
}

.section.dark hr, .box.dark hr {
    border-top: 1px solid #F8F8F6;
}

#content .section.dark p a:hover, #content .section.dark p a:focus {
    color: #F8F8F6 !important;
}

#content .section h2, #content .box h2 {
    color: #919076;
}

#content .section.bgcolor h2, #content .box.bgcolor h2 {
    color: #919076;
}

#content .section h4, #content .box h4 {
    color: var(--third-color);
}

@media (max-width : 768px) {
    #content .section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* ----------------------------------------------------------------
	Section Highlight (Box in Section)
-----------------------------------------------------------------*/
.section .box.wrapper-highlight {
    padding: 20px;
    margin-bottom: 20px !important;
}

.section .box.wrapper-highlight.home {
    max-height: 330px;
}

.section .box.wrapper-highlight.home h5 {
    margin-bottom: 10px;
}

.section .box.wrapper-highlight.home .sm-form-control {
    padding: 3px 14px;
    font-size: 15px;
}

.section .box.wrapper-highlight.home .form-widget {
    margin-bottom: 15px;
}

/* ----------------------------------------------------------------
        Portfolio Teaser
    -----------------------------------------------------------------*/
/* Standard */
.grid-container.portfolio {
    margin: 0 -20px 0px 0 !important;
}

.grid-container.portfolio .elementArticle.elementArticleStandard.noBg {
    padding: 0 20px 0px 0 !important;
    margin-bottom: 20px;
    overflow: hidden;
}

@media (max-width : 768px) {
    .grid-container.portfolio .elementArticle.elementArticleStandard.noBg {
        width: 100%;
    }
}

.elementArticle.elementArticleStandard.noBg .portfolio-image .fslider picture {
    bottom: 0px !important;
    right: 0px !important;
    width: 100% !important;
}

.elementArticle.elementArticleStandard.noBg .portfolio-desc h3 a {
    line-height: 21px;
    font-size: 21px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #404040;
}

.elementArticle.elementArticleStandard.noBg .portfolio-desc h3 {
    font-size: 21px;
    line-height: 21px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #404040;
    margin-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

.elementArticle.elementArticleStandard.noBg::before {
    background-color: #ffffff;
    content: "";
    width: calc(100% - 20px);
    height: 100%;
    position: absolute;
}

.owl-carousel .elementArticle.elementArticleStandard.noBg::before {
    width: 100%;
}

.owl-carousel .elementArticle.elementArticleStandard.noBg {
    overflow: hidden;
}

.owl-carousel .elementArticle.elementArticleStandard.noBg::after {
    width: 100%;
}

.elementArticle.elementArticleStandard.noBg .portfolio-desc {
    overflow: visible;
    bottom: 0px !important;
    height: 125px;
    background-color: white;
    padding: 20px 0px;
    margin-top: 0px;
    -webkit-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
    border-bottom: none;
    position: relative;
}

.elementArticle.elementArticleStandard.noBg .portfolio-desc span {
    height: 100px;
    width: 100px;
    position: absolute;
    top: -85px;
    right: 15px;
    background-color: var(--primary-color);
    text-align: center;
    text-transform: uppercase;
    font-size: 37px;
    line-height: 32px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    display: inline-block;
    z-index: 10;
    border-radius: 50%;
    color: #ffffff;
    border: 2px solid var(--primary-color);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
}

.elementArticle.elementArticleStandard.noBg .portfolio-desc span a {
    color: #ffffff;
    height: 100px;
    width: 95px;
    display: inline-block;
    line-height: 93px;
    font-weight: 400;
}

@media (max-width : 992px) {
    .elementArticle.elementArticleStandard.noBg .portfolio-desc span {
        height: 75px;
        width: 75px;
        top: -62px;
        right: 5px;
        font-size: 20px;
        line-height: 32px;
    }

    .elementArticle.elementArticleStandard.noBg .portfolio-desc span a {
        height: 75px;
        width: 72px;
        line-height: 68px;
    }
}

.elementArticle.elementArticleStandard.noBg:hover .portfolio-desc {
    bottom: 40px !important;
    -webkit-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
}

.elementArticle.elementArticleStandard.noBg .portfolio-desc div {
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    height: 165px;
}

.elementArticle.elementArticleStandard.noBg::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: calc(100% - 20px);
    height: 20px;
    background-color: #FFFFFF;
    left: 0px;
    z-index: 10;
}

.elementArticle.elementArticleStandard.noBg .portfolio-image {
    overflow: hidden;
}

/* Bugfix Teaserstandard Floating */
/* 3er Grid */
.portfolio.portfolio-3 .elementArticle.elementArticleStandard.noBg .portfolio-image {
    max-height: 206px;
}

@media (max-width: 1200px) {
    .portfolio.portfolio-3 .elementArticle.elementArticleStandard.noBg .portfolio-image {
        max-height: 168px;
    }
}

@media (max-width: 992px) {
    .portfolio.portfolio-3 .elementArticle.elementArticleStandard.noBg .portfolio-image {
        max-height: 127px;
    }
}

@media (max-width: 768px) {
    .portfolio.portfolio-3 .elementArticle.elementArticleStandard.noBg .portfolio-image {
        max-height: 100%;
    }
}

.elementArticle.elementArticleStandard.noBg .portfolio-image img {
    width: 100%;
    height: auto;
    /* SCALE */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    /* VERZÖGERUNG */
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.elementArticle.elementArticleStandard.noBg:hover .portfolio-image img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

/* News/ PIM Standard */
.mod_news_list .elementArticle.elementArticleStandard.noBg .portfolio-desc ul.entry-meta {
    margin: 0px;
    position: absolute;
    top: -25px;
    left: 10px;
    height: 25px;
    line-height: 25px;
    background-color: rgba(145, 144, 118, 0.6);
    width: auto;
}

.mod_news_list .elementArticle.elementArticleStandard.noBg .portfolio-desc ul.entry-meta li {
    margin: 0;
    padding: 0;
    line-height: 25px;
    color: #ffffff;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    padding-left: 10px;
    padding-right: 10px;
}

.mod_news_list .elementArticle.elementArticleStandard.noBg .portfolio-desc span,
.ce_app_object_teaser .elementArticle.elementArticleStandard.noBg .portfolio-desc span,
.ce_app_subpages .elementArticle.elementArticleStandard.noBg .portfolio-desc span {
    height: 165px;
    width: 100%;
    position: static;
    text-align: left;
    text-transform: none;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    display: inline-block;
    z-index: 10;
    background-color: #FFFFFF;
    overflow: hidden;
    border-radius: 0%;
    color: #ffffff;
    border: none;
    box-shadow: none;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    line-height: 22px;
    font-size: 17px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 0px;
    letter-spacing: 0;
    color: #404040;
    padding-left: 20px;
    padding-right: 20px;
}

.mod_news_list .elementArticle.elementArticleStandard.noBg .portfolio-desc span a,
.ce_app_object_teaser .elementArticle.elementArticleStandard.noBg .portfolio-desc span a,
.ce_app_subpages .elementArticle.elementArticleStandard.noBg .portfolio-desc span a {
    line-height: 22px;
    font-size: 17px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    color: #404040;
    width: 100%;
}

/* PIM Ortschaft */
.ce_app_object_teaser .elementArticle.elementArticleStandard.noBg .portfolio-desc ul.entry-meta {
    margin: 0px;
    position: absolute;
    top: -25px;
    left: 10px;
    height: 25px;
    line-height: 25px;
    background-color: rgba(145, 144, 118, 0.6);
    /* padding-right: 10px; */
}

.ce_app_object_teaser .elementArticle.elementArticleStandard.noBg .portfolio-desc ul.entry-meta li {
    margin: 0;
    padding: 0;
    line-height: 25px;
    color: #ffffff;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    padding-left: 10px;
    padding-right: 0px;
}

.ce_app_object_teaser .elementArticle.elementArticleStandard.noBg .portfolio-desc ul.entry-meta li:last-child {
    padding-right: 10px;
}

.ce_app_object_teaser .elementArticle.elementArticleStandard.noBg .portfolio-desc ul.entry-meta li i {
    margin-right: 5px;
    color: #FFFFFF;
}

/* Carousel */
@media (max-width: 768px) {
    .ce_rsce_teaser.full-carousel {
        margin-bottom: 20px;
    }
}

.owl-nav div {
    opacity: 1 !important;
    border: none !important;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.owl-nav .owl-prev i,
.owl-nav .owl-next i {
    font-size: 45px;
    color: var(--third-color);
}

.owl-nav .owl-prev {
    left: -40px !important;
}

.owl-nav .owl-next {
    right: 0 !important;
    right: -40px !important;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: transparent !important;
    color: #666 !important;
}

.owl-carousel .owl-nav [class*="owl-"]:hover i {
    color: #404040;
}

.dark .owl-carousel .owl-nav [class*="owl-"]:hover i {
    color: #a5a48b;
}

@media (min-width: 768px) {

    .elementArticle.elementArticleOverlay .portfolio-image,
    .elementArticle.elementArticleOverlayIcons .portfolio-image {
        width: calc(100% - 20px) !important;
        height: calc(100% - 20px) !important;
    }
}

.elementArticle.elementArticleOverlay .portfolio-desc h3 {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0;
    color: #FFFFFF;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.84);
    font-style: normal;
}

.portfolio-overlay .portfolio-desc span {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0;
    color: #FFFFFF !important;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.84);
    font-style: normal;
}

.elementArticle.elementArticleOverlayIcons .portfolio-overlay a.center-icon {
    opacity: 1;
    background-color: #ffffff;
}

.elementArticle.elementArticleOverlayIcons .portfolio-overlay a.center-icon:hover {
    color: var(--third-color);
}

.elementArticle.elementArticleOverlay.noBg .portfolio-image a img {
    width: 100%;
    height: auto;
    /* SCALE */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    /* VERZÖGERUNG */
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.elementArticle.elementArticleOverlay.noBg:hover .portfolio-image a img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

/* Tabs */
.portfolio-masonry.portfolio {
    margin: 0 -20px 0px 0 !important;
}

.portfolio-masonry.portfolio .elementArticle.elementArticleTabs.masonry-item-responsive {
    padding: 0 20px 20px 0 !important;
    margin-bottom: 0px;
}

.portfolio-item.elementArticleTabs .portfolio-overlay a i.icon-line-play, .portfolio-item.elementArticleTabs .portfolio-overlay button i.icon-line-play {
    color: var(--primary-color);
}

.portfolio-masonry.portfolio .elementArticle.elementArticleTabs.masonry-item-responsive .portfolio-overlay-open,
.portfolio-masonry.portfolio .elementArticle.elementArticleTabsIcons.masonry-item-responsive .portfolio-overlay-open {
    bottom: 20px !important;
    right: 20px !important;
    height: calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}

.portfolio-masonry.portfolio .elementArticle.elementArticleTabs.masonry-item-responsive .portfolio-overlay-open .portfolio-image .fslider picture {
    bottom: 0px !important;
    right: 0px !important;
    width: 100% !important;
    height: 100% !important;
}

.elementArticle.masonry-item-responsive.elementArticleTabs .portfolio-desc h3 {
    font-size: 21px;
    line-height: 21px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #404040;
    margin-bottom: 16px;
}

.elementArticle.masonry-item-responsive.elementArticleTabs .portfolio-desc {
    overflow: visible;
    bottom: 0px !important;
    height: 125px;
    background-color: white;
    padding: 20px;
    margin-top: 0px;
    -webkit-transition: height .2s ease-in-out;
    -o-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    border-bottom: none;
}

.elementArticle.masonry-item-responsive.elementArticleTabs:hover .portfolio-desc {
    bottom: 0px !important;
    height: 165px;
    -webkit-transition: height .2s ease-in-out;
    -o-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
}

.elementArticle.masonry-item-responsive.elementArticleTabs .portfolio-desc::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 20px;
    background-color: #FFFFFF;
    left: 0px;
}

.elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
    padding-top: calc(100% - 74px) !important;
}

.elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image img {
    height: calc(100% - 125px);
    width: auto;
}

.elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider .slide {
    padding-bottom: 130px;
}

.elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.elementArticle.masonry-item-responsive.elementArticleTabs .portfolio-image img {
    width: 100%;
    height: auto;
    /* SCALE */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    /* VERZÖGERUNG */
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.elementArticle.masonry-item-responsive.elementArticleTabs:hover .portfolio-image img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.elementArticle.masonry-item-responsive.elementArticleTabs .portfolio-desc span {
    height: 100px;
    width: 100px;
    position: absolute;
    top: -85px;
    right: 15px;
    background-color: var(--primary-color);
    text-align: center;
    text-transform: uppercase;
    font-size: 37px;
    line-height: 32px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    display: inline-block;
    z-index: 10;
    border-radius: 50%;
    color: #ffffff;
    border: 2px solid var(--primary-color);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    color: #ffffff;
    height: 100px;
    width: 95px;
    display: inline-block;
    line-height: 93px;
    font-weight: 400;
}

.portfolio.portfolio-4.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs {
    height: 296px !important;
}

.portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image img {
    height: calc(100% - 125px);
    width: auto;
}

.portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
    padding-top: calc(100% + 338px) !important;
}

.portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider .slide {
    padding-bottom: 460px;
}

@media (max-width : 1200px) {
    .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 315px !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg {
        height: 630px !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
        padding-top: calc(100% - 10px) !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 403px !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg {
        height: 806px !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image img {
        height: calc(100% - 125px);
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
        padding-top: calc(100% + 326px) !important;
    }

    .portfolio.portfolio-4.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 269px !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider .slide {
        padding-bottom: 137px;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider .slide {
        padding-bottom: 403px;
    }
}

@media (max-width : 992px) {
    .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 272px !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs .portfolio-desc span {
        height: 75px;
        width: 75px;
        top: -62px;
        right: 5px;
        font-size: 20px;
        line-height: 32px;
        line-height: 68px;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg {
        height: 545px !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
        padding-top: calc(100% + 50px) !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 342px !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg {
        height: 684px !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
        padding-top: calc(100% + 315px) !important;
    }

    .portfolio.portfolio-4.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 342px !important;
        width: 50% !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider .slide {
        padding-bottom: 134px;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider .slide {
        padding-bottom: 342px;
    }
}

@media (max-width : 768px) {

    .portfolio-masonry.portfolio .elementArticle.elementArticleTabs.masonry-item-responsive,
    .portfolio-masonry.portfolio .elementArticle.elementArticleTabsIcons.masonry-item-responsive {
        margin-bottom: 0px;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 393px !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image img {
        height: auto;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg {
        height: 393px !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
        padding-top: calc(100% - 65px) !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 392px !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image img {
        height: auto;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg {
        height: 392px !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
        padding-top: calc(100% - 70px) !important;
    }

    .portfolio.portfolio-4.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 392px !important;
        width: 100% !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider img {
        height: auto;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider .slide {
        padding-bottom: 0px;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider img {
        height: auto;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .fslider .slide {
        padding-bottom: 0px;
    }
}

@media (max-width: 480px) {
    .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 302px !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg {
        height: 302px !important;
    }

    .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
        padding-top: 100% !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 302px !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg {
        height: 302px !important;
    }

    .portfolio.portfolio-2.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs.darkBg .portfolio-image .masonry-portfolio-image {
        padding-top: 100% !important;
    }

    .portfolio.portfolio-4.portfolio-masonry .elementArticle.masonry-item-responsive.elementArticleTabs {
        height: 302px !important;
    }
}

/* ----------------------------------------------------------------
    Clients
-----------------------------------------------------------------*/
.clients-grid li:before {
    border-left: 1px solid #EDEDE9;
}

.clients-grid li:after {
    border-bottom: 1px solid #EDEDE9;
}

.clients-grid li a {
    opacity: 1;
    overflow: hidden;
}

.clients-grid li a img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    /* VERZÖGERUNG */
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.clients-grid li a:hover img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

/* ----------------------------------------------------------------
	Featurebox
-----------------------------------------------------------------*/
.feature-box {
    margin-bottom: 25px;
}

.feature-box .fbox-icon i {
    background-color: var(--secondary-color);
}

.feature-box h3 {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-size: 21px;
    text-transform: none;
    color: #404040;
    letter-spacing: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
}

.feature-box p {
    color: #404040;
    font-size: 17px;
    padding-top: 2px;
    margin-top: 0px;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
}

.feature-box.fbox-dark .fbox-icon i {
    background-color: #404040;
}

.feature-box.fbox-plain .fbox-icon i {
    color: var(--secondary-color);
}

.feature-box.fbox-light .fbox-icon i {
    background-color: #EDEDE9;
    border-color: #EDEDE9;
    color: #404040;
}

.feature-box.fbox-plain.fbox-light .fbox-icon i {
    color: var(--third-color);
}

/* ----------------------------------------------------------------
	Promoboxen
-----------------------------------------------------------------*/
.promo>span {
    font-size: 17px;
    font-weight: 400;
    color: #404040;
    text-transform: none;
}

.promo h3 {
    font-size: 30px;
    line-height: 50px;
    font-style: normal;
}

.promo a.button {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: var(--secondary-color) !important;
    color: #FFFFFF !important;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    right: 20px !important;
}

.promo a.button:hover, .promo a.button:focus {
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.promo.promo-border {
    border: 1px solid #ffffff;
    border-radius: 0px;
    background-color: #ffffff;
    padding: 20px !important;
    padding-right: 174px !important;
}

.promo.promo-border span {
    line-height: 22px;
}

@media (max-width: 991px) {
    .promo.promo-border {
        padding-right: 20px !important;
    }

    .promo.promo-border span {
        padding-bottom: 20px;
    }
}

.promo.promo-border h3 {
    font-size: 21px;
    line-height: 21px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #404040;
    margin-bottom: 16px;
}

/* Success - Promobox */
.success-promo .promo-border {
    background-color: var(--primary-color);
}

.success-promo .promo-border h3,
.success-promo .promo-border span {
    color: #ffffff !important;
}

/* ----------------------------------------------------------------
       Pricingboxes
-----------------------------------------------------------------*/
.ce_rsce_price .elementPricing .container,
.ce_rsce_price,
.elementPricing .ce_rsce_price {
    width: 100%;
    padding: 0px !important;
}

@media (max-width: 768px) {

    .ce_rsce_price .elementPricing.elementPricing2Columns .container,
    .ce_rsce_price .elementPricing.elementPricing3Columns .container {
        width: 100% !important;
    }
}

@media (max-width: 480px) {

    .ce_rsce_price .elementPricing.elementPricing2Columns .container,
    .ce_rsce_price .elementPricing.elementPricing3Columns .container {
        width: 100% !important;
    }
}

.pricing-box {
    border-radius: 0 !important;
    background-color: #FFFFFF;
    box-shadow: none;
}

.pricing-price, .pricing-box.best-price .pricing-price {
    font-size: 52px;
    font-weight: normal;
}

.pricing-title {
    text-shadow: unset !important;
    border-bottom: 1px solid #EDEDE9;
    background-color: #FFFFFF;
    padding: 20px 0;
}

.pricing-title h3 {
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 21px;
    color: #404040;
    text-transform: none;
}

.pricing-title span {
    text-transform: none;
}

.pricing-box.pricing-extended .pricing-meta, .pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {
    text-transform: none;
    font-weight: normal;
}

.pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {
    font-size: 17px !important;
    color: #404040;
}

.pricing-price:before {
    content: '';
    position: absolute;
    width: 100px;
    border-top: 1px solid #EDEDE9;
    top: 5px;
    bottom: auto;
    left: 50%;
    margin-left: -50px;
}

.pricing-box.best-price .pricing-price:before {
    content: '';
    position: absolute;
    width: 100px;
    border-top: 2px solid var(--secondary-color);
    top: 5px;
    bottom: auto;
    left: 50%;
    margin-left: -50px;
}

.pricing-price:after {
    border-top: none;
}

.elementPricing .pricing-desc {
    background-color: #FFFFFF;
}

.pricing-box.pricing-extended {
    border: none !important;
}

.elementPricing .pricing-image img {
    padding: 10px;
}

@media (max-width: 768px) {
    .elementPricing .pricing-image img {
        padding: 0px;
    }
}

.elementPricing.elementPricing2Columns .pricing-box, .elementPricing.elementPricing3Columns .pricing-box {
    border: none;
}

.elementPricing .pricing-box.best-price .pricing-price {
    background-color: #FFFFFF !important;
    color: #404040;
}

.elementPricing .pricing-box.best-price .pricing-price .price-unit {
    font-family: corporate-s, sans-serif;
    font-size: 17px;
    color: #404040;
}

.elementPricing.elementPricing2Columns .pricing-box .pricing-price,
.elementPricing.elementPricing3Columns .pricing-box .pricing-price,
.elementPricing.elementPricing4Columns .pricing-box .pricing-price,
.elementPricing.elementPricing5Columns .pricing-box .pricing-price {
    background-color: #FFFFFF;
}

.elementPricing.elementPricing2Columns .pricing-box .pricing-features, .elementPricing.elementPricing3Columns .pricing-box .pricing-features {
    border-bottom: 1px solid transparent;
}

.elementPricing.elementPricing2Columns .pricing-title,
.elementPricing.elementPricing3Columns .pricing-title,
.elementPricing.elementPricing4Columns .pricing-title,
.elementPricing.elementPricing5Columns .pricing-title {
    border-bottom: none;
}

.pricing-box.pricing-extended .pricing-action-area {
    border-left: 1px solid transparent;
    background-color: #EDEDE9;
}

.pricing-box.pricing-extended .pricing-features li, .pricing-features li {
    font-size: 17px;
    font-family: corporate-s, sans-serif;
    color: #404040;
}

.pricing-box.pricing-extended .pricing-features ul li i,
.pricing-box .pricing-features ul li i {
    margin-right: 7px;
    color: var(--secondary-color);
    font-weight: 700;
}

.pricing-box.pricing-extended .pricing-meta, .pricing-title span {
    color: #404040;
    font-size: 20px;
    font-family: corporate-s, sans-serif;
    text-transform: none;
    padding-bottom: 5px;
    font-weight: normal;
}

.pricing-action {
    padding: 15px 30px;
    padding-bottom: 20px;
}

.pricing-price {
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    font-size: 48px !important;
    color: #404040;
    text-transform: none;
}

.pricing-price span.price-tenure {
    color: #404040;
    text-transform: none !important;
    font-family: corporate-s, sans-serif;
    font-size: 17px !important;
    font-weight: normal !important;
}

.elementPricing .pricing-action .button,
.elementPricing.elementPricing2Columns .btn,
.elementPricing.elementPricing3Columns .btn,
.elementPricing.elementPricing4Columns .btn,
.elementPricing.elementPricing5Columns .btn {
    text-transform: inherit;
    text-shadow: none;
    border: 0;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: var(--secondary-color) !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: block;
    text-align: center;
}

#content .elementPricing .pricing-action .button:hover,
#content .elementPricing .pricing-action .button:focus,
#content .elementPricing.elementPricing2Columns .btn:hover,
#content .elementPricing.elementPricing2Columns .btn:focus,
#content .elementPricing.elementPricing3Columns .btn:hover,
#content .elementPricing.elementPricing3Columns .btn:focus,
#content .elementPricing.elementPricing4Columns .btn:hover,
#content .elementPricing.elementPricing4Columns .btn:focus,
#content .elementPricing.elementPricing5Columns .btn:hover,
#content .elementPricing.elementPricing5Columns .btn:focus {
    background-color: var(--primary-color) !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

/* ----------------------------------------------------------------
        PIM Objectlist
-----------------------------------------------------------------*/
.object-list {
    background-color: #F8F8F6;
}

.object-list__filters, body.object-list-filters-open .object-list__filters {
    z-index: 1000 !important;
    height: 100%;
}

.object-list__map-objects {
    bottom: 100px;
}

#content .object-list__map {
    height: calc(100vh - 133px);
}

#content .object-list__objects {
    margin-bottom: 110px;
}

.object-list__object {
    margin-bottom: 0px;
}

.object-list__object-image {
    overflow: hidden;
}

@media (min-width: 768px) {
    .object-list__object-image {
        margin-bottom: 0px;
    }
}

/* Fonts */
.ce_app_object_list h4 {
    font-size: 21px;
    line-height: 21px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #404040;
    padding-bottom: 16px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    margin-bottom: 0px;
    padding-bottom: 16px;
}

@media (max-width: 992px) {
    .ce_app_object_list .object-map-preview__content h4 {
        padding: 0px;
    }
}

.object-list__object-title {
    max-width: 100%;
}

.ce_app_object_list .entry-meta {
    margin: 0;
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
}

.object-list__object-trustyou {
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}

#content .object-list__object-content {
    background-color: #fff;
    min-height: 165px;
    position: relative;
    z-index: 0;
}

.ce_app_object_list .entry-meta li {
    line-height: 22px;
    font-size: 17px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    color: #404040 !important;
}

.ce_app_object_list .object-list__total {
    font-weight: 700;
    color: #404040;
}

@media (max-width: 767px) {
    .ce_app_object_list .object-list__total {
        font-size: 15px;
    }
}

.ce_app_object_list .object-list__sorting-text {
    line-height: 21px;
    font-size: 17px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    color: #404040 !important;
}

#content .ce_app_object_list a.object-map-window--link:hover,
#content .ce_app_object_list a.object-map-window--link:focus {
    text-decoration: none !important;
    color: #404040 !important;
    background-color: transparent;
}

#content .ce_app_object_list .object-map-window--content p {
    color: #404040;
}

#content .ce_app_object_list .object-map-window--content ul {
    padding: 0;
}

#content .ce_app_object_list .object-map-window--content ul li {
    margin-bottom: 5px;
}

#content .ce_app_object_list .object-map-window--content h4 {
    padding: 0;
    margin-bottom: 5px;
}

/* Colors */
.object-list__total-number,
.ce_app_object_list .entry-meta li i {
    color: var(--third-color);
    font-weight: 700;
}

.ce_app_object_list .entry-meta li i {
    font-size: 22px;
    margin-right: 5px;
    color: var(--third-color);
}

.ce_app_object_list .icon-star3:before {
    color: var(--third-color);
}

.ce_app_object_list .object-list__filters .object-list__filters-header {
    border-bottom: 1px solid #ded9d5;
    background-color: #FFFFFF;
    padding: 8px;
    height: 55px;
}

.ce_app_object_list .dropdown-menu>li>a:focus, .ce_app_object_list .dropdown-menu>li>a:hover {
    background-color: #ded9d5;
    color: #000000 !important;
}

.ce_app_object_list .object-list__map .object-map-preview__description {
    color: #404040;
    font-size: 15px;
    line-height: 16px;
}

#infscr-loading {
    background-color: var(--secondary-color);
}

/* Buttons / Dropdowns */
.ce_app_object_list .dropdown-toggle.btn-default {
    transition: all .2s ease-in-out;
    padding: 10px 25px 10px 16px;
    margin-left: 0px;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    background-color: #EDEDE9 !important;
    color: var(--third-color) !important;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    padding: 0px;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    height: 43px;
    letter-spacing: 0px;
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
    border: none;
}

.ce_app_object_list .dropdown-toggle.btn-default .filter-option {
    color: var(--third-color) !important;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}

.ce_app_object_list .object-list__filters-widget-nearby-me-button button {
    height: 43px;
    transition: all .2s ease-in-out;
    border-radius: 0px;
    font-size: 14px;
    border: none;
}

.ce_app_object_list .object-list__filters-widget-nearby-me-button button:hover {
    font-size: 14px;
}

.ce_app_object_list .object-list__trigger,
.ce_app_object_list .object-list__filters .object-list__filters-close,
.ce_app_object_list .object-list__filters-submit {
    padding: 0px 22px;
    font-size: 14px;
    transition: all .2s ease-in-out;
    color: #ffffff;
    border: none;
    cursor: pointer;
    height: 40px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
    color: #fff !important;
    background-color: var(--primary-color);
    font-weight: 400;
    font-size: 16px;
    font-family: corporate-s, sans-serif;
}

.ce_app_object_list .object-list__trigger:hover,
.ce_app_object_list .object-list__trigger:focus,
.ce_app_object_list .object-list__filters .object-list__filters-close:hover,
.ce_app_object_list .object-list__filters .object-list__filters-close:focus,
.ce_app_object_list .object-list__filters-submit:hover,
.ce_app_object_list .object-list__filters-submit:focus {
    background-color: #404040 !important;
    color: #FFF;
}

@media (max-width: 767px) {

    .ce_app_object_list .object-list__trigger,
    .ce_app_object_list .object-list__filters .object-list__filters-close,
    .ce_app_object_list .object-list__filters-submit {
        padding: 6px 9px;
    }
}

/* Filter */
.ce_app_object_list .object-list__filters-widget {
    border-bottom: 1px solid #EDEDE9;
}

.ce_app_object_list .object-list__filters::before {
    background-color: rgba(0, 0, 0, 0.7) !important;
    width: 100vw !important;
}

.ce_app_object_list .object-list__filters-widget-nearby-me-location .form-group .form-control {
    display: block;
    width: 100%;
    height: 43px;
    padding: 8px 14px;
    border-radius: 0 !important;
    box-shadow: none;
    border-color: #404040;
    color: #404040;
    font-size: 17px;
    line-height: 25px;
    border: 1px solid #EDEDE9;
}

.ce_app_object_list .object-list .checkbox-style:checked+.checkbox-style-3-label:before, .object-list .radio-style:checked+.radio-style-3-label:before {
    background: var(--primary-color);
}

.ce_app_object_list .object-list__filters-widget-field label::before {
    border: 2px solid #EDEDE9;
}

.ce_app_object_list .object-list .form-control {
    height: 43px;
    border-radius: 0px;
}

.ce_app_object_list .object-list .algolia-autocomplete .aa-hint, .object-list .algolia-autocomplete .aa-input {
    display: block;
    width: 100%;
    height: 43px;
    padding: 8px 14px;
    border-radius: 0 !important;
    box-shadow: none;
    border-color: #404040;
    color: #404040;
    font-size: 17px;
    line-height: 25px;
    border: 1px solid #EDEDE9;
}

.ce_app_object_list .object-list__filters-widget-label span {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0;
    color: #404040 !important;
    font-family: corporate-s, sans-serif;
    font-weight: 700 !important;
    font-style: normal;
    text-transform: none;
}

.ce_app_object_list .object-list__filters-reset-box {
    justify-content: flex-start;
}

.ce_app_object_list .object-list__filter-tags-item, .ce_app_object_list .object-list__filters-reset {
    font-size: 18px;
    background-color: transparent !important;
    color: var(--third-color) !important;
    transition: all .2s ease-in-out;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 0px 22px;
    line-height: 14px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #EDEDE9;
    border-color: var(--third-color) !important;
    display: inline-block !important;
    width: auto;
}

.ce_app_object_list .object-list__filter-tags-item:hover, .ce_app_object_list .object-list__filters-reset:hover,
.ce_app_object_list .object-list__filter-tags-item:hover, .ce_app_object_list .object-list__filters-reset:focus {
    font-size: 18px;
    background-color: var(--third-color) !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 0px 22px;
    line-height: 14px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.ce_app_object_list .object-list__filter-tags-item,
.ce_app_object_list .object-list__filter-tags-item:hover,
.ce_app_object_list .object-list__filter-tags-item:focus {
    font-size: 15px;
    padding: 0px 7px;
    height: 30px;
}

/* Hover Images (optional) */
.ce_app_object_list .object-list__object-image img {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.ce_app_object_list .object-list__object:hover .object-list__object-image img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

@media (max-width: 767px) {
    .object-list__map-location {
        top: 70px;
    }
}

@media (max-width: 991px) {
    .ce_app_object_list h4 {
        font-size: 21px;
        line-height: 21px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #404040 !important;
    }

    /* Muss pro Mandant eingestellt werden */
    .object-list__map-inside {
        height: calc(100% - 101px);
    }

    .object-list__object {
        margin: 0 !important;
    }
}

@media (max-width: 767px) {

    /* Muss pro Mandant eingestellt werden */
    .object-list__map-inside {
        height: calc(100% - 73px);
    }

    .object-list__object {
        margin-left: 0px;
        border-top: none;
    }

    #content .object-list__object-content {
        min-height: initial;
        padding-left: 0px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #content .object-list__map {
        height: 100%;
        top: 0px;
    }
}

/* ----------------------------------------------------------------
       PIM Detail
-----------------------------------------------------------------*/
#content .contentPoiDetail {
    background-color: #F8F8F6;
}

@media (max-width: 480px) {
    #content .contentPoiDetail>.row {
        margin: 0px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

#content .contentPoiDetail .associations {
    margin-left: 30px;
    margin-right: 30px;
}

@media (max-width: 480px) {
    #content .contentPoiDetail .associations {
        margin-left: 45px;
        margin-right: 45px;
    }
}

#content .ce_map .leaflet-container {
    z-index: 0;
}

#content .contentPoiDetail .lead {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    color: #404040;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    font-style: normal;
}

#content .contentPoiDetail p {
    font-size: 19px;
    line-height: 26px;
}

.contentPoiDetail h5 {
    text-transform: none;
    letter-spacing: 0px;
}

@media (min-width: 991px) {
    .contentPoiDetail .widget.col-md-5 {
        width: 100% !important;
    }
}

.contentPoiDetail .widget>h4 {
    letter-spacing: 0px;
    text-transform: none;
    font-size: 30px;
    line-height: 60px;
    letter-spacing: 0;
    color: var(--third-color);
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.contentPoiDetail .sidebar-widgets-wrap .widget {
    border-top: 1px solid #EDEDE9;
}

.contentPoiDetail .sidebar-widgets-wrap .widget:first-child {
    border-top: 1px solid transparent;
}

#content .contentPoiDetail .slidedownBox address p {
    line-height: 40px;
}

#content .contentPoiDetail .flatWeatherPlugin div.wiToday>p.wiTemperature {
    font-size: 58px;
    line-height: 104px;
}

#content .contentPoiDetail .flatWeatherPlugin .wiToday .wiIconGroup div.wi {
    font-size: 245%;
}

#content .contentPoiDetail .icon-star3 {
    font-size: 20px;
}

#content .contentPoiDetail .icon-star3:before {
    color: var(--third-color);
}

#content .contentPoiDetail .btn.btn-success {
    border-color: var(--primary-color);
}

#content .contentPoiDetail .btn.btn-success:hover {
    border-color: #EDEDE9;
}

#content .contentPoiDetail .elementCarouselPost .owl-nav.disabled {
    display: block !important;
}

#content .contentPoiDetail .elementCarouselPost .owl-nav .owl-next {
    right: -35px !important;
}

#content .contentPoiDetail .elementCarouselPost .owl-nav .owl-prev {
    left: -35px !important;
}

#content .contentPoiDetail .ce_app_object_teaser .elementArticle.elementArticleStandard.noBg {
    height: 350px;
    margin-bottom: 0px;
}

.contentPoiDetail .features ul li {
    margin: 0 10px 10px 0;
    padding: 10px 20px;
    display: block;
    background: #f2f2f2;
    border-radius: 100px;
    font-size: 17px;
    background-color: transparent !important;
    color: var(--primary-color) !important;
    transition: all .2s ease-in-out;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 0px 18px;
    line-height: 29px;
    margin-left: 0px;
    height: 33px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    border: 2px solid #EDEDE9;
    border-color: var(--primary-color) !important;
    display: inline-block !important;
    width: auto;
}

.contentPoiDetail .object-labels-item {
    border: 1px solid #EDEDE9;
}

#content .contentPoiDetail .widgetWeather {
    margin-left: -15px;
    width: calc(100% + 30px);
}

/* Video */
#content .contentPoiDetail .fluid-width-video-wrapper {
    padding-top: 56% !important;
}

@media (max-width: 480px) {
    #content .contentPoiDetail .widgetWeather {
        margin-left: 0px;
        width: 100%;
    }

    #content .contentPoiDetail .content-wrap>.container,
    #content .contentPoiDetail .content-wrap .col-md-8,
    #content .contentPoiDetail .content-wrap .col-md-3 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 320px) {

    #content .contentPoiDetail .content-wrap>.container,
    #content .contentPoiDetail .content-wrap .col-md-8,
    #content .contentPoiDetail .content-wrap .col-md-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#content .contentPoiDetail .dateDetail {
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-size: 15px;
    background-color: rgba(145, 144, 118, 0.6);
    padding: 15px 10px;
}

#content .contentPoiDetail .dateDetail span {
    color: #ffffff;
    text-shadow: none;
    line-height: 22px;
    font-size: 17px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
}

#content .contentPoiDetail .dateDetail .da-number {
    color: #ffffff;
    text-shadow: none;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 55px;
    line-height: 55px;
}

#content .contentPoiDetail .elementOpeningHours .panel-heading,
#content .contentPoiDetail .elementOpeningHours .panel-body {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 768px) {
    #content .contentPoiDetail .flatWeatherPlugin .wiDetail ul+ul {
        width: 50%;
        padding-left: 10px !important;
    }
}

#content .contentPoiDetail .calltoactionslide .container {
    background-color: #404040;
}

@media (max-width: 480px) {
    #content .contentPoiDetail .calltoactionslide h4 {
        margin-left: -15px;
        font-size: 19px;
    }

    #content .contentPoiDetail .calltoactionslide .container {
        padding: 0;
    }
}

@media (max-width: 320px) {
    #content .contentPoiDetail .calltoactionslide h4 {
        margin-left: 0px;
    }
}

/* ----------------------------------------------------------------
       Colapsibles, FAQ
    -----------------------------------------------------------------*/
.ce_rsce_collapsibles .toggle.toggle-border,
.mod_faqpage .toggle.toggle-border {
    border: none;
    border-top: 4px solid #EDEDE9;
    margin: 0px;
    border-radius: 0px;
}

.section.light .ce_rsce_collapsibles .toggle.toggle-border,
.section.light .mod_faqpage .toggle.toggle-border {
    border-top: 4px solid #F8F8F6;
}

.ce_rsce_collapsibles .elementToggle:last-child,
.mod_faqpage .elementToggle:last-child {
    border-top: 4px solid transparent;
    border-bottom: 4px solid #EDEDE9;
}

.section.light .ce_rsce_collapsibles .elementToggle:last-child,
.section.light .mod_faqpage .elementToggle:last-child {
    border-top: 4px solid transparent;
    border-bottom: 4px solid #F8F8F6;
}

.ce_rsce_collapsibles .togglet,
.mod_faqpage .togglet {
    background-color: transparent;
    padding-left: 0px !important;
    font-size: 30px;
    line-height: 60px !important;
    letter-spacing: 0;
    color: var(--third-color) !important;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ce_rsce_collapsibles .togglec .text p a,
.mod_faqpage .togglec .text p a {
    font-size: 19px;
    color: #404040;
    text-decoration: underline !important;
}

.ce_rsce_collapsibles .togglec .text p a:hover,
.mod_faqpage .togglec .text p a:hover {
    text-decoration: none !important;
}

.ce_rsce_collapsibles .toggle.toggle-border .togglet i,
.mod_faqpage .toggle.toggle-border .togglet i {
    left: auto;
    right: 9px;
    line-height: 50px;
    font-size: 32px;
    top: 4px;
}

.ce_rsce_collapsibles .icon-line2-question:before,
.mod_faqpage .icon-line2-question:before {
    content: "\e7a7";
}

.ce_rsce_collapsibles .icon-line2-close:before,
.mod_faqpage .icon-line2-close:before {
    content: "\e7a6";
}

.ce_rsce_collapsibles .toggle.toggle-border .togglec,
.mod_faqpage .toggle.toggle-border .togglec {
    padding: 0px;
    height: auto;
    margin: 0px;
}

.mod_faqpage .info {
    display: none;
}

/* ----------------------------------------------------------------
        SBB Widget
    -----------------------------------------------------------------*/
.formWidgetSBB {
    margin-left: -15px;
    width: calc(100% + 30px) !important;
}

.formWidgetSBB .btn-primary.btn-success {
    border: 0px;
}

/* ----------------------------------------------------------------
        Testimonial
    -----------------------------------------------------------------*/
.testimonial.testimonial-full {
    padding: 0px !important;
    padding-top: 0px !important;
    background-color: #ffffff;
    border-radius: 0px;
    margin-bottom: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

#content .testimonial-full .slider-wrap,
#content .testimonial-full .slider-wrap .slide {
    overflow: visible;
}

#content .testimonial-full .slide .testimonial::before {
    content: "";
    width: 35px !important;
    height: 80px;
    background-color: var(--primary-color);
    display: block;
    position: absolute;
    top: -20px;
    left: calc(50% - 35px);
    color: #ffffff;
    position: absolute;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 16px solid #ffffff;
}

#content .testimonial-full .slide .testimonial::after {
    content: "„";
    width: 70px !important;
    height: 90px;
    background-color: transparent;
    display: block;
    position: absolute;
    top: -35px;
    left: calc(50% - 18px);
    color: #ffffff;
    position: absolute;
    font-size: 105px;
    font-family: corporate-s, sans-serif;
    vertical-align: middle;
    font-weight: 400;
    line-height: 10px;
}

.testimonial {
    padding: 0px;
    border: none;
    background-color: transparent;
    overflow: visible;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: none;
}

#content .testimonial-full .testi-content p {
    border-left: 0;
    width: 80%;
    margin: 0 auto;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    color: var(--third-color);
    font-family: corporate-s, sans-serif;
    font-weight: 400;
    font-style: normal;
}

@media (max-width: 480px) {
    #content .testimonial-full .testi-content p {
        width: 90%;
    }
}

.testimonial-full .testi-meta {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0;
    color: #404040;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-top: 5px;
    margin-bottom: 25px;
    text-transform: inherit;
}

.testimonial-full .testi-meta span {
    line-height: 22px;
    font-size: 17px;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #404040;
}

.testimonial-full .testi-meta:before {
    display: none;
}

.testimonial-full .testi-image {
    margin-bottom: 0px;
    width: 120px;
    height: 210px;
    padding-top: 80px;
}

.testimonial-full .testi-image img, .testimonial-full .testi-image a {
    width: 120px;
    height: 120px;
}

.testimonial.testimonial-full .flex-control-nav {
    position: absolute;
    bottom: -20px;
    top: auto;
    right: auto;
    left: calc(50% - 26px);
    margin-top: 0px;
}

.testimonial.testimonial-full .flex-control-nav li {
    float: left;
    display: block;
    margin: 0 3px;
    width: 20px;
    height: 20px
}

.testimonial.testimonial-full .flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    border: 1px solid var(--primary-color);
    background-color: #ffffff;
}

.testimonial.testimonial-full .flex-control-nav li a.flex-active {
    background-color: var(--primary-color);
}

/* ----------------------------------------------------------------
        Filter
    -----------------------------------------------------------------*/
.portfolio-filter li:first-child a,
.portfolio-filter li:last-child a {
    border-radius: 0px;
}

.portfolio-filter.style-1 {
    margin-bottom: 20px !important;
}

.portfolio-filter li a {
    display: block;
    position: relative;
    padding: 12px 18px;
    font-size: 13px;
    line-height: 15px;
    color: var(--primary-color);
    border-left: 1px solid #EDEDE9;
    background-color: #ffffff;
    font-weight: 400;
    font-family: corporate-s, sans-serif;
    height: 42px;
    font-size: 16px;
}

.portfolio-filter li a:hover {
    color: var(--primary-color);
}

.portfolio-filter li.activeFilter a {
    color: #fff !important;
    background-color: var(--primary-color);
    margin: 0px 0;
    padding: 13px 18px;
    font-weight: 400;
    font-size: 16px;
    font-family: corporate-s, sans-serif;
}

@media (max-width: 767px) {
    .elementArticleFilter .portfolio-filter {
        margin-left: -10px;
        margin-right: 0px;
        width: calc(100% + 10px);
    }

    .elementArticleFilter .portfolio-filter li {
        margin-bottom: 12px !important;
        height: 42px;
    }

    .elementArticleFilter .portfolio-filter a, .portfolio-filter li.activeFilter a {
        margin-left: 10px;
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 14px;
        margin-top: 0px;
        height: 42px;
        border-left: 0px;
    }
}

/* ----------------------------------------------------------------
        Weather
    -----------------------------------------------------------------*/
.flatWeatherPlugin .wiToday {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EDEDE9;
}

#content .flatWeatherPlugin .wiDetail p.wiDay {
    font-size: 19px;
    line-height: 24px;
    font-style: normal;
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}

.flatWeatherPlugin .wiDetail ul li {
    line-height: 40px;
    font-size: 19px;
    color: #404040;
}

.flatWeatherPlugin .wiDetail ul li:before {
    font-size: 25px;
    vertical-align: middle;
    color: #404040;
    margin-right: 15px;
}

.flatWeatherPlugin ul.wiForecasts li>span {
    font-size: 19px;
    line-height: 24px;
    font-style: normal;
    font-family: corporate-s, sans-serif;
    font-weight: 400;
}

.flatWeatherPlugin ul.wiForecasts ul.wiForecast li.wi:before {
    font-size: 25px;
    vertical-align: super;
    color: #404040;
}

.flatWeatherPlugin ul.wiForecasts ul.wiForecast li {
    font-size: 19px;
    line-height: 24px;
}

.flatWeatherPlugin sup {
    opacity: 1;
    color: #404040;
    font-size: 80%;
}

#content .flatWeatherPlugin div.wiToday>p.wiTemperature {
    font-size: 78px;
    line-height: 114px;
}

/* ----------------------------------------------------------------
        Sospo
    -----------------------------------------------------------------*/
.ce_app_sospo_data .heading-block>span:not(.before-heading) {
    text-transform: none;
    font-size: 19px;
    line-height: 24px;
    color: var(--third-color);
    font-family: corporate-s, sans-serif;
}

.ce_app_sospo_data .heading-block:after {
    border-top: 2px solid #404040;
}

.ce_app_sospo_data .heading-block {
    margin-bottom: 20px;
}

.ce_app_sospo_data .counter.counter-large {
    vertical-align: baseline;
    top: -10px;
    position: relative;
    color: #404040;
    font-weight: 400;
    font-size: 28px;
    font-family: corporate-s, sans-serif;
}

.ce_app_sospo_data .counter.counter-large span {
    font-size: 48px;
    color: #404040;
    top: 21px;
    position: relative;
    font-weight: 400;
}

.ce_app_sospo_data .counter.counter-lined+h5:before {
    opacity: 1;
    margin: 12px auto 12px auto;
    border-top: 1px solid #404040;
}

.ce_app_sospo_data .counter.counter-large+h5 {
    text-transform: none;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    color: #404040;
    font-size: 19px;
    line-height: 24px;
}

/* ----------------------------------------------------------------
        Wispo
    -----------------------------------------------------------------*/
.section.wispo-title .widgetHydrodata>div {
    display: none;
}

.section.wispo-title .widgetHydrodata>div.heading-block {
    display: block;
    margin-bottom: 0px;
}

.section.wispo-title div.heading-block h2 {
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--third-color);
    font-family: corporate-s, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
}

.section.wispo-title div.heading-block span {
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    color: #404040;
    font-size: 19px;
    line-height: 26px;
}

.ce_rsce_collapsibles .widgetHydrodata>div.heading-block,
.ce_rsce_collapsibles .widgetHydrodata>div h2 {
    display: none;
}

.ce_rsce_collapsibles .ce_app_wispo_data {
    padding: 0px !important;
}

.hidden-widget .widgetHydrodata {
    display: none;
}

.widgetHydrodata .table>tbody>tr>td,
.widgetHydrodata .table>tbody>tr>th,
.widgetHydrodata .table>tfoot>tr>td,
.widgetHydrodata .table>tfoot>tr>th,
.widgetHydrodata .table>thead>tr>td,
.widgetHydrodata .table>thead>tr>th {
    border-top: 1px solid #EDEDE9;
}

.widgetHydrodata .table-striped>tbody>tr:nth-child(odd) {
    background-color: #EDEDE9;
}

.widgetHydrodata .table>tbody>tr>th {
    font-weight: 700;
    font-size: 19px;
    width: 75%;
}

.widgetHydrodata .table>tbody>tr>td {
    text-align: left;
    font-family: 'Assistant', sans-serif;
    font-size: 19px !important;
    font-weight: 400;
    color: #404040;
}

/* ----------------------------------------------------------------
        Öffnungszeiten
    -----------------------------------------------------------------*/
.elementOpeningHours .panel {
    background-color: transparent;
}

.elementOpeningHours .panel-default {
    border-color: transparent;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

.elementOpeningHours .panel-default>.panel-heading {
    background-color: transparent;
    border-radius: 0px;
    color: #404040;
    border-bottom: 2px solid #404040;
    font-size: 19px;
    font-weight: 700;
    padding: 8px;
}

.elementOpeningHours .table td {
    border-top: 1px solid #ded9d5;
    font-family: corporate-s, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
}

/* ----------------------------------------------------------------
        Newsreader Detail
-----------------------------------------------------------------*/
#page-title .elementBreadcrumb .entry-meta {
    margin: 0px 5px 0 15px !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 12px;
    float: left;
    position: absolute;
    top: 25px;
    left: 0px;
}

#page-title .elementBreadcrumb .entry-meta li {
    font-family: corporate-s, sans-serif;
    font-style: normal;
    color: #FFFFFF;
    font-size: 15px;
    text-transform: none;
    background-color: rgba(145, 144, 118, 0.6);
    padding: 0px 10px;
    line-height: 25px;
}

.mod_newsreader {
    padding-top: 15px;
}

@media (max-width: 480px) {
    .mod_article .mod_newsreader {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.mod_newsreader .layout_full .row .ce_text .image_container,
.mod_newsreader .layout_full .row .content-text .image_container {
    padding-bottom: 30px;
}

.mod_newsreader .layout_full .row .ce_text .image_container .caption,
.mod_newsreader .layout_full .row .content-text .image_container .caption {
    font-size: 15px;
    padding-top: 5px;
    color: var(--third-color);
}

@media (max-width: 767px) {
    #page-title .elementBreadcrumb .entry-meta {
        text-align: left;
        margin-left: 0px !important;
        left: 15px;
        top: 50px;
    }

    #page-title .elementBreadcrumb .entry-meta {
        display: inline-block;
    }
}

@media (max-width: 480px) {
    #page-title .elementBreadcrumb .entry-meta {
        left: 0px;
    }
}

/* ----------------------------------------------------------------
        Karte OpenStreetmap
    -----------------------------------------------------------------*/
.marker-cluster-small div {
    background-color: rgba(97, 86, 137, 1);
}

.marker-cluster-small {
    background-color: rgba(97, 86, 137, 0.6);
}

.marker-cluster-small div span {
    color: #FFFFFF;
}

.marker-cluster-medium div {
    background-color: rgba(255, 204, 0, 1);
}

.marker-cluster-medium {
    background-color: rgba(255, 204, 0, 0.6);
}

/* ----------------------------------------------------------------
        Webcam
    -----------------------------------------------------------------*/
.webcam-wrapper img {
    min-height: 100%;
}

/* ----------------------------------------------------------------
        Flocker
    -----------------------------------------------------------------*/
@media (max-width: 767px) {
    .flockler-grid-items[data-container-width=">=0"] .flockler-grid-item {
        max-width: 100%;
        width: calc(1 / 1 * 50%);
    }
}

/* ----------------------------------------------------------------
        Footer
    -----------------------------------------------------------------*/
#footer {
    border-top: none;
    background-color: transparent;
    padding-top: 0px;
    z-index: 10000;
}

@media (max-width: 480px) {
    #footer .ce_column,
    #footer .ce_app_grid_column_start {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.primary-menu-open #footer, .mobile-menu-open #footer,
.top-search-open #footer {
    z-index: 1;
}

#footer .section {
    background-color: #EDEDE9 !important;
    padding-bottom: 30px !important;
}

@media (max-width: 480px) {
    #footer .section {
        padding-bottom: 15px !important;
    }
}

#footer #copyrights .section {
    padding-bottom: 0px !important;
    height: 30px;
}

#footer .footer-widgets-wrap .widget_links li {
    padding: 0;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--third-color);
}

#footer .footer-widgets-wrap .widget_links li:last-child {
    border-bottom: none;
}

#footer .footer-widgets-wrap .widget_links li a {
    background: none;
    padding-left: 0;
    font-size: 17px;
    line-height: 36px;
    font-family: "corporate-s", sans-serif !important;
    font-weight: 400;
    color: var(--third-color) !important;
    text-transform: none;
}

#footer .footer-widgets-wrap .widget_links li a:before,
#footer .footer-widgets-wrap .widget_links li a::before {
    content: "›";
    font-size: 17px;
    font-style: normal;
    line-height: 36px;
    font-family: "corporate-s", sans-serif !important;
    font-weight: 400;
    color: var(--third-color) !important;
    padding-right: 5px;
}

#footer .footer-widgets-wrap .widget_links li:hover a:before,
#footer .footer-widgets-wrap .widget_links li:hover a::before {
    color: var(--primary-color) !important;
}

#footer .footer-widgets-wrap .elementAdress p span {
    color: var(--third-color) !important;
    font-size: 17px;
    font-style: normal;
    line-height: 21px;
    font-family: "corporate-s", sans-serif !important;
    font-weight: 400;
    text-transform: none;
}

#footer .footer-widgets-wrap .elementAdress p span a {
    color: var(--third-color) !important;
    font-size: 17px;
    font-style: normal;
    line-height: 21px;
    font-family: "corporate-s", sans-serif !important;
    font-weight: 400;
    text-transform: none;
    text-decoration: underline !important;
}

#footer abbr[data-original-title], #footer abbr[title] {
    border-bottom: none;
    color: var(--third-color) !important;
}

#footer .footer-widgets-wrap .elementAdress p span a:hover {
    color: var(--primary-color) !important;
}

#footer .footer-widgets-wrap .ce_rsce_address,
#footer .footer-widgets-wrap .ce_app_footer_navigation,
#footer .footer-widgets-wrap .ce_rsce_footer_links {
    width: 100% !important;
}

#footer .footer-widgets-wrap .widget_links h4 {
    margin-bottom: 15px;
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: corporate-s;
    text-transform: none;
}

#footer address {
    margin-bottom: 10px !important;
}

#footer address p,
#footer address span,
#footer address span a {
    color: var(--third-color);
}

#footer .ce_rsce_address h4 {
    margin-bottom: 22px;
}

#footer .footer-widgets-wrap .widget_links h4 a, #footer .ce_rsce_address h4 {
    margin-bottom: 15px;
    color: #646463;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: corporate-s, sans-serif;
    text-transform: none;
}

#footer .footer-widgets-wrap .widget_links li:hover a,
#footer a:hover {
    color: var(--primary-color) !important;
}

#footer #copyrights a:hover {
    color: #EDEDE9 !important;
}

#footer .widget_links>ul {
    margin-top: 0px !important;
}

#footer .footer-widgets-wrap ::selection,
#copyrights ::selection,
#header ::selection,
#page-title ::selection {
    background: #404040;
}

#copyrights {
    background-color: var(--primary-color) !important;
    margin-top: 0px;
    padding: 0px;
}

#footer #copyrights .section {
    background-color: transparent !important;
}

.copyrights-menu {
    margin-bottom: 0px;
}

#footer #copyrights .copyright-links,
#footer #copyrights .copyright-links a,
#footer #copyrights p {
    color: #ffffff;
    line-height: 28px;
}

#footer #copyrights p {
    margin-bottom: 0;
    line-height: 28px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

#footer #copyrights span.verticalLine {
    color: #ffffff;
}

@media (max-width: 479px) {
    #footer #copyrights span.verticalLine {
        display: none;
    }
}

@media (max-width: 991px) {
    #footer #copyrights {
        padding-bottom: 7px;
        padding-top: 5px;
        min-height: 96px;
    }
}

@media (max-width: 768px) {
    #footer #copyrights {
        padding-bottom: 7px;
        padding-top: 5px;
    }

    #footer #copyrights p {
        text-align: center !important;
    }

    .copyrights-menu {
        text-align: center !important;
    }
}

#footer .elementSocialIcons i {
    color: var(--third-color);
    font-size: 29px;
}

#footer .elementSocialIcons a:hover i {
    color: var(--primary-color) !important;
}

#footer .social-icon.si-small {
    margin-left: 0px;
    margin-right: 12px;
}

#footer .elementSocialIcons .fright {
    float: left !important;
    height: 25px;
    margin-top: 47px;
    margin-left: 0px;
}

#footer .logo-vgl-footer-mobile {
    padding-top: 20px;
    width: 50%;
    float: right;
}

@media (max-width: 992px) {
    #footer .logo-vgl-footer-mobile {
        padding-top: 20px;
        width: 167px;
        float: right;
    }
}

@media (max-width: 767px) {
    #footer .logo-vgl-footer-mobile {
        /*margin-top: 25px;*/
    }
}

#footer .footer-widgets-wrap {
    padding: 0px 5px !important;
}

@media (max-width: 1200px) {
    #footer .elementSocialIcons .fright {
        margin-top: 19px;
    }
}

@media (max-width: 991px) {
    #copyrights h2 {
        margin-bottom: 0px;
    }

    .mod_changelanguage .btn.dropdown-toggle.btn-default {
        margin-top: -30px !important;
        margin-bottom: 35px;
    }
}

@media (max-width: 768px) {
    .mod_changelanguage .btn.dropdown-toggle.btn-default {
        margin-top: 45px !important;
        margin-bottom: 35px;
    }

    #footer .elementSocialIcons .fright {
        margin-top: 16px;
    }

    #copyrights h2 {
        margin-top: 0px;
        font-size: 20px;
        line-height: 25px;
    }

    #footer .footer-widgets-wrap .widget_links ul {
        margin-bottom: 25px;
    }
}

@media (max-width: 480px) {
    #footer .footer-widgets-wrap .widget_links h4 {
        margin-bottom: 10px;
    }

    .mod_changelanguage .btn.dropdown-toggle.btn-default {
        margin-top: -35px !important;
        margin-bottom: 35px;
    }

    #footer .footer-widgets-wrap .widget_links li a, #footer .footer-widgets-wrap .elementAdress p, #footer .footer-widgets-wrap p, .dark .footer-widgets-wrap a {
        font-size: 15px;
    }
}

.mod_changelanguage .btn.dropdown-toggle.btn-default {
    padding-left: 0px;
    width: 60%;
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    color: #ffffff !important;
    font-weight: normal;
    text-transform: none;
    margin-top: 16px;
}

.mod_changelanguage .btn.dropdown-toggle.btn-default:hover {
    color: #FFFFFF !important;
}

.mod_changelanguage .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}

.mod_changelanguage .dropdown-menu {
    background-color: #ffffff !important;
    border-radius: 0px;
    border: none;
    margin: 0px;
    padding: 0px;
}

.mod_changelanguage .dropdown-menu a {
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    color: #ffffff !important;
    font-weight: normal;
    text-transform: none;
    color: #008BD2 !important;
    text-shadow: none;
}

#footer .mod_changelanguage .dropdown-menu a:hover {
    color: #008BD2 !important;
}

#footer-bar {
    background-color: #EDEDE9;
    height: 45px;
    line-height: 45px;
    z-index: 999;
}

.footer-bar-header .container a {
    display: inline-block;
    height: 45px;
}

.footer-bar-header span {
    height: 45px;
    line-height: 45px;
    text-transform: none;
    font-size: 17px;
    color: var(--third-color);
    padding-left: 10px;
    display: inline;
    vertical-align: top;
}

.footer-bar-header {
    background-color: #EDEDE9;
}

.footer-bar-header .row .container {
    background-color: #EDEDE9;
}

.footer-bar-header .row .container>div i {
    font-size: 24px;
    color: var(--third-color);
    line-height: 45px;
}

@media (max-width: 768px) {
    .footer-bar-header .row .container {
        width: auto !important;
    }

    #footer .footer-bar-header .row .container {
        width: auto !important;
        padding-left: 25px;
        padding-right: 25px;
    }
}

.footer-bar-header .row .container .col-lg-2 {
    padding: 0px;
    text-align: left;
}

.footer-bar-header .row .container>div:hover {
    background-color: transparent;
}

.footer-bar-header .logo-footer-bar {
    padding: 0;
    text-align: right !important;
}

.footer-bar-header .logo-footer-bar img {
    margin-top: 4px;
    height: 36px;
    display: inline-block;
}

@media (max-width: 1200px) {
    .footer-bar-header .logo-footer-bar img {
        margin-top: 6px;
    }
}

@media (max-width: 992px) {
    .footer-bar-header .logo-footer-bar img {
        margin-top: 14px;
    }

    #footer .footer-bar-header .logo-footer-bar img {
        margin-top: 12px !important;
    }
}

.footer-bar-shadow {
    box-shadow: none !important;
    background: transparent linear-gradient(180deg, rgba(64, 64, 64, 0) 0%, rgba(64, 64, 64, 0.5) 100%) 0% 0% no-repeat padding-box;
    background-color: transparent !important;
    height: 100px;
    position: fixed;
    left: 0;
    bottom: 45px;
    width: 100%;
    z-index: 0;
    opacity: 0.40;
}

/* Siloutette */
/* Icon Ampelsystem */
.footer-bar-header .ampel {
    padding-left: 0px;
    margin-right: -5px;
    margin-top: -2px;
    width: 20px;
    display: inline-block;
}

.footer-bar-header .ampel img {
    width: 20px;
    height: 20px;
}

.footer-bar-siloutette {
    height: auto;
    position: fixed;
    left: 0;
    bottom: 42px;
    width: 100%;
    z-index: 0;
}

.footer-bar-siloutette img {
    display: inline-block;
    vertical-align: bottom;
}

.footer-bar-siloutette:before {
    content: "";
    background-image: url("../img/silhouetten_verlaengerung.svg");
    width: 2500px;
    height: 78px;
    position: absolute;
    right: calc(50% + 565px);
    top: 0px;
    background-position: right;
}

.footer-bar-siloutette:after {
    content: " ";
    background-image: url("../img/silhouetten_verlaengerung.svg");
    width: 2500px;
    height: 78px;
    position: absolute;
    left: calc(50% + 565px);
    top: 0px;
}

.footer-bar-siloutette .col-lg-12 {
    padding: 0px !important;
}

#footer .footer-bar-shadow {
    position: static;
}

#footer .footer-bar-siloutette {
    position: absolute;
    top: 23px;
    bottom: auto;
}

@media (max-width: 1200px) {
    #footer .footer-bar-siloutette {
        top: 36px;
    }

    .footer-bar-siloutette:before {
        right: calc(50% + 469px);
        top: -10px;
    }

    .footer-bar-siloutette:after {
        left: calc(50% + 469px);
        top: -10px;
    }
}

@media (max-width: 992px) {
    #footer .footer-bar-siloutette {
        position: relative;
        top: auto;
        height: 0px;
    }

    #footer .footer-bar-siloutette img {
        position: absolute;
        bottom: 0px;
    }

    .footer-bar-siloutette .row .container {
        width: 100% !important;
    }

    #footer .footer-bar-siloutette .row .container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .footer-bar-header .row .container .col-lg-2 {
        text-align: center;
    }

    .footer-bar-siloutette:before {
        display: none;
    }

    .footer-bar-siloutette:after {
        display: none;
    }
}

#footer .footer-bar-header {
    padding-bottom: 40px;
}

#footer .footer-bar-header .logo-footer-bar img {
    margin-top: 9px;
    height: 36px;
    display: inline-block;
}

#footer .ce_image,
#footer .content-image {
    text-align: right;
    /*position: absolute;*/
    top: 117px;
    right: 0;
}

@media (max-width: 768px) {
    #footer .ce_image,
    #footer .content-image {
        display: block;
        right: 0px;
        top: -5px;
    }

    #footer .content-image {
        text-align: left;
    }

    #footer .ce_image img,
    #footer .content-image img {
        width: 140px;
    }
}

@media (max-width: 767px) {
    #footer .ce_image img,
    #footer .content-image img {
        /*margin-top: 45px;*/
    }
}

@media (max-width: 480px) {
    #footer .ce_image,
    #footer .content-image {
        display: block;
        right: 0px;
        top: -5px;
    }

    #footer .ce_image img,
    #footer .content-image img {
        width: 140px;
    }
}

#bottom #widget-HTga9tuNcKicmwTd {
    display: none !important;
}

/* Teilen Button */
.footer-bar-header .row .container>div i.icon-line2-share-alt {
    height: 45px;
    width: 24px;
    background-image: url(../img/teilen.svg);
    background-repeat: no-repeat;
    background-position: 2px 12px;
}

.footer-bar-header .row .container>div i.icon-line2-share-alt:before {
    content: "";
}

.footer-bar-header a:hover i.icon-line2-share-alt {
    filter: none !important;
}

/* Tickets Icon */
.footer-bar-header .row .container>div i.icon-line-share {
    height: 45px!important;
    width: 24px!important;
    background-image: url(../img/tickets-icon.svg);
    background-repeat: no-repeat;
    background-position: 2px 12px;
}

.footer-bar-header .row .container>div i.icon-line-share:before {
    content: "";
}

.footer-bar-header a:hover i.icon-line-share {
    filter: none !important;
}

/* ----------------------------------------------------------------
           Contaosuche Suchresultate
    -----------------------------------------------------------------*/
.mod_search.mod_app_search_results .elementContentList a {
    padding: 10px !important;
    padding-bottom: 15px !important;
}

.mod_search.mod_app_search_results .elementContentList h4 {
    padding-bottom: 10px;
}

#content .mod_search.mod_app_search_results .elementContentList a p {
    font-size: 19px;
    line-height: 26px;
}

#content .mod_search.mod_app_search_results .highlight {
    background-color: var(--primary-color);
    padding: 0px 5px;
}

#content .mod_search.mod_app_search_results .infomsg {
    background-color: var(--third-color);
}

#content .mod_search.mod_app_search_results .infomsg .sb-msg {
    color: #ffffff;
    text-shadow: none;
    font-size: 16px;
}

.mod_search .pagination li span {
    background-color: var(--third-color) !important;
    border-color: var(--third-color) !important;
}

.mod_search .pagination>.active>span:focus, .mod_search .pagination>.active>span:hover {
    border-color: var(--third-color) !important;
    background-color: var(--third-color) !important;
}

.mod_search .pagination>li>a {
    color: var(--third-color);
}

/* ----------------------------------------------------------------
           Partnerlogs
    -----------------------------------------------------------------*/
#footer .partner-logos {
    height: 55px;
    margin-top: 20px;
}

@media (max-width: 991px) {
    #footer .partner-logos {
        padding-top: 55px;
    }
}

@media (max-width: 767px) {
    #footer .partner-logos {
        padding-top: 20px;
    }
}

#footer .partner-logos .img-logo {
    text-align: left;
    position: static;
    float: left;
    height: 55px;
}

#footer .partner-logos .img-logo.st {
    background-image: url("../img/ST_Logo_Schweiz_Tourismus.svg");
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    background-repeat: no-repeat;
    background-position: center center;
    width: 70px;
}

#footer .partner-logos .img-logo.st:hover {
    background-repeat: no-repeat;
    background-position: center center;
    width: 70px;
    filter: none;
    -webkit-filter: grayscale(0%);
}

#footer .partner-logos .img-logo.unesco {
    background-image: url("../img/Logo_Sardona_Dritte_D.svg");
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    background-repeat: no-repeat;
    background-position: center center;
    width: 70px;
    margin-left: 20px;
}

#footer .partner-logos .img-logo.family {
    background-image: url("../img/logo_family_destination.svg");
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 70px;
    margin-left: 15px;
}

#footer .partner-logos .img-logo.family:hover {
    background-repeat: no-repeat;
    background-position: center center;
    width: 70px;
    filter: none;
    -webkit-filter: grayscale(0%);
}

#footer .partner-logos .img-logo.quality {
    background-image: url("../img/Q_Logo.svg");
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 70px;
    margin-left: 20px;
}

#footer .partner-logos .img-logo.quality:hover {
    background-repeat: no-repeat;
    background-position: center center;
    width: 70px;
    filter: none;
    -webkit-filter: grayscale(0%);
}

#footer .partner-logos .img-logo.kinderregion {
    background-image: url("../img/kinderregion-logo-schwarz.svg");
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 85px;
    margin-left: 20px;
}

#footer .partner-logos .img-logo.kinderregion:hover {
    background-image: url("../img/kinderregion-logo-brw.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 85px;
    filter: none;
    -webkit-filter: grayscale(0%);
}

@media (max-width: 480px) {

    #footer .partner-logos .img-logo.unesco,
    #footer .partner-logos .img-logo.family,
    #footer .partner-logos .img-logo.quality {
        margin-left: 0px;
    }

    #footer .partner-logos .img-logo.unesco {
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    #footer .partner-logos {
        width: 50%;
    }

    #footer .partner-logos .img-logo.family {
        margin-top: 0px;
        margin-left: 0;
    }

    #footer .partner-logos .img-logo.quality {
        margin-top: 25px;
    }

    #footer .partner-logos .img-logo.kinderregion {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (min-width: 480px) and (max-width: 480px) {
    #footer .partner-logos {
        width: 40%;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    #footer .partner-logos {
        width: 30%;
        padding-top: 20px;
    }

    #footer .partner-logos .img-logo.family {
        margin-top: 25px;
        margin-left: 0;
    }

    #footer .partner-logos .img-logo.quality {
        margin-top: 25px;
    }

    #footer .partner-logos .img-logo.kinderregion {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    #footer .partner-logos .img-logo.unesco {
        margin-top: 25px;
    }

    #footer .partner-logos .img-logo.family {
        margin-right: 25px;
        margin-left: 25px;
    }

    #footer .partner-logos .img-logo.quality {
        margin-left: 0;
    }

    #footer .partner-logos .img-logo.kinderregion {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    #footer .partner-logos .img-logo.family {
        margin-top: 0;
        margin-left: 25px;
        margin-right: 25px;
    }

    #footer .partner-logos .img-logo.quality {
        margin-left: 0;
    }

    #footer .partner-logos .img-logo.unesco {
        margin-top: 25px;
    }
}

#footer .partner-logos .img-logo.unesco:hover {
    background-repeat: no-repeat;
    background-position: center center;
    width: 70px;
    filter: none;
    -webkit-filter: grayscale(0%);
}

.vgl-horn2:before {
    content: "\e9f3";
    font-family: "twblue";
    font-style: normal;
}

.vgl-megaphone:before {
    content: "\e9cc";
    font-family: "twblue";
    font-style: normal;
}

.vgl-kamera:before {
    content: "\e9e2";
    font-family: "twblue";
    font-style: normal;
    color: var(--third-color);
}

.vgl-telefon:before {
    /*content: "\e9e2";*/
    font-family: "twblue";
    font-style: normal;
    color: var(--third-color);
}

.vgl-cal-31:before {
    content: "\ea1a";
    font-family: "twblue";
    font-style: normal;
    color: var(--third-color);
}

.vgl-gondel:before {
    content: "\e9e8";
    font-family: "twblue";
    font-style: normal;
    color: var(--third-color);
}

.vgl-wegweiser:before {
    content: "\e950";
    font-family: "twblue";
    font-style: normal;
}

.vgl-fahne:before {
    content: "\e9f8";
    font-family: "twblue";
    font-style: normal;
}

.vgl-ski:before {
    content: "\e980";
    font-family: "twblue";
    font-style: normal;
}

.vgl-oeffnungszeiten:before {
    /*content: "\e980";*/
    font-family: "twblue";
    font-style: normal;
    color: var(--third-color);
}

.footer-bar-header a:hover span,
.footer-bar-header a:hover i,
.footer-bar-header a:hover i::before {
    color: var(--primary-color) !important;
}

.footer-bar-header a:hover i.icon-line2-share-alt {
    background-image: url(../img/teilen-gelb.svg) !important;
}

.footer-bar-header a:hover i.icon-line-share {
    background-image: url(../img/tickets-icon-hover.svg) !important;
}

#at15s {
    display: none !important;
}

.addthis_toolbox a {
    margin-bottom: 0px !important;
    line-height: 25.5px !important;
}

.addthis-smartlayers {
    display: none !important;
}

/* ----------------------------------------------------------------
   Countdown
-----------------------------------------------------------------*/
.wrapperbadgeheader #countdown span, .wrapperbadgeheader #countdown {
    line-height: 9px;
    font-weight: normal;
    color: inherit;
    font-size: 24px;
}

.wrapperbadgeheader #countdown span.day {
    display: block;
}

#content #countdown span.day {
    display: inline;
    color: inherit;
    font-size: inherit;
}

#content #countdown span, #content #countdown {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* ----------------------------------------------------------------
	Formular Quickbooking
-----------------------------------------------------------------*/
.form-quickbooking form {
    margin-bottom: 0px;
}

.form-quickbooking .form-widget.button-submit {
    margin-bottom: -5px;
}

.form-quickbooking {
    padding: 30px !important;
}