/* ## Global ## */

/* overwrite the global hotfix of spacing*/
[data-product*="cat-cashback-account"] .grid > .container:not(.hero):not(.carousel)[data-cc="section"] {
  padding-top: 0px;
  padding-bottom: 16px;
}

/* fix width for the radio inputs in the flex-input-container of flex-form */
[data-product*="cat-cashback-account"] .flex-form .flex-input-container {
  min-width: 300px;
}

/* remove the place of hidden input field */
[data-product*="cat-cashback-account"] [data-cc-sub="form-field-hidden"] {
  display: none;
}

/* strict limit the width of content in s-viewport */
@media screen and (max-width: 659.9px) {
  [data-product*="cat-cashback-account"] [data-cc="table"][data-table-leader-column="1"] [data-table-row="body"] > div[data-table-cell-headline]:not(:nth-of-type(1)):not([class*="backdrop"]):before {
      min-width: 50%;
      max-width: 50%;
  }
}

/* add spacing at top an bottom page */
[data-product*="cat-cashback-account"] [data-cc="navigation"] + [data-cc="section"] {
  margin-top: 16px
}
[data-product*="cat-cashback-account"] [data-cc="footer"] {
  margin-top: 16px
}

/* general header logout button width */
[data-product*="cat-cashback-account"] [data-cc="header-basic"] .dialog a.button.ghost,
[data-product*="cat-cashback-account"] [data-cc="settings"] a.button.ghost {
  width: 100%;
}

/* overwrite border-color for divider of table component */
[data-product*="cat-cashback-account"] [data-cc="table"] [data-table-row][data-table-row="body"] + [data-table-row="body"] {
    border-top: 1px #F1F8FD solid;
}


/* ## balance teaser adjustements ## */
[data-product*="cat-cashback-account"] [data-cc="section"][class][class] [data-custom-layout="balance"] [data-cc="teaser-xs-hhh"] {
  margin-top: 16px;
  margin-bottom: 16px;
}


/* ## text component adjustements ## */
[data-product*="cat-cashback-account"] [data-cc="section"] .backdrop-c1-base [data-cc="text"].vspace-s,
[data-product*="cat-cashback-account"] [data-cc="section"] .backdrop-c1-base [data-cc="text"].vspace-s + [data-cc="text"].vspace-s {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  margin-top: 8px;
}
[data-product*="cat-cashback-account"] [data-cc="section"] .backdrop-c1-base [data-cc="text"].vspace-s + [data-cc="text"].vspace-s {
  margin-top: 16px;
}
[data-product*="cat-cashback-account"] [data-cc="section"] .backdrop-c1-base [data-cc="text"].vspace-s > *,
[data-product*="cat-cashback-account"] [data-cc="section"] .backdrop-c1-base [data-cc="text"].vspace-s + [data-cc="text"].vspace-s > * {
  margin-bottom: 0;
}
[data-product*="cat-cashback-account"] form .module .flex-input-container [data-cc="text"][class*="l-"] {
    width: auto;
    padding: 0;
}


