@font-face {
    font-family: 'Oswald';
    src: url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Oswald-Regular.eot');
    src: url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Oswald-Regular.woff2') format('woff2'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Oswald-Regular.woff') format('woff'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Oswald-Regular.ttf') format('truetype'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Jost-Regular.eot');
    src: url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Jost-Regular.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Jost-Regular.woff2') format('woff2'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Jost-Regular.woff') format('woff'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Jost-Regular.ttf') format('truetype'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Jost-Regular.svg#Jost-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'whatever it takes';
    src: url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/whateverittakes.eot');
    src: url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/whateverittakes.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/whateverittakes.woff2') format('woff2'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/whateverittakes.woff') format('woff'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/whateverittakes.ttf') format('truetype'),
    url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/whateverittakes.svg#whateverittakes') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'lubalin';
    src: url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/itc-lubalin-graph-std-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Futura Bold font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Book';
    src: url('/wp-content/plugins/KOMPASS-ScreenPromo/assets/font/Futura Book font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.single-kompass_sc_designer {
    overflow: hidden;
    font-family: BaseFontFamily,sans-serif;
}

.single-kompass_sc_designer .site-main {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.single-kompass_sc_designer #secondary {
    display: none;
}

.single-kompass_sc_designer #primary {
    width: 100%;
    border: none;
    padding: 0;
    height: 100%;
}

.single-kompass_sc_designer .grid-stack {
    position: relative;
    min-height: 100% !important;
    height: 100%;
}

.single-kompass_sc_designer #header-section {
    display: none;
}

.single-kompass_sc_designer .page-header {
    display: none;
}

.single-kompass_sc_designer .entry-header {
    display: none;
}

.single-kompass_sc_designer .site {
    height: 100%;
}

.single-kompass_sc_designer .site-content {
    min-height: 100vh;
    margin: 0 !important;
    border: none;
    height: 100%;
}

.single-kompass_sc_designer #colophon {
    display: none;
}

.single-kompass_sc_designer #content-inside {
    width: 100%;
    height: 100%;
    padding: 0;
}

.single-kompass_sc_designer .row {
    margin-left: 0;
}

.single-kompass_sc_designer .footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12vh;
    color: var(--defaultMenuTextColor);
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-kompass_sc_designer .footer > div:nth-of-type(1) {
    width: 50%;
    justify-content: flex-end;
    display: flex;
    padding-right: 9vw;
    font-size: 14px;
}

.single-kompass_sc_designer .footer .logo {
    position: absolute;
    bottom: 2vh;
    left: 0;
    width: 100vw;
    height: 98vh;
}

.single-kompass_sc_designer .footer .logo img {
    width: 100%;
    height: 100%;
}

.single-kompass_sc_designer .footer > div:nth-last-of-type(1) {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    padding-left: 9vw;
    font-size: 14px;
}

.single-kompass_sc_designer .kachel-container {
    display: block;
    width: 50%;
    margin-left: 25%;
    padding-top: 30px;

    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding-top: 0;
}

.single-kompass_sc_designer .kachel-container .kachel {
    width: 100%;
    height: auto;
    position: relative;
    margin-right: 0;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    /*transition: all 1s;*/
}

.single-kompass_sc_designer .kachel-container .kachel.hide {
    display: none;
}

.single-kompass_sc_designer .kachel-container .kachel.zoom {
    position: fixed !important;
    background: black;
    left: 30% !important;
    top: 12% !important;
    width:40% !Important;
    padding-left:30px !important;
    padding-right: 20px !important;
    padding-top: 0px;
    z-index: 9;
    transform:scale(1.3);
}

.single-kompass_sc_designer .kachel-container .kachel .ecke-1 {
    position: relative;
}

.single-kompass_sc_designer .kachel-container .kachel .ecke-1:before {
    content: "";
    display: block;
    border-left: 2px solid var(--defaultMenuTextColor);
    border-top: 2px solid var(--defaultMenuTextColor);
    height: 30px;
    width: 30px;
    position: absolute;
    left: -35px;
}

.single-kompass_sc_designer.kachel-container .kachel .ecke-2 {
    position: relative;
    width: 100%;
    text-align: right;
    display: block;
}

