/*! Version: 5.1.1.
Build 15-05-2020 15:56:49.
Based on coop-bootstrap Release 30.1.0 */
/* ############  basic coop-bootstrap stuff like variables and mixins START ############################ */
/*
 * overwrites vendor/twitter-bootstrap/_variables.less
 * and added new coop variables
 */
/*darken(spin(@state-success-bg, -10), 5%);*/
/*#ce0000 mit 5% opacity*/
/*darken(spin(@state-danger-bg, -10), 5%);*/
/* @start: Mixins für direkte Mediaqueries */
/* mseel 2013    */
/* Example Usage: @media @xs { color: orange; } */
/* @end: Mixins für direkte Mediaqueries */
/* ############  basic coop-bootstrap stuff like variables and mixins END ############################ */
/* ############  twitter-bootstrap adaptions START ############################ */
/* ############  twitter-bootstrap adaptions END ############################ */
/* ############  kbk-skinning-files START ############################ */
.CITY-001-sortimenteinstieg {
    position: relative;
}
.CITY-001-sortimenteinstieg .wrapper {
    box-sizing: border-box;
    position: relative;
    background: #cdcdcd;
}
.CITY-001-sortimenteinstieg .wrapper.gray .border-bottom {
    border-color: #cdcdcd;
}
.CITY-001-sortimenteinstieg .wrapper.gray .link-arrow {
    background-color: #a5a5a5;
}
.CITY-001-sortimenteinstieg .cta:active {
    position: absolute;
    bottom: 26px;
    transition: 200ms ease-in-out;
}
html.no-touch .CITY-001-sortimenteinstieg .wrapper:hover .cta {
    background-color: #f60;
}
html.no-touch .CITY-001-sortimenteinstieg .wrapper:hover .cta .link-arrow {
    background-color: rgba(255, 140, 0, 0.5);
    transition: background-color 200ms ease-in-out;
}
html.no-touch .CITY-001-sortimenteinstieg img:active {
    opacity: .6;
    transition: opacity 200ms ease-in-out;
}
/* ############  kbk-skinning-files END ############################ */
/* ############  project-specific modules START ############################ */
.coop-city .KBK-SEC-020 .KBK-048-teaser-bild {
    background-color: transparent;
}
html.no-touch .coop-city .KBK-048-teaser-bild a:hover {
    background-color: transparent;
}
.CITY-APP-001-modal-open {
    padding: 0 !important;
    overflow: visible;
}
.CITY-APP-001 {
    position: relative;
}
.CITY-APP-001 .modal {
    position: absolute;
}
.CITY-APP-001 .modal .modal-header,
.CITY-APP-001 .modal .modal-body,
.CITY-APP-001 .modal .modal-footer {
    padding: 10px 20px;
}
.CITY-APP-001 .modal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    width: 760px;
    max-width: calc(100% - 30px);
}
.CITY-APP-001-modal-loading.in {
    opacity: .5;
}
.CITY-APP-001-modal-loading .modal-content {
    text-align: center;
    border: 0;
    box-shadow: none;
    background: transparent;
}
.CITY-APP-001-modal-loading .modal-backdrop {
    background-color: #fff;
    opacity: 1;
}
.CITY-APP-001-spinner {
    content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url("coop-bootstrap/images/bx_loader.gif") center center no-repeat;
}
.CITY-APP-001-filter .reset-filter {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 30px;
}
.CITY-APP-001-filter .reset-filter .icon-close-small:before {
    font-size: 1.2rem;
    margin-right: 10px;
}
.CITY-APP-001-filter .CITY-APP-001-hl {
    margin-bottom: 0;
}
.CITY-APP-001-markenteppich .hasbg {
    background-color: #f6f6f6;
}
.CITY-APP-001-markenteppich .headline-wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: -38px;
}
.CITY-APP-001-markenteppich h2 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 10px;
}
.CITY-APP-001-markenteppich .teaser-logo {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 10px;
    margin-bottom: 30px;
}
.CITY-APP-001-markenteppich .wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 42.42424242%;
}
.CITY-APP-001-markenteppich .wrapper picture {
    display: block;
    text-align: center;
}
.CITY-APP-001-markenteppich .teaser-img {
    margin-top: 0;
}
/* ############  Page-/Template-Specific Styles START ############################ */
.tpl-promo main {
    position: relative;
}
.tpl-promo .promo-teaser-right {
    position: absolute;
    top: 110px;
    right: 0;
    padding-right: 0;
}
.tpl-promo .promo-teaser-left {
    margin-left: -60px;
    margin-top: -60px;
    margin-bottom: -145px;
}
/* ############  project-specific modules END ############################ */
/* ############  siteframe- and content-skinning-files START ############################ */
.coop-city #main-navi {
    background: #fff;
}
.coop-city #main-navi li > a {
    color: #333;
}
.coop-city #main-navi .home-link-container.with-home-icon li {
    background-color: #fff;
}
.coop-city #main-navi .home-link-container.with-home-icon li:hover {
    background-color: rgba(0, 0, 0, 0.14);
}
.coop-city #main-navi .home-link-container.with-site-name li {
    background-color: #fff;
}
.coop-city #main-navi .home-link-container.with-site-name li:hover {
    background-color: #a19d9c;
}
.coop-city #main-navi .home-link-container.with-site-name li a {
    color: #333;
}
.coop-city #main-navi.no-space .main-search-container {
    background-color: #fff;
    color: #333;
}
.coop-city #main-navi.no-space .main-search-container.no-space .searchfield .icon-search {
    color: #333;
}
.coop-city #main-navi.no-space .login-account-container {
    background-color: #fff;
    color: #333;
}
.coop-city #main-navi .label-logo-container {
    background-color: #fff;
    border-color: #333;
}
.coop-city #main-navi .fadeout {
    background: #fff;
}
.coop-city #main-navi .searchfield .search-input {
    border: 1px solid #777;
}
.coop-city #main-navi.no-space .searchfield .search-input {
    border-color: transparent;
}
.coop-city #main-navi.no-space .searchfield.expand .search-input {
    border-color: #777;
}
.coop-city #main-navi .icons-offcanvas button {
    color: #333;
}
.coop-city #main-navi .home-link-offcanvas a {
    color: #333;
}
.coop-city .megaflyout .KBK-032-A-teaser-bild-text-flyout {
    padding-right: 37.5px;
}
.coop-city .mega-footer {
    border-top: 4px solid #847f7e;
}
.coop-city .mega-footer .footer-nav > li > a:hover,
.coop-city .mega-footer .footer-nav > li > a:focus {
    color: #7d868a;
}
.coop-city .mega-footer .footer-follow .social-media-list > li > a {
    color: #bebbba;
}
.coop-city .mega-footer .footer-follow .social-media-list > li > a:hover,
.coop-city .mega-footer .footer-follow .social-media-list > li > a:focus {
    color: #7d868a;
}
body.coop-city ::-moz-selection {
    background: #454f54;
    color: #fff;
}
body.coop-city ::selection {
    background: #454f54;
    color: #fff;
}
.coop-city a:active path,
.coop-city a.active path {
    fill: #454f54 !important;
}
.coop-city .KBK-014-link-app.icon-location.active:before,
.coop-city .KBK-014-link-app.text-brand-primary-light[class*="icon-"]:before {
    color: #454f54;
}
.coop-city ul.generic li:before {
    background-color: #847f7e;
}
.coop-city ul.generic li li:before {
    background-color: #bebbba;
}
.coop-city ol.generic.has-bubble li:before,
.coop-city ul.has-icon-font li:before,
.coop-city .KBK-055-A-bildtext-cta-rechts ol.generic li:before,
.coop-city .KBK-055-B-bildtext-cta-links ol.generic li:before,
.coop-city .KBK-055-A-bildtext-cta-rechts ul.generic li:before,
.coop-city .KBK-055-B-bildtext-cta-links ul.generic li:before {
    background-color: #fff;
}
.coop-city span.quote:before {
    color: #454f54;
}
.coop-city .inpagenav-link ul li.icon-arrow-normal:before {
    color: #454f54;
}
.coop-city .link-details .icon-arrow-normal:before {
    color: #454f54;
}
.coop-city div .btn-default .icon-arrow-normal:before,
.coop-city .tab-content .btn-default .icon-arrow-normal:before,
.coop-city .panel-body .btn-default .icon-arrow-normal:before,
.coop-city div .btn-cta .icon-arrow-normal:before,
.coop-city .tab-content .btn-cta .icon-arrow-normal:before,
.coop-city .panel-body .btn-cta .icon-arrow-normal:before,
.coop-city div .btn-primary .icon-arrow-normal:before,
.coop-city .tab-content .btn-primary .icon-arrow-normal:before,
.coop-city .panel-body .btn-primary .icon-arrow-normal:before,
.coop-city div .btn-secondary .icon-arrow-normal:before,
.coop-city .tab-content .btn-secondary .icon-arrow-normal:before,
.coop-city .panel-body .btn-secondary .icon-arrow-normal:before {
    color: #454f54;
}
.coop-city .btn-primary,
.coop-city .par .section .button {
    background-color: #bebbba;
    border-color: #a5a5a5;
}
html .coop-city .btn-primary:hover,
html .coop-city .par .section .button:hover,
html.no-touch .coop-city .btn-primary:hover,
html.no-touch .coop-city .par .section .button:hover,
html .coop-city .btn-primary:focus,
html .coop-city .par .section .button:focus,
html.no-touch .coop-city .btn-primary:focus,
html.no-touch .coop-city .par .section .button:focus {
    background-color: #a19d9c;
}
.coop-city .cms-container.hasbg.focus {
    background-color: #847f7e;
}
.coop-city .cms-container.hasbg.focus .KBK-014-link a:hover {
    background-color: #a19d9c;
}
.coop-city .cms-container.hasbg.focus .additionalText .small-text.inline-link:hover {
    background-color: #a19d9c;
}
.coop-city .cms-container.hasbg.focus.KBK-055-A-bildtext-cta-rechts .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small,
.coop-city .cms-container.hasbg.focus.KBK-055-B-bildtext-cta-links .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small {
    background: #fff;
    color: #454f54;
}
.coop-city .cms-container.hasbg.focus.KBK-055-A-bildtext-cta-rechts .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small .fadeout,
.coop-city .cms-container.hasbg.focus.KBK-055-B-bildtext-cta-links .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small .fadeout {
    background: linear-gradient(to left, #fff 10%, rgba(255, 255, 255, 0) 100%);
}
html.no-touch .coop-city .cms-container.hasbg.focus.KBK-055-A-bildtext-cta-rechts .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small,
html.no-touch .coop-city .cms-container.hasbg.focus.KBK-055-B-bildtext-cta-links .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small {
    background: rgba(255, 255, 255, 0.85);
    color: #454f54;
}
html.no-touch .coop-city .cms-container.hasbg.focus.KBK-055-A-bildtext-cta-rechts .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small .fadeout,
html.no-touch .coop-city .cms-container.hasbg.focus.KBK-055-B-bildtext-cta-links .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small .fadeout {
    background: rgba(255, 255, 255, 0);
}
html.no-touch .coop-city .cms-container.hasbg.focus.KBK-055-A-bildtext-cta-rechts .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small .link-arrow,
html.no-touch .coop-city .cms-container.hasbg.focus.KBK-055-B-bildtext-cta-links .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small .link-arrow {
    background: #a19d9c;
}
.coop-city .KBK-024-call-to-action-button .button-wrapper:after {
    background-color: #c7c5c4;
}
.coop-city .KBK-024-call-to-action-button .megabutton {
    background-color: #bebbba;
    color: #333;
    text-shadow: 0 0px 0 #d1cfce;
}
.coop-city .KBK-024-call-to-action-button .megabutton .fadeout-bg {
    background-color: #bebbba;
}
.coop-city .KBK-024-call-to-action-button .megabutton .button-square {
    background-color: #d1cfce;
}
.coop-city .KBK-024-call-to-action-button .megabutton .fadeout {
    background: linear-gradient(to left, #bebbba 10%, rgba(190, 187, 186, 0) 100%);
}
.coop-city .KBK-024-call-to-action-button .megabutton .icon-arrow-normal {
    color: #333;
    text-shadow: none;
}
html.no-touch .coop-city .KBK-024-call-to-action-button .megabutton:hover {
    background-color: #a19d9c;
    color: #fff;
}
html.no-touch .coop-city .KBK-024-call-to-action-button .megabutton:hover .fadeout-bg {
    background-color: #a19d9c;
}
html.no-touch .coop-city .KBK-024-call-to-action-button .megabutton:hover .fadeout {
    background: linear-gradient(to left, #a19d9c 10%, rgba(161, 157, 156, 0) 100%);
}
html.no-touch .coop-city .KBK-024-call-to-action-button .megabutton:hover .icon-arrow-normal {
    color: #fff;
}
.coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small,
.coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small,
.coop-city div .cta-wrapper .cta-small,
.coop-city .cms-container.hasbg.focus .cta-wrapper .cta-small,
.coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta,
.coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta,
.coop-city div .cta-wrapper .cta,
.coop-city .cms-container.hasbg.focus .cta-wrapper .cta {
    background-color: #bebbba;
    color: #333;
}
.coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small .fadeout,
.coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small .fadeout,
.coop-city div .cta-wrapper .cta-small .fadeout,
.coop-city .cms-container.hasbg.focus .cta-wrapper .cta-small .fadeout,
.coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta .fadeout,
.coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta .fadeout,
.coop-city div .cta-wrapper .cta .fadeout,
.coop-city .cms-container.hasbg.focus .cta-wrapper .cta .fadeout {
    background: linear-gradient(to left, #bebbba 10%, rgba(190, 187, 186, 0) 100%);
}
.coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small .icon-arrow-normal,
.coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta-small .icon-arrow-normal,
.coop-city div .cta-wrapper .cta-small .icon-arrow-normal,
.coop-city .cms-container.hasbg.focus .cta-wrapper .cta-small .icon-arrow-normal,
.coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta .icon-arrow-normal,
.coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta .icon-arrow-normal,
.coop-city div .cta-wrapper .cta .icon-arrow-normal,
.coop-city .cms-container.hasbg.focus .cta-wrapper .cta .icon-arrow-normal {
    background-color: #d1cfce;
    color: #333;
}
html.no-touch .coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small,
html.no-touch .coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small,
html.no-touch .coop-city div .cta-wrapper:hover .cta-small,
html.no-touch .coop-city .cms-container.hasbg.focus .cta-wrapper:hover .cta-small {
    background-color: #a19d9c;
    color: #333;
}
html.no-touch .coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small .fadeout,
html.no-touch .coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small .fadeout,
html.no-touch .coop-city div .cta-wrapper:hover .cta-small .fadeout,
html.no-touch .coop-city .cms-container.hasbg.focus .cta-wrapper:hover .cta-small .fadeout {
    background: linear-gradient(to left, #a19d9c 10%, rgba(161, 157, 156, 0) 100%);
}
html.no-touch .coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small .icon-arrow-normal,
html.no-touch .coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary):hover .cta-small .icon-arrow-normal,
html.no-touch .coop-city div .cta-wrapper:hover .cta-small .icon-arrow-normal,
html.no-touch .coop-city .cms-container.hasbg.focus .cta-wrapper:hover .cta-small .icon-arrow-normal {
    background-color: #b4b1b0;
    color: #333;
}
html.no-touch .coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta:hover,
html.no-touch .coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta:hover,
html.no-touch .coop-city div .cta-wrapper .cta:hover,
html.no-touch .coop-city .cms-container.hasbg.focus .cta-wrapper .cta:hover {
    background-color: #a19d9c;
    color: #333;
}
html.no-touch .coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta:hover .fadeout,
html.no-touch .coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta:hover .fadeout,
html.no-touch .coop-city div .cta-wrapper .cta:hover .fadeout,
html.no-touch .coop-city .cms-container.hasbg.focus .cta-wrapper .cta:hover .fadeout {
    background: linear-gradient(to left, #a19d9c 10%, rgba(161, 157, 156, 0) 100%);
}
html.no-touch .coop-city div .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta:hover .icon-arrow-normal,
html.no-touch .coop-city .cms-container.hasbg.focus .KBK-024-call-to-action-button-small:not(.cta-small-secondary) .cta:hover .icon-arrow-normal,
html.no-touch .coop-city div .cta-wrapper .cta:hover .icon-arrow-normal,
html.no-touch .coop-city .cms-container.hasbg.focus .cta-wrapper .cta:hover .icon-arrow-normal {
    background-color: #bebbba;
    color: #333;
}
.coop-city .tabsNav li.active a,
.coop-city .tabsNav li.active a:focus,
.coop-city .tabsNav li.active a:hover {
    color: #2a3236;
}
.coop-city .tabsNav li.active a:after {
    background-color: #2a3236;
}
.coop-city .teaser .wrapper .cta,
.coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper .cta,
.coop-city .KBK-074-teaser .wrapper .cta {
    background-color: #bebbba;
    color: #333;
}
.coop-city .teaser .wrapper .cta .txt,
.coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper .cta .txt,
.coop-city .KBK-074-teaser .wrapper .cta .txt {
    background: none;
}
.coop-city .teaser .wrapper .cta .fadeout,
.coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper .cta .fadeout,
.coop-city .KBK-074-teaser .wrapper .cta .fadeout {
    background: linear-gradient(to left, #bebbba 10%, rgba(190, 187, 186, 0) 100%);
}
.coop-city .teaser .wrapper .cta .fadeout.active,
.coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper .cta .fadeout.active,
.coop-city .KBK-074-teaser .wrapper .cta .fadeout.active {
    background: linear-gradient(to left, #bebbba 10%, rgba(190, 187, 186, 0) 100%);
}
.coop-city .teaser .wrapper .cta .link-arrow,
.coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper .cta .link-arrow,
.coop-city .KBK-074-teaser .wrapper .cta .link-arrow {
    background-color: #d1cfce;
    color: #333;
}
.coop-city .teaser .wrapper .border-bottom,
.coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper .border-bottom,
.coop-city .KBK-074-teaser .wrapper .border-bottom {
    border-color: #847f7e;
}
html.no-touch .coop-city .teaser .wrapper:hover .cta,
html.no-touch .coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper:hover .cta,
html.no-touch .coop-city .KBK-074-teaser .wrapper:hover .cta {
    background: #a19d9c !important;
    color: #333;
}
html.no-touch .coop-city .teaser .wrapper:hover .cta .txt,
html.no-touch .coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper:hover .cta .txt,
html.no-touch .coop-city .KBK-074-teaser .wrapper:hover .cta .txt {
    background: none;
}
html.no-touch .coop-city .teaser .wrapper:hover .cta .fadeout,
html.no-touch .coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper:hover .cta .fadeout,
html.no-touch .coop-city .KBK-074-teaser .wrapper:hover .cta .fadeout {
    background: linear-gradient(to left, #a19d9c 10%, rgba(161, 157, 156, 0) 100%);
}
html.no-touch .coop-city .teaser .wrapper:hover .cta .link-arrow,
html.no-touch .coop-city .KBK-032-A-teaser-bild-text-flyout .wrapper:hover .cta .link-arrow,
html.no-touch .coop-city .KBK-074-teaser .wrapper:hover .cta .link-arrow {
    background-color: #b4b1b0 !important;
    color: #333;
}
.coop-city .teaser:hover .wrapper .cta,
.coop-city .KBK-032-A-teaser-bild-text-flyout:hover .wrapper .cta,
.coop-city .KBK-074-teaser:hover .wrapper .cta {
    background: #a19d9c !important;
    color: #333;
}
.coop-city .teaser:hover .wrapper .cta .fadeout,
.coop-city .KBK-032-A-teaser-bild-text-flyout:hover .wrapper .cta .fadeout,
.coop-city .KBK-074-teaser:hover .wrapper .cta .fadeout {
    background: linear-gradient(to left, #bebbba 10%, rgba(190, 187, 186, 0) 100%);
}
.coop-city .teaser:hover .wrapper .cta .link-arrow,
.coop-city .KBK-032-A-teaser-bild-text-flyout:hover .wrapper .cta .link-arrow,
.coop-city .KBK-074-teaser:hover .wrapper .cta .link-arrow {
    background-color: #d1cfce !important;
    color: #333;
}
html .coop-city .teaser a:hover .cta,
html .coop-city .KBK-032-A-teaser-bild-text-flyout a:hover .cta,
html .coop-city .KBK-074-teaser a:hover .cta,
html.no-touch .coop-city .teaser a:hover .cta,
html.no-touch .coop-city .KBK-032-A-teaser-bild-text-flyout a:hover .cta,
html.no-touch .coop-city .KBK-074-teaser a:hover .cta {
    background: #a19d9c !important;
    color: #333;
}
html .coop-city .teaser a:hover .cta .fadeout,
html .coop-city .KBK-032-A-teaser-bild-text-flyout a:hover .cta .fadeout,
html .coop-city .KBK-074-teaser a:hover .cta .fadeout,
html.no-touch .coop-city .teaser a:hover .cta .fadeout,
html.no-touch .coop-city .KBK-032-A-teaser-bild-text-flyout a:hover .cta .fadeout,
html.no-touch .coop-city .KBK-074-teaser a:hover .cta .fadeout {
    background: linear-gradient(to left, #bebbba 10%, rgba(190, 187, 186, 0) 100%);
}
html .coop-city .teaser a:hover .cta .link-arrow,
html .coop-city .KBK-032-A-teaser-bild-text-flyout a:hover .cta .link-arrow,
html .coop-city .KBK-074-teaser a:hover .cta .link-arrow,
html.no-touch .coop-city .teaser a:hover .cta .link-arrow,
html.no-touch .coop-city .KBK-032-A-teaser-bild-text-flyout a:hover .cta .link-arrow,
html.no-touch .coop-city .KBK-074-teaser a:hover .cta .link-arrow {
    background-color: #d1cfce !important;
    color: #333;
}
.coop-city .panel-group.KBK-010-A-klappliste .panel-title:not(.collapsed) {
    /*todo*/
}
.coop-city .panel-group.KBK-010-A-klappliste .panel-title:not(.collapsed) h3 {
    background-color: #bebbba;
    color: #333;
}
.coop-city .panel-group.KBK-010-A-klappliste .panel-title:not(.collapsed) .icon-arrow-normal-up {
    background-color: #d1cfce;
    color: #333;
}
.coop-city .panel-group.KBK-010-A-klappliste .panel-title:not(.collapsed) .fadeout {
    background: linear-gradient(to left, #bebbba 10%, rgba(190, 187, 186, 0) 100%);
}
.coop-city .panel-group.KBK-046-klappliste-faq .panel-title.collapsed .icon-plus {
    color: #bebbba;
}
.coop-city .panel-group.KBK-046-klappliste-faq .panel-title:hover .icon-plus {
    color: #a19d9c;
}
html.no-touch .coop-city figure:hover .icon-zoom-in {
    background-color: #a19d9c;
}
.coop-city .bx-wrapper .bx-pager.bx-default-pager a:hover,
.coop-city .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #847f7e;
}
html .coop-city .bx-wrapper .bx-pager.bx-default-pager a:hover,
html.no-touch .coop-city .bx-wrapper .bx-pager.bx-default-pager a:hover,
html .coop-city .bx-wrapper .bx-pager.bx-default-pager a.active,
html.no-touch .coop-city .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #847f7e;
}
html .coop-city .bx-wrapper .bx-controls-direction a:not(.disabled):hover .arrow-container,
html.no-touch .coop-city .bx-wrapper .bx-controls-direction a:not(.disabled):hover .arrow-container {
    background: #a19d9c;
    color: #fff;
}
html .coop-city .auftritts-header-buehne .bx-controls-direction a:not(.disabled):hover .arrow-container,
html.no-touch .coop-city .auftritts-header-buehne .bx-controls-direction a:not(.disabled):hover .arrow-container {
    background: transparent;
}
html .coop-city .KBK-044-A-slider-digitale-bons .bx-wrapper .bx-controls-direction a .arrow-container,
html .coop-city .KBK-044-B-slider-digitale-bons .bx-wrapper .bx-controls-direction a .arrow-container,
html .coop-city .KBK-062-kachel-slider .bx-wrapper .bx-controls-direction a .arrow-container,
html .coop-city .KBK-092-slider-taten-statt-worte .bx-wrapper .bx-controls-direction a .arrow-container,
html.no-touch .coop-city .KBK-044-A-slider-digitale-bons .bx-wrapper .bx-controls-direction a .arrow-container,
html.no-touch .coop-city .KBK-044-B-slider-digitale-bons .bx-wrapper .bx-controls-direction a .arrow-container,
html.no-touch .coop-city .KBK-062-kachel-slider .bx-wrapper .bx-controls-direction a .arrow-container,
html.no-touch .coop-city .KBK-092-slider-taten-statt-worte .bx-wrapper .bx-controls-direction a .arrow-container {
    color: #454f54;
}
.coop-city .KBK-047-buehne .bx-wrapper .bx-controls-direction a .arrow-container,
.coop-city .KBK-052-B-karussel-aktionen .bx-wrapper .bx-controls-direction a .arrow-container {
    color: rgba(255, 255, 255, 0.8);
    transition: color 200ms ease-in-out;
}
html .coop-city .KBK-047-buehne .bx-wrapper .bx-controls-direction a .arrow-container,
html .coop-city .KBK-052-B-karussel-aktionen .bx-wrapper .bx-controls-direction a .arrow-container,
html.no-touch .coop-city .KBK-047-buehne .bx-wrapper .bx-controls-direction a .arrow-container,
html.no-touch .coop-city .KBK-052-B-karussel-aktionen .bx-wrapper .bx-controls-direction a .arrow-container {
    color: rgba(255, 255, 255, 0.8);
    transition: color 200ms ease-in-out;
}
html .coop-city .KBK-047-buehne .bx-wrapper .bx-controls-direction a:hover .arrow-container,
html .coop-city .KBK-052-B-karussel-aktionen .bx-wrapper .bx-controls-direction a:hover .arrow-container,
html.no-touch .coop-city .KBK-047-buehne .bx-wrapper .bx-controls-direction a:hover .arrow-container,
html.no-touch .coop-city .KBK-052-B-karussel-aktionen .bx-wrapper .bx-controls-direction a:hover .arrow-container {
    background: transparent;
    color: #fff;
}
html .coop-city .KBK-047-buehne .bx-wrapper .bx-controls-direction a.disabled:hover .arrow-container,
html .coop-city .KBK-052-B-karussel-aktionen .bx-wrapper .bx-controls-direction a.disabled:hover .arrow-container,
html.no-touch .coop-city .KBK-047-buehne .bx-wrapper .bx-controls-direction a.disabled:hover .arrow-container,
html.no-touch .coop-city .KBK-052-B-karussel-aktionen .bx-wrapper .bx-controls-direction a.disabled:hover .arrow-container {
    background: transparent;
    color: #ebebeb;
}
html .coop-city .KBK-075-slider .bx-controls-direction a:not(.disabled):hover .arrow-container,
html.no-touch .coop-city .KBK-075-slider .bx-controls-direction a:not(.disabled):hover .arrow-container {
    background: transparent;
    color: #cdcdcd;
}
.coop-city .bxthumbslider .thumbnails li.active a {
    border: 2px solid #2a3236;
}
html.no-touch .coop-city .bxthumbslider .thumbnails li:hover a {
    border: 2px solid #454f54;
}
.coop-city .slider .slider-selection {
    background: #5e686d;
}
html .coop-city .vst-result-item-star .icon-star-recipe:hover,
html .coop-city .vst-detail-links .icon-star-recipe:hover,
html.no-touch .coop-city .vst-result-item-star .icon-star-recipe:hover,
html.no-touch .coop-city .vst-detail-links .icon-star-recipe:hover,
html .coop-city .vst-result-item-star .icon-star-recipe.active,
html .coop-city .vst-detail-links .icon-star-recipe.active,
html.no-touch .coop-city .vst-result-item-star .icon-star-recipe.active,
html.no-touch .coop-city .vst-detail-links .icon-star-recipe.active,
html .coop-city .vst-result-item-star .icon-star-recipe.active:hover,
html .coop-city .vst-detail-links .icon-star-recipe.active:hover,
html.no-touch .coop-city .vst-result-item-star .icon-star-recipe.active:hover,
html.no-touch .coop-city .vst-detail-links .icon-star-recipe.active:hover,
html .coop-city .vst-result-item-star .icon-star-recipe.active.KBK-014-link-app[class*="icon-"]:before,
html .coop-city .vst-detail-links .icon-star-recipe.active.KBK-014-link-app[class*="icon-"]:before,
html.no-touch .coop-city .vst-result-item-star .icon-star-recipe.active.KBK-014-link-app[class*="icon-"]:before,
html.no-touch .coop-city .vst-detail-links .icon-star-recipe.active.KBK-014-link-app[class*="icon-"]:before {
    color: #454f54;
}
.coop-city .vst-result-nav.nav-tabs > li a:hover {
    color: #333;
}
.coop-city .vst-result-nav.nav-tabs > li.active > a,
.coop-city .vst-result-nav.nav-tabs > li.active > a:hover,
.coop-city .vst-result-nav.nav-tabs > li.active > a:focus {
    color: #2a3236;
}
.coop-city .vst-result-nav.nav-tabs > li.active > a.vst-result-btn:before,
.coop-city .vst-result-nav.nav-tabs > li.active > a:hover.vst-result-btn:before,
.coop-city .vst-result-nav.nav-tabs > li.active > a:focus.vst-result-btn:before {
    color: #454f54;
}
.coop-city .vst-result .vst-result-arrow,
.coop-city .vst-coop-home .vst-result-arrow,
.coop-city .vst-result .vst-coop-home-arrow,
.coop-city .vst-coop-home .vst-coop-home-arrow {
    color: #454f54;
}
.coop-city .vst-result:hover .vst-result-arrow,
.coop-city .vst-coop-home:hover .vst-result-arrow,
.coop-city .vst-result:hover .vst-coop-home-arrow,
.coop-city .vst-coop-home:hover .vst-coop-home-arrow {
    color: #18242a !important;
}
.coop-city .vst-time-table tr.active {
    color: #454f54;
}
.coop-city .karten_box .tb_button_box .map-btn-container a.active {
    background-color: #454f54;
    color: #fff;
}
.coop-city .karten_box .tb_button_box .map-btn-container a.active:hover,
.coop-city .karten_box .tb_button_box .map-btn-container a.active.hover {
    background-color: #454f54;
}
.coop-city .karten_box .tb_button_box .map-btn-container a:active {
    background-color: #454f54;
}
.coop-city .karten_box .tb_karten_box .activebtn {
    background-color: #454f54;
    color: #fff;
}
.coop-city .karten_box .tb_accordion_box table td:last-child span[class^=icon-]:before {
    color: #454f54;
}
.coop-city .KBK-085-results,
.coop-city .KBK-095-widget__klappliste {
    border-color: #847f7e;
}
.coop-city .KBK-085-results .KBK-010-A-klappliste .panel-title:not(.collapsed) h3,
.coop-city .KBK-095-widget__klappliste .KBK-010-A-klappliste .panel-title:not(.collapsed) h3 {
    background-color: transparent;
    color: #777;
}
.coop-city .KBK-085-results .KBK-010-A-klappliste .panel-title:not(.collapsed) .icon-arrow-normal-up,
.coop-city .KBK-095-widget__klappliste .KBK-010-A-klappliste .panel-title:not(.collapsed) .icon-arrow-normal-up,
.coop-city .KBK-085-results .KBK-010-A-klappliste .panel-title:not(.collapsed) .icon-arrow-normal-down,
.coop-city .KBK-095-widget__klappliste .KBK-010-A-klappliste .panel-title:not(.collapsed) .icon-arrow-normal-down {
    background-color: transparent;
    color: #777;
}
.coop-city .KBK-085-results .KBK-010-A-klappliste .panel-title:not(.collapsed):hover h3 span,
.coop-city .KBK-095-widget__klappliste .KBK-010-A-klappliste .panel-title:not(.collapsed):hover h3 span,
.coop-city .KBK-085-results .KBK-010-A-klappliste .panel-title:not(.collapsed):hover .icon-arrow-normal-up:before,
.coop-city .KBK-095-widget__klappliste .KBK-010-A-klappliste .panel-title:not(.collapsed):hover .icon-arrow-normal-up:before {
    color: #333;
}
.coop-city .KBK-087-widget-track-trace .icon-info:before {
    color: #18242a;
}
.coop-city .KBK-087-widget-track-trace .flexbox .active {
    background: #2a3236 !important;
}
.coop-city .KBK-087-widget-track-trace .flexbox .box .trackStep-text.triangle:before {
    border-color: transparent transparent #2a3236;
}
.coop-city .KBK-087-widget-track-trace .items-toggle .icon-arrow {
    color: #454f54;
}
.coop-city .KBK-087-widget-track-trace-transparenz .tracking-steps .track-step .delivery-parts-details .part-head .part-items-toggle .icon-arrow {
    color: #454f54;
}
.coop-city .KBK-087-widget-track-trace-transparenz .tracking-steps .track-step.active .track-step-circle {
    background: #2a3236;
}
.coop-city .KBK-087-widget-track-trace-transparenz .tracking-steps .track-step.active .track-step-text {
    background: #2a3236;
    color: #fff;
}
.coop-city .KBK-087-widget-track-trace-transparenz .tracking-steps .track-step.active .step-toggle-arrow {
    background-color: #454f54;
    color: #fff;
}
.coop-city .fm-003-autocomplete .fm-003-list-wrapper ul span {
    color: #0f1d23;
}
.coop-city .fm-003-autocomplete .fm-003-product-link .icon-arrow-normal:before {
    color: #454f54;
}
.coop-city .pac-item-query {
    color: #454f54;
}
.coop-city .MED-001-teaser-B .hl strong,
.coop-city .MED-001-teaser-B .copytext strong {
    color: #847f7e;
}
.coop-city .GS-001-info:before {
    color: #847f7e;
}
.coop-city .GS-002-filter .radio label.active {
    color: #0f1d23;
}
.coop-city .GS-002-filter .radio label.active .fake {
    background: #847f7e !important;
}
.coop-city .GS-002-filter .radio input[type='radio']:checked + .fake {
    background: #847f7e !important;
}
.coop-city .GS-002-filter .checkbox label.active {
    color: #333;
}
.coop-city .GS-002-filter .rating div {
    color: #bebbba;
}
.coop-city .GS-002-filter .rating.star-1 a:nth-child(-n+1) div,
.coop-city .GS-002-filter .rating.star-2 a:nth-child(-n+2) div,
.coop-city .GS-002-filter .rating.star-3 a:nth-child(-n+3) div,
.coop-city .GS-002-filter .rating.star-4 a:nth-child(-n+4) div,
.coop-city .GS-002-filter .rating.star-5 a:nth-child(-n+5) div {
    color: #847f7e;
}
.coop-city .GS-004-produkt .rating div {
    color: #bebbba;
}
.coop-city .GS-004-produkt .rating.star-1 div:nth-child(-n+1),
.coop-city .GS-004-produkt .rating.star-2 div:nth-child(-n+2),
.coop-city .GS-004-produkt .rating.star-3 div:nth-child(-n+3),
.coop-city .GS-004-produkt .rating.star-4 div:nth-child(-n+4),
.coop-city .GS-004-produkt .rating.star-5 div:nth-child(-n+5) {
    color: #847f7e;
}
.coop-city .GS-008-standort .icon-arrow-normal:before {
    color: #a19d9c;
}
.coop-city .GS-009-artikel .hl strong,
.coop-city .GS-009-artikel .copytext strong {
    color: #847f7e;
}
.coop-city .GS-009-artikel .icon-arrow-normal:before,
.coop-city .GS-009-artikel .icon-arrow-normal-back:before {
    color: #454f54 !important;
}
.coop-city .GS-010-job .hl span,
.coop-city .GS-010-job .copytext span {
    color: #0f1d23;
}
.coop-city .GS-010-job .icon-arrow-normal:before {
    color: #847f7e;
}
.coop-city .GS-013-video .GS-013-text .highlight {
    color: #0f1d23;
}
.coop-city .GS-013-video .GS-013-text .icon-arrow-normal:before {
    color: #847f7e;
}
.coop-city .GS-list-header .icon-arrow-normal:before {
    color: #454f54;
}
.coop-city .bx-responsive .bx-wrapper .bx-controls-direction .arrow-container {
    color: #454f54;
}
.coop-city .bx-responsive .bx-wrapper .bx-controls-direction a.disabled .arrow-container {
    background: #454f54;
}
html.no-touch .coop-city .bx-responsive .bx-controls-direction a:hover .arrow-container {
    background: #454f54;
}
.coop-city .KBK-001-IH-teaser-bild a.KBK-001-IH-teaser-bild-link .hover .txt-container,
.coop-city .KBK-001-IH-teaser-bild a.KBK-001-IH-teaser-bild-link:hover .txt-container {
    color: #2a3236;
}
.coop-city .KBK-001-IH-teaser-bild a.KBK-001-IH-teaser-bild-link .hover .cta .link-arrow,
.coop-city .KBK-001-IH-teaser-bild a.KBK-001-IH-teaser-bild-link:hover .cta .link-arrow {
    background-color: #a19d9c;
}
.coop-city .KBK-001-IH-teaser-bild .txt-container {
    color: #454f54;
}
.coop-city .KBK-001-IH-teaser-bild .txt-container .cta:active {
    transition: 200ms ease-in-out;
}
.coop-city .KBK-001-IH-teaser-bild .txt-container .cta .link-arrow {
    background-color: #bebbba;
    color: #333;
    transition: background-color 200ms ease-in-out;
}
.coop-city .KBK-001-IH-teaser-bild .border-bottom {
    border-bottom: 4px solid #847f7e;
}
.coop-city .KBK-001-IH-teaser-bild .opac-overlay {
    background-color: #fff;
}
/* ############  siteframe- and content-skinning-files END ############################ */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .CITY-001-sortimenteinstieg .cta:active {
        bottom: 16px;
    }
    .coop-city .KBK-048-teaser-bild .wrapper {
        flex: 0 0 43%;
    }
    .coop-city .KBK-048-teaser-bild .teaser-headlines {
        flex: 0 0 57%;
    }
    .coop-city .KBK-048-teaser-bild a {
        padding: 0 0 30px 0;
    }
    .CITY-APP-001-markenteppich .hasbg {
        padding: 46px 0 36px;
        margin-bottom: 38px;
    }
    .tpl-promo .promo-teaser-left {
        margin-left: -38px;
        margin-bottom: -125px;
    }
}
@media only screen and (max-width: 767px) {
    .CITY-001-sortimenteinstieg .cta:active {
        bottom: 0;
    }
    .coop-city .KBK-048-teaser-bild a {
        padding: 0 15px 30px;
    }
    .CITY-APP-001-filter .CITY-APP-001-assortment {
        margin-bottom: 30px;
    }
    .CITY-APP-001-markenteppich .hasbg {
        padding: 40px 0 30px;
    }
    .tpl-promo .promo-teaser-right {
        position: relative;
        top: 10px;
        right: -1px;
        margin-bottom: -10px;
    }
    .tpl-promo .promo-teaser-right picture {
        float: right;
    }
    .tpl-promo .promo-teaser-left {
        margin-left: -38px;
        margin-top: -46px;
        margin-bottom: -75px;
    }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .CITY-APP-001-filter .reset-filter {
        font-size: 1.4rem;
    }
    .CITY-APP-001-filter .reset-filter .icon-close-small:before {
        font-size: 1rem;
        margin-right: 7px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1259px), only print, (min-width: 1260px) {
    .CITY-APP-001-markenteppich .hasbg {
        padding: 60px 0 50px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1259px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tpl-promo .promo-teaser-left {
        padding-left: 0;
    }
}
@media only screen and (max-width: 480px) {
    .tpl-promo .promo-teaser-left {
        margin-left: -25px;
    }
}
@media only print, (min-width: 1260px), only screen and (min-width: 992px) and (max-width: 1259px) {
    .tpl-promo.dark .gradient {
        height: 600px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1259px), only print, (min-width: 1260px) {
    .coop-city .GS-001-container {
        border-color: #847f7e;
    }
}