/* ## Teaser-XS-HHH adjustements ## */
[data-product*="cat-cashback-account"] [data-cc="teaser-xs-hhh"].teaser.horizontal .content:not(.overlay-top):not(.overlay-bottom) {
    padding-top: 4px;
}
[data-product*="cat-cashback-account"] [data-cc="teaser-xs-hhh"].teaser .content > * {
    margin-bottom: 2px;
}
[data-product*="cat-cashback-account"] [data-cc="teaser-xs-hhh"] .xa-50.ya-50 img, .xa-50.ya-50 svg {
    top: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* ## Summary ## */
[data-product*="cat-cashback-account"] [data-cc-sub="summary"] section .row:last-of-type {
  font-size: 16px;
}
[data-product*="cat-cashback-account"] [data-cc-sub="summary"] button + .note {
  margin-top: 8px
}


/* ## Message ## */
[data-product*="cat-cashback-account"] .grid > .container:not(.hero):not(.carousel)[data-cc="message"] {
  padding-top: 0;
  padding-bottom: 0;
}
[data-product*="cat-cashback-account"] .grid > .container:not(.hero):not(.carousel)[data-cc="message"] .module {
  margin-bottom: 0;
  padding: 0;
}
[data-product*="cat-cashback-account"] .grid > .container:not(.hero):not(.carousel)[data-cc="message"] {
  padding: 16px;
}

/* ## Footer ## */
[data-product*="cat-cashback-account"] [data-cc="section"] + footer {
  margin-top: 0;
}


/* ## Charging Page ## */
/* overwrite global spacing */
[data-product="cat-cashback-account-charging"] .grid > [data-cc="tabs"].container:not(.hero):not(.carousel),
[data-product="cat-cashback-account-charging"] .grid > [data-cc="tabs"].container:not(.hero):not(.carousel) ~ [data-cc="section"],
[data-product="cat-cashback-account-charging"] .grid > [data-cc="tabs"].container:not(.hero):not(.carousel) ~ [data-cc="section"] ~ form {
  padding-top: 0px;
  padding-bottom:0px;
}
/* backdrop color for tabs component */
[data-product="cat-cashback-account-charging"] .grid > [data-cc="tabs"].container:not(.hero):not(.carousel) > .module {
  background-color: white;
}
@media screen and (max-width: 659.9px) {
  [data-product="cat-cashback-account-charging"] .grid > [data-cc="tabs"].container:not(.hero):not(.carousel) > .module {
    padding-top: 10px
  }
}
/* reduce spacing for paragraph within flex-input-container */
[data-product="cat-cashback-account-charging"] form[id*="charging"] .flex-input-container p {
  margin-bottom: 0px;
}
/* adapt spacing for text component underneath new balance teaser */
[data-product="cat-cashback-account-charging"] form[id*="charging"] > [data-cc="text"] {
  margin-bottom: 16px;
}
[data-product="cat-cashback-account-charging"] form[id*="charging"] > [data-cc="text"] p:last-child {
  margin-bottom: 0px;
}
/* reduce spacing between headline and tabs */
[data-product="cat-cashback-account-charging"] [data-cc="section"] + [data-cc="tabs"] {
  margin-top: -16px;
}
/* reduce spacing between teaser and charing message */
[data-product="cat-cashback-account-charging"] form[id*="charging"] {
  margin-top: -22px;
}
/* adapt bottom space for form-configurators */
[data-product="cat-cashback-account-charging"] form[id*="charging"] [data-cc-sub="configurator"] {
  margin-bottom: 16px;
}
/* adapt spacing for the 2nd configurator */
[data-product="cat-cashback-account-charging"] form[id*="charging"] [data-cc-sub="configurator"]:nth-child(2) > .container {
  padding-bottom: 12px;
}
/* simulating teaser with text-component */
[data-product="cat-cashback-account-charging"] form[id*="charging"] [data-cc-sub="configurator"] + [data-cc-sub="configurator"] [data-cc="text"] h4 {
  margin-bottom: 0;
}
[data-product="cat-cashback-account-charging"] form[id*="charging"] [data-cc-sub="configurator"] + [data-cc-sub="configurator"] [data-cc="text"]:after {
  content: '';
  position: absolute;
  display: block;
  width: 48px;
  height: 48px;
  left: 6px;
  top: 5px;
  background-image: url('https://img.ui-portal.de/webcent/icon/webcent_sum_green.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
[data-product="cat-cashback-account-charging"] form[id*="charging"] [data-cc-sub="configurator"] + [data-cc-sub="configurator"] .flex-input-container [data-cc="text"] {
  position: relative;
  padding-left: 80px;
  padding-top: 4px;
  padding-bottom: 8px;
}


/* ## Payout Page ## */
[data-product="cat-cashback-account-payingout"] [data-cc="text"].vspace-s p + h1, [data-cc="text"].vspace-s p + h2, [data-cc="text"].vspace-s p + h3, [data-cc="text"].vspace-s p + h4 {
    margin-top: 16px;
}
[data-product="cat-cashback-account-payingout"] form#payout-form {
  margin-top: -26px;
}
[data-product="cat-cashback-account-payingout"] [data-cc-sub="configurator"] button + .additive-text {
  font-size: 14px;
  line-height: 22px;
  margin-top: 12px;
}



/* ## Transaction Page ## */
[data-product="cat-cashback-account-overview"] form#transactions-table-options {
  padding-top: 0px;
  margin-bottom: 16px;
}
[data-product="cat-cashback-account-overview"] form#transactions-table-options + [data-cc="section"] {
  padding-bottom: 0px;
}
[data-product="cat-cashback-account-overview"] form#transactions-show-more {
  padding-top: 0px;
}
[data-product="cat-cashback-account-overview"] form#transactions-show-more + [data-cc="section"] .backdrop-c1-base:before {
  background-color: transparent;
}


/* ## Invoice Page ## */
[data-product="cat-cashback-invoice"] [data-cc="section"] + form#invoices-form {
  margin-top: -16px;
}
[data-product="cat-cashback-invoice"] form#invoices-form {
  padding-top: 0px;
  margin-bottom: 16px;
}
[data-product="cat-cashback-invoice"] form#invoices-form {
  padding-top: 0px;
}


/* ## Personal Data Page ## */
[data-product*="cat-cashback-account"][data-product*="personal-data"] #change-payment-options > [data-cc="iframe"] {
  margin-bottom: 0px;
}
[data-product*="cat-cashback-account"][data-product*="personal-data"] #change-payment-options > [data-cc="iframe"] + [data-cc-sub="configurator"] .vspace-xs {
  padding-top: 0px;
}