.single-kompass_sc_designer .kachel-container .kachel .ecke-2:after {
    content: "";
    display: block;
    border-right: 2px solid var(--defaultMenuTextColor);
    border-top: 2px solid var(--defaultMenuTextColor);
    height: 30px;
    width: 30px;
    right: -20px;
    position: absolute;
}

.single-kompass_sc_designer .kachel-container .kachel h2 {
    color: var(--defaultMenuTextColor);
    text-transform: uppercase;
    font-weight: bold;
    /*font-size: 24px;*/
    font-size: calc(0.8em + 1vmin);
    margin-top: 16px;
    margin-left: -12px;
    letter-spacing: 4px;
    margin-bottom: 6px;

    font-size: 1.5556rem;
    text-align: center;
    letter-spacing: 1px;
    color: #000000;
    margin-bottom: 30px;
}

.single-kompass_sc_designer .kachel-container .kachel .title {
    text-transform: uppercase;
    color: #000000;
    font-size: 1.7778rem;
    letter-spacing: 1px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.single-kompass_sc_designer .kachel-container .kachel .products {
    margin-top: 10px;
}

.single-kompass_sc_designer .kachel-container .kachel .products .row {
    padding-left: 4px;
    display: flex;
    color: var(--defaultMenuTextColor);
    text-transform: uppercase;
    font-weight: bold;
    /*font-size: 17px;*/
    font-size: calc(0.45em + 1vmin);
    margin-bottom: 4px;

    flex-direction: column;
    text-align: center;
    align-items: center;
    padding-left: 0;
    margin-bottom: 15px;
}

.single-kompass_sc_designer .kachel-container .kachel .products .row.hide {
    display: none;
}

.single-kompass_sc_designer .kachel-container .kachel .products .row .col1 span {
    margin-left: 6px;
    display: inline-block;
    font-size: calc(0.1em + 1vmin);
}

.single-kompass_sc_designer .kachel-container .kachel .products .row .col1 .desc {
    font-size: calc(0.01em + 1vmin);
    margin-bottom: 4px;
    margin-top: -6px;
    line-height: 1.2;
}

.single-kompass_sc_designer .kachel-container .kachel .products .row:nth-last-of-type(1) {
    margin-bottom: 26px;
}

.single-kompass_sc_designer .kachel-container .kachel .products .row .col1 {
    width: 80%;
}

.single-kompass_sc_designer .kachel-container .kachel .products .row .col2 {
    width: 20%;
    text-align: right;
    padding-right: 20px;

    text-align: center;
    padding-right: 0;
}

.single-kompass_sc_designer .kachel-container .kachel .ecke-4 {
    position: absolute;
    width: 100%;
    text-align: right;
    display: block;
    bottom: 0;
}

.single-kompass_sc_designer .kachel-container .kachel .ecke-3 {
    position: absolute;
    bottom: 0;
}

.single-kompass_sc_designer .grid .grid-stack-item {
    list-style: none;
}

.single-kompass_sc_designer .grid .grid-stack-item .LtPayload * {
    font-family: "Oswald" !important;
    text-transform: uppercase !important;
}

.single-kompass_sc_designer .grid .grid-stack-item .image-video-container > div .subtitle {
    font-family: "Oswald" !important;
}

.single-kompass_sc_designer .grid .grid-stack-item .ticker-container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-kompass_sc_designer .grid .grid-stack-item .ticker-container marquee {
    font-size: 14px;
}

.single-mb_webconnect #header-section {
    display: none;
}

.single-mb_webconnect .page-header {
    display: none;
}

.single-mb_webconnect .entry-header {
    display: none;
}

.single-mb_webconnect #content-inside {
    width: 100%;
    padding: 0;
    height: 100%;
}

.single-mb_webconnect #primary {
    padding: 0;
    width: 100%;
    border: none;
    height: 100%;
}

.single-mb_webconnect #secondary {
    display: none;
}

.single-mb_webconnect #colophon {
    display: none;
}

.single-mb_webconnect #page,
.single-mb_webconnect .site-content,
.single-mb_webconnect .site-main,
.single-mb_webconnect .mb_webconnect {
    height: 100%;
}

.single-mb_webconnect .LtAdditives,
.single-mb_webconnect .LtAllergens,
.single-mb_webconnect .LtAdditives,
.single-mb_webconnect .LtAllergens {
    display: none;
    font-size: 11px;
    position: relative;
    bottom: 5px;
}

