/* Personalisierung OK */

@media screen and (min-width: 800px)
[data-theme-scope-09sjhur3m5x] .fm-shopng__cart-item {
    padding: 15px 25px 15px 50px;
}
[data-theme-scope-09sjhur3m5x] .fm-shopng__cart-item {
    padding: 15px 15px 15px 50px;
}
[data-theme-scope-09sjhur3m5x] .fm-shopng__personalisation-item {
    padding: 15px 25px 15px 50px;
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__personalisation-item--background-personalized {
    background: #fff url(/assets/2024_PersonalisierungOK_Shop_KM.jpeg) no-repeat left center;
background-size: 40px;
}


/* 12.3.2024 */
/* aufteilung Artikelliste links/rechts */
@media screen and (min-width: 768px) {
[data-theme-scope-09sjhur3m5x] div.fm-shopng__ticket-list .fm-shopng__ticket-list__col-left {
    flex-basis: 100%;
}}

/* Cart Button im footer färben, wenn gefüllt */
  .fmshop-cart-widget-mobile [data-theme-scope-09sjhur3m5x] .fm-shopng__cart-widget.has-product .fm-shopng__cart-widget__content {
    background: #0A2842 !important;      /* FIX ME - Messefarbe setzen */
  }

/* und auch das Fly-Out färben */
[data-theme-scope-09sjhur3m5x] .has-product .fmshop-flyout {
    background-color: #0A2842;     /* FIX ME - Messefarbe setzen */
}




/* pulsierendes Highlight auf dem Warenkorb Icon */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }  
  50% {
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;	
  }
}


[data-theme-scope-09sjhur3m5x] .fm-shopng__expander .add_shopping_cart,
[data-theme-scope-09sjhur3m5x] .fm-shopng__enabled-article-list .add_shopping_cart {
    color: #0f0;
    animation: pulse 3s infinite;
}


/*Optik Selectboxen bei Interessen Kurzform */
div.selectBox {  

  background: url("https://media.koelnmesse.io/hh/assets/icons/icon_chevron_down_h7.svg") right 18px center no-repeat #fff;
  background-size: 12px 7px;
}



/* Regi Progress bar */
/* neu durch 03.06.2022 farbiger Fortschrittsbalken*/
dim-registration div.fm-regina-primary {
    border-bottom-color: #00B518;     /* FIX ME - Messefarbe setzen */
    border-bottom-width: 5px;
}

/* 'inaktiver' Cart Button */
.inactive-footer button, .inactive-footer button:hover {
    opacity: 0.5;
}

/* button color overrides */

.fairmate-content button,
.fairmate-content input[type="button"],
.fairmate-content input[type="reset"],
.fairmate-content input[type="submit"]{
    background: #00B518;     /* FIX ME - Messefarbe setzen */
}

/* END button color overrides */

/* shop color overrides */
/* neu durch Update 9.2.2022 */
/* neuer Warenkorb Dialog */
[data-theme-scope-09sjhur3m5x] .fm-shopng__cart-notice-dialog__item-list__item__col-left {background-color: #00B518;}     /* FIX ME - Messefarbe setzen */
 
[data-theme-scope-09sjhur3m5x] .fm-shopng__cart-notice-dialog__item-list__item__col-right {background-color: #333333;}

/* Gutscheineingabe als Liste 
.fm-shop-voucher-styled [data-theme-scope-09sjhur3m5x].fm-shopng__voucher-code .fm-shopng__voucher-code__textbox {
    background-color: #00B518;     /* FIX ME - Messefarbe setzen */
}
 
[data-theme-scope-09sjhur3m5x] .button.att-medium {
    background-color: #00B518;     /* FIX ME - Messefarbe setzen */
}
 
/* bzw. wenn es nur für das Widget sein soll: */
.fm-shop-voucher-styled [data-theme-scope-09sjhur3m5x] .button.att-medium {
    background-color: #00B518;     /* FIX ME - Messefarbe setzen */
}*/



/* Messe Farbe */
[data-theme-scope-09sjhur3m5x] div.fm-shopng__voucher-input button.button.att-medium,
[data-theme-scope-09sjhur3m5x] button.button.att-medium:hover {
background-color:#00B518;  /* FIX ME - Messefarbe setzen */
border-color:#00B518; /* FIX ME - Messefarbe setzen */
}
 
body div.fm-shopng__invoice__footer div button,
body div.fm-shopng__cart-wrapper__footer button,
body div.fm-shopng__personalisation-list__footer button,
body div.fm-shopng__payment-list__footer button,
body div.fm-shopng__overview-list__footer button
 {
background-color:#00B518 !important; /* FIX ME - Messefarbe setzen */
}
 
[data-theme-scope-09sjhur3m5x] div.fm-shopng__overlay .fm-shopng__overlay__close-overlay .fm-shopng__overlay__close-button {
background-color:#00B518 !important; /* FIX ME - Messefarbe setzen */
color:#fff  !important;
}
 
/* Messefarbe Ende */




/* Ende neu */

#shoppingCounter{
color: #fff;
font-weight: bold;
}