.single-mb_webconnect .LtAdditAllergContainer {
    margin-bottom: 30px;
    /*font-family: "Oswald";*/
    font-family: "Arial";
    font-size: 16px;
    width: 100%;
}

.single-mb_webconnect .fc {
    overflow: hidden;
    width: 100%;
}

.single-mb_webconnect .LtAdditAllergFiltersContainer,
.single-mb_webconnect .LtCategoryFiltersContainer {
    display: none;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

.single-mb_webconnect .LtAdditAllergFiltersContainer.show,
.single-mb_webconnect .LtCategoryFiltersContainer.show {
    display: block;
}

.single-mb_webconnect .LtAdditAllergButton,
.single-mb_webconnect .LtCategoryFilterButton {
    display: block;
    font-weight: bold;
    padding: 3px 15px 5px 15px;
    border-color: rgb(188, 155, 0);
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.single-mb_webconnect .en.subline2 {
    color: rgb(188, 155, 0);
}

.single-mb_webconnect .filtersSelector.LtAllergens {
    float: left;
    margin-right: 30px;
}

.single-mb_webconnect .filtersSelector {
    display: none;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    text-decoration: underline;
    font-size: 14px;
    margin-top: 20px;
}

.single-mb_webconnect .filtersSelector.LtAdditives {
    float: left;
}

.single-mb_webconnect .filtersSelector.active {
    text-decoration: none;
}

.single-mb_webconnect .menuFilters {
    display: none;
}

.single-mb_webconnect .menuFilters .cursorDefault {
    width: 45%;
    margin-right: 5%;
    margin-bottom: 5px;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.single-mb_webconnect input.catSelector {
    width: 25px;
    filter: grayscale(1);
}

.single-mb_webconnect .LtAdditivesFilters > label {
    display: none;
}

.single-mb_webconnect .LtAdditivesFilters > label.show {
    display: block;
}

.single-mb_webconnect .LtCategoryFiltersContainer > .translatable {
    margin-bottom: 20px;
}

.single-mb_webconnect .filtered * {
    color: gray !important;
}

.LtMenuCategoryFilters > label {
    display: none;
}

.LtMenuCategoryFilters > label.show {
    display: block;
}

.single-kompass_sc_designer .ticker-laufleiste {
    display: flex;
    align-items: center;
    height: 100%;
    background: #fffafa;
}

.single-kompass_sc_designer .ticker-laufleiste p {
    margin-top: -24px;
    color: black;
}

.single-kompass_sc_designer .weatherwidget-io {
    height: 100%;
}

.grid-stack-item-content.freitext {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.grid-stack-item-content.freitext span {
    line-height: 1.1;
    width: 100%;
}

.ticker-laufleiste-rss {
    height: 100%;
    display: flex;
    align-items: center;
}

.ticker-laufleiste-rss > div {
    display: inline-block;
    margin-right: 20px;
}

.ticker-laufleiste-rss > div a  {
    text-decoration: none;
    font-size: inherit !important;
    color: inherit !important;
}

.grid-stack-item-overlay.logo .grid-stack-item-content {
    width: 100%;
    height: 100%;
}

.grid-stack-item-overlay.logo .grid-stack-item-content .logo-container {
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.gallery-container {
    opacity: 0;
}

.gallery-container.can-play {
    opacity: 1;
}

.image-video-container {
    height: 100%;
    background: transparent;
    position: relative;
    opacity: 1;
}

.image-video-container.can-play {
    opacity: 1;
}

.image-video-container > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s;
    background: transparent;
}

.image-video-container > div.active {
    opacity: 1;
}

.image-video-container > div .imagevideo-video {
    width: 100%;
    height: 100%;
}

.image-video-container > div .imagevideo-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.image-video-container > div .imagevideo-background {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.image-video-container > div .subtitle {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    display: none;
    height: 92%;
    justify-content: center;
    align-items: end;
    margin-bottom: 8%;
}

.image-video-container > div .bgpanel {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px;
}

.image-video-container > div.active .subtitle {
    display: flex;
}

.postid-40 .grid-stack-item.ui-resizable-autohide {
    height: 840px !important;
}