[data-theme-scope-09sjhur3m5x] .fmshop-flyout {
    background-color: #333333;
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__voucher-ticket .fm-shopng__voucher-ticket__content {
    background-color: #00B518;     /* FIX ME - Messefarbe setzen */
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__ticket-list .fm-shopng__ticket-list__header {
    background-color: #00B518;    /* FIX ME - Messefarbe setzen */
}

/* Deaktivierung durch Update am 09.02.2022*/
dis [data-theme-scope-09sjhur3m5x] .fm-shopng__ticket-list .fm-shopng__ticket-list__content {
    background-color: #333333;
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__ticket-tile .fm-shopng__ticket-tile__content {
    background-color: #00B518;     /* FIX ME - Messefarbe setzen */
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__ticket-tile .fm-shopng__ticket-tile__amount-container {
    background-color: #333333;
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__amount-spinner .fm-shopng__amount-spinner__increase,
[data-theme-scope-09sjhur3m5x] .fm-shopng__amount-spinner .fm-shopng__amount-spinner__decrease {
    color: #333333;
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__overview-list__footer .fm-shopng__overview-list__cta {
    background-color: #00B518;     /* FIX ME - Messefarbe setzen */
    color: #00B518;     /* FIX ME - Messefarbe setzen */
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__voucher-ticket .fm-shopng__voucher-ticket__content {
    background-color: #00B518;     /* FIX ME - Messefarbe setzen */
}

[data-theme-scope-09sjhur3m5x] .button.att-high {
    background-color: #00B518 !important;     /* FIX ME - Messefarbe setzen */
    border-color: #00B518 !important;     /* FIX ME - Messefarbe setzen */
}

[data-theme-scope-09sjhur3m5x] .button.secondary.att-high {
    color: #fff !important;
}

/* Deaktivierung durch Update am 09.02.2022*/
dis [data-theme-scope-09sjhur3m5x] .fm-shopng__amount-spinner .fm-shopng__amount-spinner__increase svg path, 
dis [data-theme-scope-09sjhur3m5x] .fm-shopng__amount-spinner .fm-shopng__amount-spinner__decrease svg path {
    fill: #333333;
}


/* END shop color overrides */

/* Regi color overrides */

dim-registration .file-upload-button,
dim-registration #button_register,
dim-registration regi-button button.primary,
dim-registration regi-button button.default  {
    background: #00B518 !important;     /* FIX ME - Messefarbe setzen */
}

dim-registration regi-button.back .default i,
dim-registration regi-button.next .primary i {
    color: #00B518;     /* FIX ME - Messefarbe setzen */
}

dim-registration input:disabled,
dim-registration select:disabled {
    color: #00B518;     /* FIX ME - Messefarbe setzen */
}

/* END Regi color overrides */

/* custom styles */

.fairmate-content .c50r.forgetbox {
    margin-top: 50px !important;
}

/* KM-922 - Anpassung Padding für H2 bei Strukturfragen */
.fm-regina__regi-element-group .group-header h2 {
    max-width: 90%;
    padding-bottom: unset;
}
/* ------------------------ Checkout-Styling für ShopNG -------------------------- */

[data-theme-scope-09sjhur3m5x] input[type=checkbox]:not(:checked) + label:before,
[data-theme-scope-09sjhur3m5x] input[type=checkbox]:checked + label:before,
[data-theme-scope-09sjhur3m5x] input[type=radio]:not(:checked) + label:before,
[data-theme-scope-09sjhur3m5x] input[type=radio]:checked + label:before {
    display: none;
}

[data-theme-scope-09sjhur3m5x] input[type=checkbox]:not(:checked) + label,
[data-theme-scope-09sjhur3m5x] input[type=checkbox]:checked + label,
[data-theme-scope-09sjhur3m5x] input[type=radio]:not(:checked) + label,
[data-theme-scope-09sjhur3m5x] input[type=radio]:checked + label {
    padding-left: 0;
}

[data-theme-scope-09sjhur3m5x] input[type=radio]:checked + label:after {
    display: none;
}

[data-theme-scope-09sjhur3m5x] .logo {
    position: relative;
}

.fairmate-content [data-theme-scope-09sjhur3m5x] .personalisation-item .top .main {
    z-index: auto;
}

/* Unterdrückung Versalien bei Checkout*/
[data-theme-scope-09sjhur3m5x] .fm-shopng__cart-notice-dialog__item-list__item__col-left .title {text-transform: inherit;}


/* ------------------------ Article-List-Styling für ShopNG -------------------------- */

[data-theme-scope-09sjhur3m5x] .fm-shopng__expander .level-3{
    padding-right: 5em !important;
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__ticket-tile .fm-shopng__ticket-tile__content .fm-shopng__ticket-tile__title {
   text-transform: none;
}
[data-theme-scope-09sjhur3m5x] .fm-shopng__ticket-list .fm-shopng__ticket-list__header .fm-shopng__ticket-list__title {
   text-transform: none;
}
[data-theme-scope-09sjhur3m5x] .fm-shopng__personalisation-item .fm-shopng__personalisation-item__article-name {
    text-transform: none;
}

[data-theme-scope-09sjhur3m5x] .fm-shopng__cart-item__top .fm-shopng__cart-item__main .fm-shopng__cart-item__container-article-name .fm-shopng__cart-item__article-name{
   text-transform: none;
}

@media screen and (min-width: 1024px) and (max-width: 1439px){
[data-theme-scope-09sjhur3m5x] .fm-shopng__voucher-ticket:nth-child(3n) {
    margin-right: 15px !important;
}}

@media screen and (min-width: 1440px){
[data-theme-scope-09sjhur3m5x] .fm-shopng__voucher-ticket {
    margin-right: 23px !important;
}}

/*KM-965 Artikelbeschreibung läuft in Artikeltitel */
[data-theme-scope-09sjhur3m5x] .fm-shopng__modal__container {
    width: 95%
}
[data-theme-scope-09sjhur3m5x] .fm-shopng__voucher-article-list {
    padding: unset;
}
/* END KM-965 */

/*-----COPS-681-----
@media screen and (min-width: 1024px) {
[data-theme-scope-09sjhur3m5x] .fm-shopng__personalisation-list__cta_container {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    width: 969px;
}}
-----END COPS-681------*/




/* END custom styles */