/* Overlay */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #555;
}

/* Box */
.popup-box {
  position: relative;
  background: #f4f4f4;
  width: 500px;
  max-width: 90%;
  padding: 40px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

/* Title */
.popup-box h2 {
  margin-bottom: 15px;
  font-size: 26px;
  color: #333;
}

/* Text */
.popup-box p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* Button */
.btn-primary {
      background-image: linear-gradient(180deg, #0563c1 0%, #0563c1 100%);
  color: #fff;
  border: none;
  padding: 15px 25px;
  border-radius: 30px;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px;
}

.btn-primary:hover {
  background: #092447;
}

html {
    height: 100%
}

body {
    background-color: #FFF;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #181818;
    height: 100%
}

a {
    text-decoration: none;
    color: #0563C1;
    cursor: pointer
}

a:hover {
    text-decoration: underline
}

a.nohover:hover {
    text-decoration: none
}

img {
    border: 0
}

form,
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

input,
select,
textarea {
    font-size: 12px;
    color: #181818
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

#c24-page-and-ads {
    min-height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#c24-ads {
    width: 100%;
    position: relative;
    background: #0563C1
}

#c24-ads-content {
    width: 994px;
    position: relative;
    margin: 0 auto
}

#c24-page-container-content {
    text-align: center;
    position: relative;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0
}

.c24-page-container {
    text-align: center;
    width: 100%
}

.c24-layout-12-column-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
    max-width: 1280px;
    place-content: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 16px
}

#c24-page-container-header,
#c24-page-container-footer {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.c24-page {
    width: 100%;
    padding: 0;
    margin: 0 auto 0;
    text-align: left
}

div.c24-ad-banner {
    width: 728px;
    margin: 0 auto
}

div.c24-ad-skyscraper {
    position: absolute;
    top: 233px;
    left: 1010px;
    z-index: 1
}

div.c24-ad-rectangle {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
    position: relative;
    z-index: 99
}

div.c24-ad-rectangle .ad {
    color: #666
}

.c24-blocking-layer,
.c24-strict-blocking-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / .5);
    z-index: 20000;
    width: 100%;
    min-height: 100%;
    cursor: pointer
}

.c24-strict-blocking-layer {
    cursor: inherit;
    position: fixed
}

.c24-tracking {
    position: absolute;
    top: -10px;
    left: -10px
}

.c24-gt {
    position: absolute;
    top: -10px
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}

.c24-header-top-icons-left nav {
    float: left
}

.c24-header-hover {
    min-width: 75px
}

.c24-header-layer {
    top: 72px;
    font-size: 14px
}

.c24-header-hover:hover {
    text-decoration: unset
}

body.c24-header-transparent .c24-header {
    position: absolute !important;
    z-index: 100;
    background: #fff0
}

body.c24-header-transparent .c24-header #c24-header-bottom {
    display: none
}

body.c24-header-transparent .c24-header #c24-header-top,
body.c24-header-transparent #c24-header {
    background: #fff0
}

#c24-header {
    width: 100%;
    min-height: 74px;
    background: #022D94;
    font-size: 12px;
    line-height: 16px
}

#c24-header,
#c24-header * {
    -webkit-text-size-adjust: none !important
}

#c24-header a:focus-visible,
#c24-header span:focus-visible,
#c24-footer a:focus-visible,
#c24-footer span:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px #fff
}

#c24-header a.c24-header-skip-container:focus-visible {
    box-shadow: none
}

#c24-header .c24-nav-ele-title:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 1px #fff
}

#c24-header .c24-nav-ele-title.c24-current:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px #f6b800
}

#c24-header .c24-nav-ele-title.c24-current:focus-visible:before {
    display: none
}

#c24-header.c24-product-title-visible #c24-product-name {
    display: block;
    height: 20px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    white-space: nowrap;
    margin: 0 auto;
    width: fit-content;
    position: absolute;
    left: 50%;
    top: 11px;
    transform: translate(-50%);
    padding: 16px 8px
}

.c24-header-inner {
    color: #fff;
    position: relative
}

#c24-header-top {
    background: #022D94;
    height: 74px;
    padding: 0 50px
}

#c24-header-bottom {
    background: #022D94;
    height: 42px;
    padding: 0 50px
}

@media only screen and (max-width:1280px) {

    #c24-header-bottom,
    #c24-header-top {
        padding: 0 16px
    }
}

#c24-header-top .c24-header-content,
#c24-header-bottom .c24-header-content {
    position: relative
}

#c24-header-top .c24-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 74px
}

.c24-header-skip-container {
    position: relative;
    left: -99999px;
    background: #022D94;
    display: block;
    padding: 0 50px
}

.c24-header-transparent .c24-header-skip-container {
    background: #fff0
}

.c24-responsive .c24-header-skip-container:focus {
    height: 0
}

.c24-header-skip-container:focus {
    position: static;
    height: 75px
}

.c24-header-skip-link {
    display: none
}

.c24-header-skip-container:focus .c24-header-skip-link {
    border: 2px solid #fff;
    display: block;
    height: 40px;
    width: 156px;
    background: #fff;
    position: absolute;
    box-sizing: border-box;
    top: 25px
}

.c24-header-skip-container:focus .c24-header-skip-link span {
    display: block;
    padding: 8px 16px;
    border-radius: 3px;
    border: 2px solid #0563C1;
    color: #181818;
    box-sizing: border-box;
    text-align: center;
    width: 100%
}

.c24-responsive .c24-header-skip-container:focus .c24-header-skip-link,
.c24-responsive .c24-header-skip-container:focus .c24-header-skip-link span {
    display: none
}

@media only screen and (max-width:1280px) {
    .c24-header-skip-container {
        padding: 0 15px
    }
}

.c24-header-components {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-grow: 1
}

.c24-logo {
    width: 163px;
    height: 44px;
    flex-shrink: 0;
    margin-top: 20px;
    padding: 0;
    background-size: 162px
}

.c24-logo,
.c24-cc-logo,
.c24-footer-logo {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat
}

#c24-breadcrumb {
    background: #fff;
    width: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 15px 0
}

#c24-breadcrumb .c24-breadcrumb-content {
    position: relative;
    min-width: 994px;
    width: 100%;
    max-width: 1280px;
    box-sizing: border-box;
    padding-bottom: 10px;
    font-size: 12px;
    margin: 0 auto
}

@media only screen and (max-width:1280px) {
    #c24-breadcrumb {
        padding: 15px
    }
}

#c24-breadcrumb ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0
}

#c24-breadcrumb ul li {
    color: #0563C1;
    display: inline
}

#c24-breadcrumb ul li a.c24-breadcrumb-last {
    cursor: default !important;
    text-decoration: none !important
}

.c24-footer,
.c24-footer * {
    -webkit-text-size-adjust: none !important;
    box-sizing: border-box
}

.c24-footer-content {
    display: flex;
    place-items: center
}

.c24-footer-bottom .c24-footer-content {
    display: inline;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.c24-footer-bottom .c24-footer-company-line {
    display: inline
}

.c24-footer-bottom .c24-footer-company-line:after {
    content: '·';
    margin: 0 0 0 5px
}

.c24-footer-terms-links {
    margin-left: 5px
}

.c24-footer-terms-links a:not(:last-child)::after {
    content: '·';
    margin: 0 0 0 5px;
    color: #181818
}

.c24-footer {
    display: block;
    width: 100%;
    position: relative;
    background: #FAFAFA
}

.c24-footer-top {
    font-size: 14px;
    line-height: 18px
}

.c24-footer-links-separator {
    border-bottom: 1px solid #dcdcdc;
    margin: 0 16px
}

.c24-footer-bottom-links {
    padding: 24px 0 16px
}

.c24-footer-links ul,
.c24-footer-bottom-links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.c24-footer-links details {
    grid-column: span 2
}

.c24-footer-links .c24-footer-link-first-ele {
    color: #181818;
    grid-column: span 4
}

.c24-footer-links-wrapper {
    width: 100%
}

.c24-footer-links-wrapper .c24-footer-link-first-ele .c24-footer-logo-wrapper {
    padding-top: 0
}

.c24-footer-links-wrapper .c24-footer-link-first-ele .c24-footer-logo {
    width: 155px;
    height: 38px;
    margin: unset
}

.c24-footer-links .c24-footer-link-first-ele .c24-footer-terms-links {
    display: unset
}

.c24-footer-links .c24-footer-link-first-ele .c24-footer-terms-links a {
    margin-right: 5px;
    margin-left: 5px;
    color: #181818
}

.c24-footer-links .c24-footer-link-first-ele .c24-footer-terms-links a:first-child {
    margin-left: 0;
    font-weight: 400
}

.c24-footer-links .c24-footer-link-first-ele .c24-footer-logo-subline {
    white-space: nowrap;
    margin-top: 5px;
    margin-bottom: 24px
}

.c24-footer-icon-wrapper {
    display: flex;
    gap: 16px;
    right: 16px
}

.c24-footer-icon {
    width: 20px;
    height: 22px;
    border-radius: 8px;
    overflow: hidden
}

.c24-footer-icon:hover {
    text-decoration: none;
    color: unset
}

.c24-footer-icon div {
    background-repeat: no-repeat;
    width: 20px;
    height: 22px;
    background-position: center
}

.c24-footer-icon .c24-facebook-logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDExIDIxIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOS43MDkgNi45MDRMOS40NTcgMTAuMTRINi4xMTNWMjAuOTI4SDIuMTU4VjEwLjE0SDBWNi45MDRIMi4xNThWNC44NTRDMi4xNTggMy45MTkgMi4xNTggMi40ODEgMi44NDEgMS41ODJDMy41NiAwLjY0NyA0LjUzMSAwIDYuMjIxIDBDOC45OSAwIDEwLjE0MSAwLjM5NiAxMC4xNDEgMC4zOTZMOS42MDIgMy42MzJDOS42MDIgMy42MzIgOC42MzEgMy4zOCA3LjgwNCAzLjM4QzYuOTQxIDMuMzggNi4xNSAzLjcwNCA2LjE1IDQuNTMxVjYuOTA0SDkuNzA5WiIgZmlsbD0iIzY2NjY2NiIvPgo8L3N2Zz4K)
}

.c24-footer-icon .c24-youtube-logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDIxIDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjAuMDY4IDIuMjRDMTkuODMyIDEuMzU4IDE5LjEzOCAwLjY2Mzk5OSAxOC4yNTYgMC40Mjc5OTlDMTYuNjU3IC01LjA2NjM5ZS0wNyAxMC4yNDggMCAxMC4yNDggMEMxMC4yNDggMCAzLjgzOSAtNS4wNjYzOWUtMDcgMi4yNCAwLjQyNzk5OUMxLjM1OCAwLjY2Mzk5OSAwLjY2NCAxLjM1OCAwLjQyOCAyLjI0QzQuNDcwMzVlLTA3IDMuODM5IDAgNy4xNzQgMCA3LjE3NEMwIDcuMTc0IDQuNDcwMzVlLTA3IDEwLjUwOSAwLjQyOCAxMi4xMDhDMC42NjQgMTIuOTkgMS4zNTggMTMuNjg0IDIuMjQgMTMuOTJDMy44MzkgMTQuMzQ4IDEwLjI0OCAxNC4zNDggMTAuMjQ4IDE0LjM0OEMxMC4yNDggMTQuMzQ4IDE2LjY1NyAxNC4zNDggMTguMjU2IDEzLjkyQzE5LjEzOCAxMy42ODQgMTkuODMyIDEyLjk5IDIwLjA2OCAxMi4xMDhDMjAuNDk2IDEwLjUwOSAyMC40OTYgNy4xNzQgMjAuNDk2IDcuMTc0QzIwLjQ5NiA3LjE3NCAyMC40OTYgMy44MzkgMjAuMDY4IDIuMjRaTTguMzA1IDEwLjI0OFY0LjA5OUwxMy42MyA3LjE3M0w4LjMwNSAxMC4yNDhaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPg==)
}

.c24-footer-icon .c24-instagram-logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOC44MjE5OSAxMy40NTZDMTEuMzgxMyAxMy40NTYgMTMuNDU2IDExLjM4MTMgMTMuNDU2IDguODIxOTlDMTMuNDU2IDYuMjYyNyAxMS4zODEzIDQuMTg3OTkgOC44MjE5OSA0LjE4Nzk5QzYuMjYyNyA0LjE4Nzk5IDQuMTg3OTkgNi4yNjI3IDQuMTg3OTkgOC44MjE5OUM0LjE4Nzk5IDExLjM4MTMgNi4yNjI3IDEzLjQ1NiA4LjgyMTk5IDEzLjQ1NloiIGZpbGw9IiM2NjY2NjYiLz4KICA8cGF0aCBkPSJNMTQuNTQ1IDBIMy4wOTlDMS4zODggMCAwIDEuMzg3IDAgMy4wOTlWMTQuNTQ1QzAgMTYuMjU2IDEuMzg3IDE3LjY0NCAzLjA5OSAxNy42NDRIMTQuNTQ1QzE2LjI1NyAxNy42NDQgMTcuNjQ0IDE2LjI1NyAxNy42NDQgMTQuNTQ1VjMuMDk5QzE3LjY0NCAxLjM4OCAxNi4yNTYgMCAxNC41NDUgMFpNOC44MjIgMTQuODU4QzUuNDg5IDE0Ljg1OCAyLjc4NiAxMi4xNTYgMi43ODYgOC44MjJDMi43ODYgNS40ODggNS40ODggMi43ODYgOC44MjIgMi43ODZDMTIuMTU2IDIuNzg2IDE0Ljg1OCA1LjQ4OCAxNC44NTggOC44MjJDMTQuODU4IDEyLjE1NiAxMi4xNTUgMTQuODU4IDguODIyIDE0Ljg1OFpNMTUuMDMzIDMuMjc2QzE0LjQyOSAzLjI3NiAxMy45MzkgMi43ODYgMTMuOTM5IDIuMTgyQzEzLjkzOSAxLjU3OCAxNC40MjkgMS4wODggMTUuMDMzIDEuMDg4QzE1LjYzNyAxLjA4OCAxNi4xMjcgMS41NzggMTYuMTI3IDIuMTgyQzE2LjEyNyAyLjc4NiAxNS42MzcgMy4yNzYgMTUuMDMzIDMuMjc2WiIgZmlsbD0iIzY2NjY2NiIvPgo8L3N2Zz4=)
}

.c24-footer-icon .c24-tiktok-logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDE4IDIxIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOS4yMjA0MyAwLjAxNzAwMDJDMTAuMzIzNCAxLjk3NDRlLTA3IDExLjQxODQgMC4wMDkgMTIuNTEyNCAwQzEyLjU3OTQgMS4yODggMTMuMDQyNCAyLjYwMiAxMy45ODU0IDMuNTExQzE0LjkyODQgNC40NDYgMTYuMjU4NCA0Ljg3NSAxNy41NTU0IDUuMDE4VjguNDExQzE2LjM0MzQgOC4zNjkgMTUuMTIyNCA4LjExNiAxNC4wMTk0IDcuNTk0QzEzLjUzOTQgNy4zNzUgMTMuMDkzNCA3LjA5NyAxMi42NTU0IDYuODExQzEyLjY0NzQgOS4yNyAxMi42NjM0IDExLjcyOCAxMi42Mzg0IDE0LjE3OEMxMi41NzE0IDE1LjM1NyAxMi4xODM0IDE2LjUyNyAxMS41MDE0IDE3LjQ5NUMxMC4zOTg0IDE5LjExMiA4LjQ4NzQzIDIwLjE2NCA2LjUyNTQzIDIwLjE5OEM1LjMyMTQzIDIwLjI2NSA0LjExNzQzIDE5LjkzNyAzLjA5MDQzIDE5LjMzMUMxLjM4OTQzIDE4LjMyOSAwLjE5NDQzMiAxNi40OTQgMC4wMTc0MzIgMTQuNTIzQzAuMDAwNDMyMDI5IDE0LjEwMiAtMC4wMDc1NjgzNSAxMy42ODEgMC4wMDk0MzE2NiAxMy4yNjhDMC4xNjE0MzIgMTEuNjY4IDAuOTUyNDMyIDEwLjEzNiAyLjE4MTQzIDkuMDkyQzMuNTc5NDMgNy44OCA1LjUzMjQzIDcuMjk5IDcuMzU5NDMgNy42NDRDNy4zNzY0MyA4Ljg5IDcuMzI1NDMgMTAuMTM2IDcuMzI1NDMgMTEuMzgyQzYuNDkxNDMgMTEuMTEzIDUuNTE1NDMgMTEuMTg4IDQuNzgyNDMgMTEuNjk0QzQuMjUyNDMgMTIuMDM5IDMuODQ3NDMgMTIuNTcgMy42Mzc0MyAxMy4xNjdDMy40NjA0MyAxMy41OTYgMy41MTE0MyAxNC4wNjggMy41MTk0MyAxNC41MjNDMy43MjE0MyAxNS45MDQgNS4wNTE0MyAxNy4wNjYgNi40NjY0MyAxNi45MzlDNy40MDk0MyAxNi45MzEgOC4zMTA0MyAxNi4zODMgOC43OTg0MyAxNS41ODNDOC45NTg0MyAxNS4zMDUgOS4xMzU0MyAxNS4wMTkgOS4xNDM0MyAxNC42OUM5LjIyNzQzIDEzLjE4MyA5LjE5NDQzIDExLjY4NCA5LjIwMjQzIDEwLjE3N0M5LjIxMDQzIDYuNzg0IDkuMTk0NDMgMy4zOTkgOS4yMTk0MyAwLjAxMzk5OTlMOS4yMjA0MyAwLjAxNzAwMDJaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=)
}

.c24-footer-links ul:last-child {
    margin-right: 0
}

.c24-footer-bottom-links ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    white-space: nowrap
}

.c24-footer-links ul li,
.c24-footer-links ul li a,
.c24-footer-links ul li a:hover,
.c24-footer-bottom-links ul li,
.c24-footer-bottom-links ul li a,
.c24-footer-bottom-links ul li a:hover {
    color: #181818
}

.c24-footer-links ul li {
    margin-top: 10px
}

.c24-footer-links summary {
    font-weight: 700;
    margin-top: 0;
    pointer-events: none
}

.c24-footer-bottom-links ul li {
    margin: 0 15px
}

.c24-footer-slim-item {
    display: none
}

.c24-footer-bottom {
    width: 100%;
    background: #FAFAFA;
    color: #181818;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    place-items: center;
    justify-content: space-between;
    padding: 30px 16px;
    margin: 0 auto;
    max-width: 1280px
}

.c24-footer-logo-wrapper {
    padding-top: 27px
}

.c24-footer-logo {
    display: block;
    width: 89px;
    height: 22px;
    margin: 0 auto
}

.c24-footer-content .c24-footer-copyright {
    text-align: center;
    padding: 0 15px 16px 15px;
    display: inline
}

.c24-footer:not(.c24-footer-slim) .c24-footer-copyright {
    padding: 32px 15px;
    font-size: 14px
}

.c24-footer:not(.c24-footer-slim) .c24-footer-bottom-links {
    display: none
}

.c24-footer:not(.c24-footer-slim) .c24-footer-links {
    padding: 30px 16px
}

.c24-footer-slim .c24-footer-top,
.c24-footer-slim .c24-footer-logo-wrapper {
    display: none
}

.c24-footer-slim .c24-footer-bottom {
    color: #181818;
    padding-top: 16px
}

.c24-footer-slim {
    background: #fafafa
}

.c24-footer-slim .c24-footer-bottom-links {
    padding-top: 0
}

.c24-footer-slim .c24-footer-bottom-links ul li a,
.c24-footer-slim .c24-footer-bottom-links ul li a:hover {
    color: #181818
}

.c24-footer-slim .c24-footer-slim-item {
    display: block
}

#c24-responsive-footer {
    display: none
}

.c24-footer-list {
    padding: 10px 0 0;
    display: inline-block;
    margin: 0 auto
}

.c24-footer-list li {
    display: inline-block;
    padding-bottom: 5px
}

.c24-footer-content a,
.c24m-footer a {
    color: #181818
}

.c24-footer-content a:hover,
.c24m-footer a:hover {
    text-decoration: none
}

.c24-footer-content p {
    margin: 0;
    padding: 0
}

.c24-footer-content .c24m-desktop-link {
    padding: 5px 0;
    display: block;
    color: #0563C1
}

.c24-footer-content .c24-footer-terms-links {
    display: inline
}

@media (max-width:1155px) {
    .c24-footer-links .c24-footer-link-first-ele {
        margin-right: 40px
    }
}

.c24-footer-links summary::marker {
    content: ''
}

.c24-hidden {
    display: none
}

.c24-first {
    margin-left: 0 !important
}

.c24-last {
    margin-right: 0 !important
}

.c24-web,
.c24-ver,
.c24-fin,
.c24-tel,
.c24-nrg,
.c24-rsn,
.c24-sho {
    color: #181818
}

.c24-web a,
.c24-ver a,
.c24-fin a,
.c24-tel a,
.c24-nrg a,
.c24-rsn a,
.c24-sho a {
    color: #0563C1
}

@media print {

    #c24-header-nav,
    #c24-header-search,
    #c24-header-tv,
    #c24-breadcrumb,
    #c24-footer-container,
    #c24-ad-banner,
    #c24-ad-skyscraper,
    svg {
        display: none
    }
}

.c24-points-msg {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 5px 12px;
    box-sizing: border-box;
    position: absolute;
    right: 140px;
    bottom: 0;
    text-decoration: none
}

.c24-header-inner a.c24-points-msg:hover {
    text-decoration: none;
    color: #fff
}

@media (max-width:1900px) {
    .c24-points-msg {
        display: none
    }
}

.c24-header-payback-ele {
    float: right;
    width: 120px;
    text-align: right;
    margin: 3px 0 0 25px
}

.c24-header-payback-ele-title {
    display: block;
    color: #fff;
    font-size: 11px
}

.c24-header-payback-ele svg {
    width: 120px;
    height: 47px
}

input.c24-button,
button.c24-button,
a.c24-button,
a.c24-cookie-button,
a.c24-cookie-consent-button {
    text-decoration: none !important;
    font-size: 13px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    border: 0 !important;
    display: inline-block;
    background: #0563C1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(5 99 193)), color-stop(100%, rgb(5 99 193)), color-stop(100%, rgb(5 99 193)));
    text-align: center;
    vertical-align: middle;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.c24-nosearch .c24-search {
    display: none
}

.c24-container-12 {
    margin-bottom: 14px;
    width: 994px;
    padding: 15px 0 0;
    background: #fff
}

.c24-row {
    margin-left: -7px;
    margin-right: -7px;
    box-sizing: border-box;
    clear: both
}

.c24-front {
    z-index: 2
}

#c24-header-at .c24-logo {
    height: 41px
}

#c24-header-at .c24-logo-text {
    position: absolute;
    bottom: -2px;
    left: 0;
    color: #fff;
    font-size: 13px
}

.c24-cnt-ele {
    margin-bottom: 32px;
    position: relative
}

.c24-cnt-ele-content {
    padding: 0
}

.c24-cnt-ele-title {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px
}

.c24-cnt-ele-title a {
    color: #181818
}

.c24-flex-title {
    display: block;
    font-size: 23px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 45px 0
}

.c24-cnt-ele-subtitle {
    display: block;
    font-size: 12px;
    font-weight: 400
}

.c24-cnt-ele-more {
    border-top: 1px solid #dcdcdc;
    text-align: right;
    font-weight: 700;
    padding: 2px 0
}

.c24-dialog-box {
    background-color: #fff
}

.c24-cnt-ele-ver,
.c24-cnt-ele-fin,
.c24-cnt-ele-nrg,
.c24-cnt-ele-tel,
.c24-cnt-ele-rsn,
.c24-cnt-ele-sho,
.c24-cnt-ele-fhm,
.c24-cnt-ele-plain {
    background: #fff
}

.c24-cntcol-sidebar,
.c24-cntcol-content {
    margin: 11px 0 0
}

.c24-cntcol-container {
    margin-bottom: 14px;
    background-color: #fff
}

.c24-cntcol-container .c24-cnt-ele {
    border-radius: 0;
    border: 0;
    margin-bottom: 30px
}

.c24-cntcol-content .c24-grid-9 {
    width: 724px
}

.c24-cntcol-content .c24-grid-9 .c24-grid-6 {
    width: 478px
}

.c24-cntcol-content .c24-grid-9 .c24-grid-4-5 {
    width: 355px
}

.c24-cntcol-content .c24-grid-9 .c24-grid-3 {
    width: 232px
}

.c24-cntcol-sidebar .c24-cnt-ele-title {
    padding-bottom: 0;
    border: none
}

.c24-cnt-teaser {
    min-height: 90px;
    height: auto !important;
    margin: 0 0 30px 0
}

.c24-cnt-teaser .c24-cnt-teaser-img {
    float: right
}

.c24-cnt-teaser .c24-cnt-teaser-link {
    padding-left: 130px;
    margin-bottom: 0
}

.c24-js-tb-tab {
    display: none
}

.c24-tab-group {
    margin-bottom: 32px
}

.c24-tab-navi {
    z-index: 99;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dcdcdc;
    overflow: inherit;
    visibility: inherit;
    width: 100%;
    display: block
}

.c24-tab-navi li {
    float: left;
    display: block
}

.c24-tab-navi li a {
    display: block;
    padding: 5px 0 7px 0;
    text-align: center;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    width: 100%
}

.c24-grid-12 .c24-tab-navi-3 li {
    width: 330px !important
}

.c24-grid-12 .c24-tab-navi-4 li {
    width: 248px !important
}

.c24-grid-12 .c24-tab-navi-4 li.last {
    width: 250px !important
}

.c24-grid-12 .c24-tab-navi-5 li {
    width: 198px !important
}

.c24-grid-12 .c24-tab-navi-6 li {
    width: 164px !important
}

.c24-grid-12 .c24-tab-navi-7 li {
    width: 142px !important
}

.c24-tab-navi li.last a {
    margin-right: 0 !important
}

.c24-tab-navi li a:hover,
.c24-tab-navi li a.active {
    text-decoration: none;
    font-weight: 700;
    position: relative
}

.c24-grid-12 .c24-tab-navi-3 li a.active:after {
    left: 154px
}

.c24-grid-12 .c24-tab-navi-4 li a.active:after {
    left: 113px
}

.c24-grid-12 .c24-tab-navi-5 li a.active:after {
    left: 88px
}

.c24-grid-12 .c24-tab-navi-6 li a.active:after {
    left: 71px
}

.c24-grid-12 .c24-tab-navi-7 li a.active:after {
    left: 60px
}

.c24-tab-group-content {
    z-index: 55;
    padding: 22px 10px 10px;
    background-color: #fff;
    width: 994px
}

.c24-tab-content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.c24-tab-content ul li {
    height: 1%;
    margin-bottom: 10px
}

.c24-tab-content h1,
.c24-tab-content h2,
.c24-tab-content h3,
.c24-tab-content h4,
.c24-tab-content h5,
.c24-tab-content h6 {
    color: #181818;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 7px
}

.c24-cntcol-content .c24-tab-group-content {
    border: none !important
}

.c24-tab-navi li a {
    display: block;
    padding: 5px 0 9px 0;
    text-align: center;
    font-size: 15px;
    color: #181818;
    line-height: 19px
}

.c24-tab-navi li .c24-tab-sem {
    display: block;
    padding: 5px 0 9px 0;
    text-align: center;
    font-size: 14px;
    color: #181818
}

.c24-tab-navi li .c24-tab-sem:hover,
.c24-tab-navi li .c24-tab-sem.active {
    color: #fff;
    background-color: #ffffff !important;
    text-decoration: none;
    font-weight: bold !important
}

.c24-tab-group-flex .c24-tab-navi {
    width: 994px;
    margin: 0 auto
}

.c24-tab-group-flex .c24-tab-group-navi {
    background-color: #0563C1;
    width: 994px
}

.c24-tab-group-flex .c24-tab-navi {
    border: 0
}

.c24-tab-group-flex .c24-tab-navi-7 li {
    width: 142px
}

.c24-tab-group-flex .c24-tab-navi li a {
    display: block;
    padding: 6px 0 7px 0;
    text-align: center;
    font-weight: 400;
    color: #fff;
    font-size: 15px;
    width: 100%
}

.c24-tab-group-flex .c24-tab-navi li a.active {
    background-color: #51b2ff;
    font-weight: 700
}

.c24-tab-group-flex .c24-tab-navi li a.active:after {
    background: none
}

button.c24-button,
button.c24-button-xl,
button.c24-button-xxl {
    position: relative
}

input.c24-button-xxl,
a.c24-button-xxl {
    font-size: 16px !important;
    padding: 10px 16px !important
}

input.c24-button-xxxl,
a.c24-button-xxxl,
span.c24-button-xxxl {
    font-size: 17px !important;
    height: 52px;
    width: 160px;
    font-family: Arial, Helvetica, sans-serif;
    display: block
}

a.c24-button-xxxl,
span.c24-button-xxxl {
    text-decoration: none !important;
    font-size: 18px !important;
    height: 18px;
    padding: 20px 0 16px 0;
    width: 160px
}

input.c24-button:hover,
button.c24-button:hover,
button.c24-button-xl:hover,
button.c24-button-xxl:hover,
input.c24-button-xl:hover,
input.c24-button-xxl:hover,
input.c24-button-xxxl:hover,
input.c24-button-s:hover,
a.c24-button:hover,
a.c24-button-xl:hover,
a.c24-button-xxl:hover,
a.c24-button-s:hover,
a.c24-button-xxxl:hover,
span.c24-button-xxxl:hover,
input.c24-button:active,
button.c24-button:active,
button.c24-button-xl:active,
button.c24-button-xxl:active,
input.c24-button-xl:active,
input.c24-button-xxl:active,
input.c24-button-xxxl:active,
input.c24-button-s:active,
a.c24-button:active,
a.c24-button-xl:active,
a.c24-button-xxl:active,
a.c24-button-s:active,
a.c24-button-xxxl:active,
span.c24-button-xxxl:active,
a.c24-cookie-button:hover,
a.c24-cookie-consent-button:not(.c24-cookie-consent-button-secondary):hover {
    background: #064E9C;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(6 78 156)), color-stop(100%, rgb(6 78 156)), color-stop(100%, rgb(6 78 156)))
}

input.c24-button-s,
a.c24-button-s {
    font-size: 11px !important
}

a.c24-button-s {
    display: block
}

a.c24-button-pt {
    text-decoration: none !important;
    font-size: 20px !important;
    padding: 19px 18px 8px;
    height: 28px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    font-weight: 700;
    border: 0 !important;
    display: block;
    background: #0563C1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin: 0 0 15px 0
}

a.c24-button-pt .product {
    float: left;
    text-align: left;
    display: block;
    font-weight: 400
}

a.c24-button-pt .price {
    float: right;
    text-align: right;
    display: block
}

a.c24-button-pt:hover {
    background: #015fa4;
    color: #fff
}

.c24-bubble {
    width: 110px;
    height: 110px;
    display: block;
    background: #e30613;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px;
    position: absolute;
    z-index: 4
}

.c24-bubble-content {
    display: block;
    position: absolute;
    width: 100%;
    clear: both
}

.c24-bubble-text {
    display: block;
    line-height: 22px;
    font-size: 19px;
    color: #FFF;
    margin-top: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.c24-bubble-text div,
.c24-bubble-text span {
    display: block;
    font-weight: 400;
    text-align: center;
    width: 100%;
    float: left;
    -webkit-font-smoothing: antialiased
}

.c24-bubble-text div span,
.c24-bubble-text span span {
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    -webkit-font-smoothing: antialiased
}

.c24-bubble-infoicon {
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    position: absolute;
    top: 67px;
    left: 88px
}

.c24-bubble-text.c24-bubble-date {
    margin-top: 26px
}

.c24-bubble-text.c24-bubble-cashback {
    margin-top: 18px
}

.c24-bubble-text.c24-bubble-cashback .c24-cashback {
    margin-top: -5px;
    font-size: 14px;
    display: block;
    font-weight: 400
}

.c24-bubble-infoicon {
    vertical-align: top;
    width: 10px;
    height: 10px;
    color: #FFF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTUwLDBDMjIuNCwwLDAsMjIuNCwwLDUwczIyLjQsNTAsNTAsNTBzNTAtMjIuNCw1MC01MFM3Ny42LDAsNTAsMHogTTU5LDg2SDQxVjM2aDE4Vjg2eiBNNTAsMzFMNTAsMzEgYy01LjgsMC05LjQtMy44LTkuNC04LjZjMC01LjEsMy43LTguNyw5LjQtOC43czkuMywzLjYsOS40LDguN0M1OS40LDI3LjEsNTUuNywzMSw1MCwzMXoiLz4NCjwvc3ZnPg0K) center;
    background-size: contain
}

ul,
.c24-list {
    list-style: square;
    padding-left: 20px
}

.c24-tab-content .c24-list {
    list-style: square !important;
    padding-left: 20px !important
}

.c24-list-blank {
    list-style: none;
    padding: 0;
    margin: 0
}

.c24-list-nav,
.c24-list-subnav {
    list-style: none;
    margin: 0;
    padding: 0
}

.c24-list-nav ul {
    list-style: none
}

.c24-list-subnav li {
    padding-left: 10px
}

.c24-list-nav li a,
.c24-list-subnav li a,
.c24-list-nav li span,
.c24-list-subnav li span {
    padding: 4px 0 4px 0;
    display: block;
    font-weight: 400
}

.c24-list-nav li span,
.c24-list-subnav li span {
    color: #005ea8
}

.c24-list-nav li a.active,
.c24-list-nav li span.active {
    font-weight: 700
}

.c24-cntcol-sidebar .c24-list-nav li a.active,
.c24-cntcol-sidebar .c24-list-nav li span.active {
    background: none;
    position: relative
}

.c24-cntcol-sidebar .c24-list-nav .c24-list-subnav li a.active:after {
    background: none
}

.c24-cntcol-sidebar .c24-list-subnav li a.active {
    padding: 3px 0 3px 15px;
    display: block;
    font-weight: 700;
    background: none;
    margin-left: 0
}

.c24-list-link {
    list-style: none;
    padding: 0;
    margin: 0
}

.c24-list-link li {
    float: left;
    font-weight: 700
}

.c24-list-hakerl,
.c24-list-plain,
.c24-list-hakerl-grey,
.c24-list-hakerl-flat-grey,
.c24-list-haken,
.c24-list-haken-s {
    margin: 0;
    padding: 0;
    list-style: none
}

.c24-list-plain li {
    margin-bottom: 5px
}

.c24-list-warning li {
    background-position: -537px -64px
}

.c24-list-hakerl li.last,
.c24-list-hakerl-grey li.last {
    margin-bottom: 0
}

.c24-list-logo {
    margin: 0;
    padding: 0;
    list-style: none
}

.c24-list-logo li {
    float: left
}

ul.c24-list-num {
    list-style: none;
    margin: 0 0 0 3px;
    padding: 0
}

ul.c24-list-num li {
    list-style: none;
    line-height: 18px;
    padding-left: 25px;
    margin-bottom: 5px
}

ol.c24-list-num {
    padding-left: 15px;
    margin: 0
}

ol.c24-list-num li {
    line-height: 18px;
    margin-bottom: 5px
}

.c24-list-haken li,
.c24-list-hakerl li {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    margin-top: 10px;
    position: relative;
    padding-left: 23px
}

.c24-list-haken-s li {
    font-size: 11px;
    line-height: 16px;
    color: #181818;
    margin-top: 4px;
    position: relative;
    padding-left: 17px
}

.c24-list-haken li:first-child,
.c24-list-hakerl li:first-child,
.c24-list-haken-s li:first-child {
    margin-top: 0
}

.c24-list-haken li:before,
.c24-list-hakerl li:before,
.c24-list-haken-s li:before {
    display: inline-block;
    position: absolute;
    left: 0;
    content: ' ';
    top: 4px;
    width: 18px;
    height: 22px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyOCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggaWQ9ImNoZWNrX2dyZWVuIiBmaWxsPSIjMDA1RUE4IiBkPSJNMTA4LjEsMEw0OCw2MC4xTDIwLDMyTDAsNTJsNDgsNDhsODAtODBMMTA4LjEsMHoiLz4NCjwvc3ZnPg0K) no-repeat;
    background-size: 18px
}

.c24-list-haken-s li:before {
    font-size: 14px;
    line-height: 16px
}

.c24-list-blank li:before {
    background: none
}

.c24-list-navi-service {
    list-style: none;
    padding: 0 !important;
    margin: 0 15px 0 0;
    float: left;
    border-right: 1px solid #dcdcdc;
    width: 227px;
    height: 100%
}

.c24-list-navi-service li span {
    font-weight: 700;
    color: #005ea8
}

.c24-list-navi-service li {
    line-height: 22px
}

ul.c24-last {
    border: none;
    margin-right: 0
}

.c24-form-text,
.c24-form-select,
.c24-form-date {
    border: 1px solid #b4b4b4
}

.c24-form-error {
    border-color: red
}

.c24-form-text-large {
    border: 1px solid #b4b4b4;
    padding: 6px 4px 7px 4px
}

.c24-form-select-large {
    border: 1px solid #b4b4b4;
    padding: 5px 4px 6px 4px;
    line-height: 24px;
    height: 30px
}

input,
select {
    font-family: Verdana, Arial, sans-serif;
    line-height: normal;
    font-size: 12px
}

input {
    padding: 2px
}

select {
    padding: 1px
}

.c24-form input[type=radio] {
    width: 16px;
    margin: 0;
    padding: 0;
    font-size: 8px;
    opacity: 0
}

.c24-form input[type=radio]+label {
    display: inline-block;
    margin-left: -19px;
    line-height: 24px
}

.c24-form input[type=radio]+label>span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 3px;
    border: 2px solid #949494;
    border-radius: 9px;
    background: #fff;
    vertical-align: bottom
}

.c24-form input[type=radio]:checked+label>span {
    background: #fff;
    border: 2px solid #005ea8
}

.c24-form input[type=radio]:checked+label>span>span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 2px;
    border: 1px solid #005ea8;
    border-radius: 6px;
    background: #005ea8
}

.c24-form .label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 27px;
    margin-right: 15px;
    font-size: 14px;
    line-height: 24px
}

.c24-form input[type=checkbox] {
    display: none
}

.c24-form .label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    bottom: 4px;
    background-color: #fff;
    border: 2px solid #b4b4b4;
    box-sizing: border-box
}

.c24-form .label:hover:before {
    border: 2px solid #181818
}

.c24-form input[type=checkbox]:checked+label:before {
    background: #005ea8 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyOCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggaWQ9ImNoZWNrX2dyZWVuIiBmaWxsPSIjZmZmIiBkPSJNMTA4LjEsMEw0OCw2MC4xTDIwLDMyTDAsNTJsNDgsNDhsODAtODBMMTA4LjEsMHoiLz4NCjwvc3ZnPg0K) no-repeat center;
    background-size: contain;
    border: 2px solid #005ea8;
    width: 18px;
    height: 18px
}

.c24-form input[type=checkbox]:checked:disabled+label:before {
    cursor: not-allowed;
    background: #005ea8 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyOCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggaWQ9ImNoZWNrX2dyZWVuIiBmaWxsPSIjZmZmIiBkPSJNMTA4LjEsMEw0OCw2MC4xTDIwLDMyTDAsNTJsNDgsNDhsODAtODBMMTA4LjEsMHoiLz4NCjwvc3ZnPg0K) no-repeat center;
    background-size: contain;
    border: 2px solid #666;
    width: 18px;
    height: 18px
}

.c24-form input[type=checkbox]:disabled+label {
    cursor: not-allowed
}

.c24-fe-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -1500px
}

.c24-fe-radio input[type="radio"]+label>.c24-radio-text {
    display: inline-block;
    float: left;
    font-size: 13px;
    line-height: 16px;
    margin-left: 9px;
    width: 90%
}

.c24-fe-radio:hover input[type="radio"]+label>.c24-radio-text {
    color: #181818
}

.c24-fe-radio input[type="radio"]+label>span.c24-radio-btn {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #aaa;
    border-radius: 9px;
    display: inline-block;
    float: left;
    height: 14px;
    margin: 0;
    vertical-align: top;
    width: 14px
}

.c24-fe-radio:hover input[type="radio"]+label>span.c24-radio-btn {
    border: 2px solid #919191
}

.c24-fe-radio input[type="radio"]:checked+label>span.c24-radio-btn {
    border: 2px solid #005ea8
}

.c24-fe-radio input[type="radio"]:checked+label>span.c24-radio-btn>span {
    background: #005ea8 none repeat scroll 0 0;
    border-radius: 4px;
    display: block;
    height: 8px;
    margin: 3px 0 0 3px;
    width: 8px
}

.c24-fe-radio input[type="radio"]:checked+label {
    cursor: pointer
}

.c24-fe-radio label {
    cursor: pointer
}

.c24-fe-radio.inline {
    display: inline-block;
    float: left
}

.c24-fe-radio.boxed {
    margin-right: 0;
    display: table-cell;
    border: 1px solid #b4b4b4;
    box-sizing: border-box;
    border-collapse: collapse;
    width: 50%;
    float: left;
    background-color: #fff
}

.c24-fe-radio.boxed:hover {
    border: 1px solid #181818;
    color: #005ea8 !important
}

.c24-fe-radio.boxed label {
    display: block;
    padding: 11px 0 11px 9px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    color: #181818
}

.c24-fe-radio.boxed input[type="radio"]+label>.c24-radio-text {
    width: 78%;
    overflow: hidden;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 20px
}

.c24-form-evo label {
    display: block;
    width: 100%;
    padding: 0 0 6px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #005ea8
}

.c24-form-evo .c24-input-evo {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 44px;
    padding: 10px 5px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #b4b4b4;
    line-height: 24px;
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
    background-color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.c24-form-evo .c24-select-evo {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 20px 0 5px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #b4b4b4;
    line-height: 24px;
    font-size: 16px;
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTEuM3B4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMjExLjMgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMTEuMyAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI0I0QjRCNCIgcG9pbnRzPSIwLDAgMTA1LjcsMTAwIDIxMS4zLDAgIi8+DQo8L3N2Zz4NCg==) no-repeat right 10px center;
    background-size: 15px;
    border-radius: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.c24-category-teaser .c24-form-evo .c24-select-evo {
    font-size: 18px;
    padding: 5px 25px 5px 10px;
    height: 52px;
    border: 1px solid #b4b4b4
}

.c24-category-teaser .c24-form-evo .c24-select-evo:active,
.c24-category-teaser .c24-form-evo .c24-select-evo:focus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTEuM3B4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMjExLjMgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMTEuMyAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iIzAwNUVBOCIgcG9pbnRzPSIwLDAgMTA1LjcsMTAwIDIxMS4zLDAgIi8+DQo8L3N2Zz4NCg==)
}

.c24-form-evo .c24-select-evo::-ms-expand {
    display: none
}

.c24-form-evo .c24-input-evo:hover,
.c24-form-evo .c24-select-evo:hover {
    border: 1px solid #181818 !important
}

.c24-form-evo .c24-input-evo:active,
.c24-form-evo .c24-input-evo:focus,
.c24-form-evo .c24-select-evo:active,
.c24-form-evo .c24-select-evo:focus {
    border: 1px solid #005ea8 !important
}

.c24-form-evo .c24-select-evo:active,
.c24-form-evo .c24-select-evo:focus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTEuM3B4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMjExLjMgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMTEuMyAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iIzAwNUVBOCIgcG9pbnRzPSIwLDAgMTA1LjcsMTAwIDIxMS4zLDAgIi8+DQo8L3N2Zz4NCg==)
}

.c24-form-evo .c24-input-wrapper {
    position: relative
}

.c24-form-evo .c24-input-delete {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 34px;
    right: -5px;
    display: none
}

.c24-home-slide .c24-singleline .c24-form-evo label {
    font-size: 16px
}

.c24-home-slide .c24-singleline .c24-form-evo .c24-input-evo {
    font-size: 18px;
    height: 52px;
    border: 1px solid #b4b4b4;
    padding: 5px 25px 5px 10px
}

.c24-home-slide .c24-singleline .c24-form-evo .c24-select-evo {
    font-size: 18px;
    padding: 5px 25px 5px 10px;
    height: 52px;
    border: 1px solid #b4b4b4
}

.c24-home-slide .c24-singleline .c24-form-evo .c24-select-evo:active,
.c24-home-slide .c24-singleline .c24-form-evo .c24-select-evo:focus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTEuM3B4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMjExLjMgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMTEuMyAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iIzAwNUVBOCIgcG9pbnRzPSIwLDAgMTA1LjcsMTAwIDIxMS4zLDAgIi8+DQo8L3N2Zz4NCg==)
}

.c24-home-slide .c24-singleline .c24-form-evo .c24-mob-model.c24-select-evo {
    height: 44px;
    padding-right: 32px;
    font-size: 16px
}

input#c24-rkr-credit-amount[type=text]::-ms-clear {
    display: none
}

select.c24-rkr-select:focus::-ms-value {
    color: #181818;
    background: #fff0
}

.c24-home-slide #c24-mof-form label {
    font-size: 14px
}

.c24-nav-blocking-layer,
.c24-nav-blocking-layer-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff0;
    z-index: 900;
    display: none
}

.c24-nav-blocking-layer-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff0;
    z-index: 900;
    display: none
}

.cct-teaser.c24-cnt-ele {
    border: 1px solid #dcdcdc;
    box-sizing: border-box
}

.c24-banderole {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    padding: 5px 10px 7px;
    position: absolute;
    top: 10px;
    right: -8px;
    background-color: #008300;
    color: #fff
}

.c24-banderole:before {
    border-left: 8px solid #6ca51f;
    border-right: 8px solid #fff0;
    border-bottom: 8px solid #fff0;
    height: 0;
    position: absolute;
    right: -8px;
    top: 28px;
    width: 0;
    content: ""
}

.c24-contrast-saving-hover {
    position: absolute;
    top: 0;
    right: 0;
    width: 139px;
    height: 136px;
    background-color: #fff0
}

.c24-contrast-saving-hover.c24-bubblefix {
    top: 50px;
    right: 0
}

.c24-saving-box {
    visibility: hidden;
    position: absolute;
    top: 50%;
    right: 50%;
    background-color: #fff;
    border: 1px solid #005ea8;
    width: 500px;
    z-index: 99;
    font-size: 11px;
    color: #181818;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / .45);
    margin-right: 71px;
    margin-top: -79px
}

.c24-saving-box-content {
    padding: 10px;
    position: relative
}

.c24-saving-box-corner {
    position: absolute;
    top: -20px;
    right: 19px;
    width: 0;
    height: 0;
    border-left: 20px solid #fff0;
    border-right: 20px solid #fff0;
    border-bottom: 20px solid #dcdcdc
}

.c24-saving-box-corner:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -19px;
    width: 0;
    height: 0;
    border-left: 19px solid #fff0;
    border-right: 19px solid #fff0;
    border-bottom: 19px solid #fff
}

.c24-saving-box-corner_bottom {
    position: absolute;
    bottom: -20px;
    right: 19px;
    width: 0;
    height: 0;
    border-left: 20px solid #fff0;
    border-right: 20px solid #fff0;
    border-bottom: 20px solid #dcdcdc;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c24-saving-box-corner_bottom:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -19px;
    width: 0;
    height: 0;
    border-left: 19px solid #fff0;
    border-right: 19px solid #fff0;
    border-bottom: 19px solid #fff
}

.c24-saving-box-corner_right {
    position: absolute;
    bottom: -20px;
    right: -30px;
    width: 0;
    height: 0;
    border-left: 20px solid #fff0;
    border-right: 20px solid #fff0;
    border-bottom: 20px solid #005ea8;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c24-saving-box-corner_right:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -19px;
    width: 0;
    height: 0;
    border-left: 19px solid #fff0;
    border-right: 19px solid #fff0;
    border-bottom: 19px solid #fff
}

.c24-contrast-saving-hover .c24-saving-box-corner_right {
    position: absolute;
    bottom: -20px;
    right: -16px;
    width: 0;
    height: 0;
    border-top: 15px solid #fff0;
    border-bottom: 15px solid #fff0;
    border-left: 15px solid #005ea8;
    border-right: none;
    transform: none
}

.c24-contrast-saving-hover .c24-saving-box-corner_right:before {
    content: "";
    position: absolute;
    top: -14px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 14px solid #fff0;
    border-bottom: 14px solid #fff0;
    border-left: 14px solid #fff;
    border-right: none
}

.c24-saving-box-corner_left {
    position: absolute;
    top: 54px;
    left: -30px;
    width: 0;
    height: 0;
    border-left: 20px solid #fff0;
    border-right: 20px solid #fff0;
    border-bottom: 20px solid #dcdcdc;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.c24-saving-box-corner_left:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -19px;
    width: 0;
    height: 0;
    border-left: 19px solid #fff0;
    border-right: 19px solid #fff0;
    border-bottom: 19px solid #fff
}

.c24-contrast-saving-hover .c24-saving-box-corner_left {
    position: absolute;
    top: 184px;
    left: -23px;
    width: 0;
    height: 0;
    border-left: 15px solid #fff0;
    border-right: 15px solid #fff0;
    border-bottom: 15px solid #005ea8;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.c24-contrast-saving-hover .c24-saving-box-corner_left:before {
    content: "";
    position: absolute;
    top: 2px;
    right: -14px;
    width: 0;
    height: 0;
    border-left: 14px solid #fff0;
    border-right: 14px solid #fff0;
    border-bottom: 14px solid #fff
}

.c24-saving-box-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    cursor: pointer;
    z-index: 700
}

.c24-saving-box-close {
    position: absolute;
    top: 9px;
    right: 9px;
    height: 16px;
    width: 16px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iIzU3NTc1NyIgcG9pbnRzPSIxMDAsODAgNzAsNTAgMTAwLDIwIDgwLDAgNTAsMzAgMjAsMCAwLDIwIDMwLDUwIDAsODAgMjAsMTAwIDUwLDcwIDgwLDEwMCAiLz4NCjwvc3ZnPg0K) no-repeat;
    background-size: cover
}

.c24-saving-graph-content {
    width: 100%;
    position: relative;
    padding-top: 60px;
    height: 70px
}

.c24-saving-graph {
    height: 10px;
    background: #599743;
    position: relative;
    border-radius: 4px 0 0 4px
}

.c24-saving-label {
    display: inline-block;
    max-width: 200px;
    border: 1px solid red;
    color: red;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    top: -64px;
    line-height: 16px
}

.c24-saving-min {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    background: #005ea8;
    border-radius: 4px 0 0 4px
}

.c24-saving-min-label {
    border: 1px solid #005ea8;
    color: #005ea8
}

.c24-saving-min-bar,
.c24-saving-max-bar {
    height: 20px;
    width: 5px;
    position: absolute;
    z-index: 100;
    top: -5px
}

.c24-saving-min-bar {
    background-color: #005ea8
}

.c24-saving-max-bar {
    background-color: red;
    right: -2px
}

.c24-saving-content {
    padding: 6px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c24-saving-corner {
    position: absolute;
    width: 0;
    padding: 0 5px;
    height: 8px;
    bottom: -8px
}

.c24-saving-total {
    color: #599743;
    text-align: center;
    margin-top: 9px;
    display: inline-block;
    position: relative
}

.c24-saving-corner:before {
    border-left: 9px solid #fff0;
    border-right: 9px solid #fff0;
    border-top: 9px solid #005ea8;
    height: 0;
    position: absolute;
    bottom: -1px;
    left: -4px;
    width: 0;
    content: '';
    z-index: 5050
}

.c24-saving-corner:after {
    border-left: 8px solid #fff0;
    border-right: 8px solid #fff0;
    border-top: 8px solid #fff;
    height: 0;
    position: absolute;
    bottom: 0;
    left: -3px;
    width: 0;
    content: '';
    z-index: 5050
}

.c24-saving-max-corner:before {
    border-top: 9px solid red
}

.c24-broker-info {
    max-height: 36px;
    display: none
}

.c24-broker-info-cnt {
    line-height: 16px;
    padding: 10px 0;
    text-align: center;
    color: #181818;
    background: #fff
}

.c24-broker-info span {
    font-size: 12px
}

.c24-broker-info a {
    text-decoration: underline
}

.c24-broker-info-show {
    display: block
}

.c24-header-hover .c24-phone-list {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 11px
}

.c24-header-hover .c24-phone-list ul {
    margin: 0;
    padding: 0
}

.c24-header-hover .c24-phone-list ul li {
    display: block;
    margin-bottom: 6px;
    padding-bottom: 2px;
    border-bottom: 1px solid #dcdcdc
}

.c24-header-hover .c24-phone-list ul li a {
    color: #005ea8;
    font-size: 14px;
    text-align: right;
    display: block
}

.c24-header-hover .c24-phone-list ul li.c24-space .c24-product-headline {
    padding-top: 9px
}

.c24-header-hover .c24-phone-list .c24-space {
    border: none;
    margin-bottom: 18px
}

.c24-header-hover .c24-product-headline {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    display: block
}

.c24-header-hover .c24-product-layer {
    width: 50%;
    float: left
}

.c24-header-hover .c24-product-layer p {
    margin: 0;
    font-size: 12px
}

.c24-ca-websec-siegel {
    width: 910px;
    height: 73px;
    overflow: hidden
}

.ca-wrapper .ca-item {
    width: 228px
}

.c24-ca-websec-bestseller .ca-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.container-awards {
    background: #2D93E2;
    padding-top: 45px;
    padding-bottom: 55px
}

.container-awards-inner {
    width: 994px;
    margin: 0 auto
}

.container-awards .c24-flex-title {
    color: #fff;
    margin-bottom: 55px;
    font-size: 34px
}

.container-awards .c24-award-box .c24-title {
    color: #fff;
    font-weight: 400
}

.c24-bubble-container {
    position: absolute;
    left: inherit;
    top: 40px;
    width: 110px;
    height: 110px;
    right: 5px;
    cursor: pointer
}

.c24-bubblefix .c24-bubble-container {
    top: 0;
    right: 0
}

.c24-bubble-container .c24-bubble-headline.bold {
    font-weight: 700;
    font-size: 30px
}

.c24-bubble-container .c24-bubble-subheadline {
    font-weight: 400;
    font-size: 17px;
    line-height: 16px;
    display: block
}

.c24-bubble-container-hover {
    position: relative
}

.c24-teaser-slider-widget .c24-singleline {
    margin: 0 auto
}

a.c24-btn-large,
.btn-button.c24-btn-large,
.c24-btn-large {
    padding: 9px 56px;
    font-size: 16px
}

.c24-line {
    border: 1px solid #dcdcdc;
    display: block
}

a.c24-center,
.c24-center {
    margin: 0 auto;
    display: table
}

.c24-grid-1,
.c24-grid-2,
.c24-grid-2-25,
.c24-grid-3,
.c24-grid-4,
.c24-grid-4-5,
.c24-grid-5,
.c24-grid-6,
.c24-grid-7,
.c24-grid-8,
.c24-grid-9,
.c24-grid-10,
.c24-grid-11,
.c24-grid-12 {
    display: inline;
    float: left;
    position: relative;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.push-1,
.pull-1,
.push-2,
.pull-2,
.push-3,
.pull-3,
.push-4,
.pull-4,
.push-5,
.pull-5,
.push-6,
.pull-6,
.push-7,
.pull-7,
.push-8,
.pull-8,
.push-9,
.pull-9,
.push-10,
.pull-10,
.push-11,
.pull-11,
.push-12,
.pull-12 {
    position: relative
}

.alpha {
    margin-left: 0
}

.omega {
    margin-right: 0
}

.c24-grid-1 {
    width: 82.8333px
}

.c24-grid-2 {
    width: 165.6666px
}

.c24-grid-2-25 {
    width: 175px
}

.c24-grid-3 {
    width: 248.49999px
}

.c24-grid-4 {
    width: 331.3332px
}

.c24-grid-4-5 {
    width: 364px
}

.c24-grid-5 {
    width: 414.1665px
}

.c24-grid-6 {
    width: 496.9998px
}

.c24-grid-7 {
    width: 579.8331px
}

.c24-grid-8 {
    width: 662.6666px
}

.c24-grid-9 {
    width: 745.4997px
}

.c24-grid-10 {
    width: 828.3333px
}

.c24-grid-11 {
    width: 911.16663px
}

.c24-grid-12 {
    width: 994px
}

.c24-grid-flex {
    width: 100%;
    position: relative
}

.c24-grid-center {
    margin: 0 auto;
    float: inherit;
    display: block
}

.c24-grid-flex-content {
    width: 994px;
    margin: 0 auto;
    position: relative
}

.c24-grid-offset-1 {
    margin-left: 82px
}

.c24-grid-offset-2 {
    margin-left: 165.6666px
}

.c24-grid-offset-3 {
    margin-left: 248.49999px
}

.c24-grid-offset-4 {
    margin-left: 331.3332px
}

.c24-grid-offset-5 {
    margin-left: 414.1665px
}

.c24-grid-offset-6 {
    margin-left: 496.9998px
}

.c24-grid-offset-7 {
    margin-left: 579.8331px
}

.c24-grid-offset-8 {
    margin-left: 662.6666px
}

.c24-grid-offset-9 {
    margin-left: 745.4997px
}

.c24-grid-offset-10 {
    margin-left: 828.3333px
}

.c24-grid-offset-11 {
    margin-left: 911.16663px
}

.c24-container-12 .prefix-1 {
    padding-left: 84px
}

.c24-container-12 .prefix-2 {
    padding-left: 168px
}

.c24-container-12 .prefix-3 {
    padding-left: 252px
}

.c24-container-12 .prefix-4 {
    padding-left: 336px
}

.c24-container-12 .prefix-5 {
    padding-left: 420px
}

.c24-container-12 .prefix-6 {
    padding-left: 504px
}

.c24-container-12 .prefix-7 {
    padding-left: 588px
}

.c24-container-12 .prefix-8 {
    padding-left: 672px
}

.c24-container-12 .prefix-9 {
    padding-left: 756px
}

.c24-container-12 .prefix-10 {
    padding-left: 840px
}

.c24-container-12 .prefix-11 {
    padding-left: 924px
}

.c24-container-12 .suffix-1 {
    padding-right: 84px
}

.c24-container-12 .suffix-2 {
    padding-right: 168px
}

.c24-container-12 .suffix-3 {
    padding-right: 252px
}

.c24-container-12 .suffix-4 {
    padding-right: 336px
}

.c24-container-12 .suffix-5 {
    padding-right: 420px
}

.c24-container-12 .suffix-6 {
    padding-right: 504px
}

.c24-container-12 .suffix-7 {
    padding-right: 588px
}

.c24-container-12 .suffix-8 {
    padding-right: 672px
}

.c24-container-12 .suffix-9 {
    padding-right: 756px
}

.c24-container-12 .suffix-10 {
    padding-right: 840px
}

.c24-container-12 .suffix-11 {
    padding-right: 924px
}

.c24-container-12 .push-1 {
    left: 84px
}

.c24-container-12 .push-2 {
    left: 168px
}

.c24-container-12 .push-3 {
    left: 252px
}

.c24-container-12 .push-4 {
    left: 336px
}

.c24-container-12 .push-5 {
    left: 420px
}

.c24-container-12 .push-6 {
    left: 504px
}

.c24-container-12 .push-7 {
    left: 588px
}

.c24-container-12 .push-8 {
    left: 672px
}

.c24-container-12 .push-9 {
    left: 756px
}

.c24-container-12 .push-10 {
    left: 840px
}

.c24-container-12 .push-11 {
    left: 924px
}

.c24-container-12 .pull-1 {
    left: -84px
}

.c24-container-12 .pull-2 {
    left: -168px
}

.c24-container-12 .pull-3 {
    left: -252px
}

.c24-container-12 .pull-4 {
    left: -336px
}

.c24-container-12 .pull-5 {
    left: -420px
}

.c24-container-12 .pull-6 {
    left: -504px
}

.c24-container-12 .pull-7 {
    left: -588px
}

.c24-container-12 .pull-8 {
    left: -672px
}

.c24-container-12 .pull-9 {
    left: -756px
}

.c24-container-12 .pull-10 {
    left: -840px
}

.c24-container-12 .pull-11 {
    left: -924px
}

.c24-grid-emo {
    padding: 0 6px
}

.first .c24-grid-emo {
    padding-left: 0;
    padding-right: 12px
}

.last .c24-grid-emo {
    padding-right: 0;
    padding-left: 12px
}

.c24-wide:not(.c24-fluid-grid) .alpha {
    padding-left: 0
}

.c24-wide:not(.c24-fluid-grid) .omega {
    padding-right: 0
}

.c24-wide.c24-fluid-grid .c24-grid-12-xs {
    width: 994px
}

.c24-wide.c24-fluid-grid .c24-grid-1 {
    width: 70px
}

.c24-wide.c24-fluid-grid .c24-grid-1 {
    width: 8.3333%
}

.c24-wide.c24-fluid-grid .c24-grid-2 {
    width: 16.66666667%
}

.c24-wide.c24-fluid-grid .c24-grid-3 {
    width: 25%
}

.c24-wide.c24-fluid-grid .c24-grid-4 {
    width: 33.33333333%
}

.c24-wide.c24-fluid-grid .c24-grid-5 {
    width: 41.66666667%
}

.c24-wide.c24-fluid-grid .c24-grid-6 {
    width: 50%
}

.c24-wide.c24-fluid-grid .c24-grid-7 {
    width: 58.33333333%
}

.c24-wide.c24-fluid-grid .c24-grid-8 {
    width: 66.66666667%
}

.c24-wide.c24-fluid-grid .c24-grid-9 {
    width: 75%
}

.c24-wide.c24-fluid-grid .c24-grid-10 {
    width: 83.33333333%
}

.c24-wide.c24-fluid-grid .c24-grid-11 {
    width: 91.66666667%
}

.c24-grid-offset-1-half {
    padding-left: 4.16665%
}

@media (min-width:995px) {

    .c24-wide.c24-fluid-grid .c24-tab-group-content,
    .c24-wide.c24-fluid-grid .c24-tab-group-flex .c24-tab-navi,
    .c24-wide.c24-fluid-grid .c24-tab-group-navi,
    .c24-wide.c24-fluid-grid .c24-grid-12 {
        max-width: 1310px;
        width: 100%;
        min-width: 994px;
        box-sizing: border-box
    }

    .c24-wide.c24-fluid-grid .c24-grid-4.first .c24-grid-emo {
        margin-left: 0
    }

    .c24-wide.c24-fluid-grid .c24-grid-4.last .c24-grid-emo {
        margin-right: 0
    }

    .c24-wide.c24-fluid-grid .c24-tab-group-flex .c24-tab-navi-7 li {
        width: 16.66% !important
    }

    .c24-wide.c24-fluid-grid .c24-grid-6 {
        width: 50%;
        margin: 0
    }

    .c24-wide.c24-fluid-grid .bx-wrapper .bx-controls,
    .c24-wide.c24-fluid-grid .c24-teaser-slider-content {
        max-width: 1280px;
        width: 100%;
        min-width: 994px
    }

    .c24-wide.c24-fluid-grid .c24-reisefinder-box {
        max-width: 1280px;
        width: 100%;
        min-width: 994px;
        -webkit-background-size: cover;
        background-size: cover
    }

    .c24-wide.c24-fluid-grid:not(.c24-payback) .bx-wrapper .bx-controls,
    .c24-wide.c24-fluid-grid:not(.c24-payback) .c24-teaser-slider-content {
        max-width: 1280px;
        width: 100%;
        min-width: 994px
    }

    .c24-wide.c24-fluid-grid .container-awards-inner {
        max-width: 1280px;
        width: 100%;
        min-width: 994px;
        margin: 0 auto
    }

    .c24-wide.c24-fluid-grid .c24-grid-12 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px
    }

    .c24-wide.c24-fluid-grid .c24-grid-12 .c24-grid-12 {
        margin: 0;
        padding: 0 7px
    }

    .c24-wide.c24-fluid-grid .c24-grid-1,
    .c24-wide.c24-fluid-grid .c24-grid-2,
    .c24-wide.c24-fluid-grid .c24-grid-3,
    .c24-wide.c24-fluid-grid .c24-grid-4,
    .c24-wide.c24-fluid-grid .c24-grid-5,
    .c24-wide.c24-fluid-grid .c24-grid-6,
    .c24-wide.c24-fluid-grid .c24-grid-7,
    .c24-wide.c24-fluid-grid .c24-grid-8,
    .c24-wide.c24-fluid-grid .c24-grid-9,
    .c24-wide.c24-fluid-grid .c24-grid-10,
    .c24-wide.c24-fluid-grid .c24-grid-11 {
        margin-left: 0;
        margin-right: 0;
        padding-left: 7px;
        padding-right: 7px;
        box-sizing: border-box
    }

    .c24-wide.c24-fluid-grid .c24-grid-1 {
        width: 70px
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-1 {
        width: 8.3333%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-2 {
        width: 16.66666667%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-3 {
        width: 25%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-4 {
        width: 33.33333333%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-5 {
        width: 41.66666667%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-6 {
        width: 50%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-7 {
        width: 58.33333333%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-8 {
        width: 66.66666667%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-9 {
        width: 75%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-10 {
        width: 83.33333333%
    }

    .c24-wide.c24-fluid-grid .c24-grid-lg-11 {
        width: 91.66666667%
    }

    .c24-grid-offset-1-half {
        padding-left: 4.16665%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-1 {
        margin-left: 8.3333%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-2 {
        margin-left: 16.66666667%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-3 {
        margin-left: 25%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-4 {
        margin-left: 33.33333333%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-5 {
        margin-left: 41.66666667%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-6 {
        margin-left: 50%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-7 {
        margin-left: 58.33333333%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-8 {
        margin-left: 66.66666667%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-9 {
        margin-left: 75%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-10 {
        margin-left: 83.3333%
    }

    .c24-wide.c24-fluid-grid .c24-grid-offset-11 {
        margin-left: 91.66666667%
    }

    .c24-wide.c24-fluid-grid .c24-row {
        margin-left: -7px;
        margin-right: -7px;
        box-sizing: border-box;
        clear: both
    }

    .c24-wide.c24-fluid-grid .c24-grid-flex-content {
        min-width: 994px;
        width: 100%;
        max-width: 1310px;
        box-sizing: border-box;
        padding: 0 15px
    }
}

.c24-activities {
    flex-shrink: 0;
    width: max-content;
    margin: 20px 4px
}

.c24-activities-icon {
    height: 45px;
    position: relative;
    padding: 0;
    cursor: pointer;
    box-sizing: content-box;
    display: flex;
    place-items: center;
    place-content: center;
    flex-direction: column
}

.c24-activities-label {
    color: #fff;
    font-size: 12px;
    margin-top: 4px;
    text-align: center
}

.c24-activities-icon .c24-activities-icon-svg,
.c24-activities-icon .c24-activities-icon-svg-active {
    display: block;
    width: 23px;
    height: 24px;
    background-repeat: no-repeat
}

.c24-activities-icon .c24-activities-icon-svg {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTkuMDc4IDIyOSI+PHBhdGggZD0iTTE4Mi4zNTUsMEgzNi43MjNDMTYuNDc0LDAsMCwxNi40NzMsMCwzNi43MjJ2MTU1LjU1NUMwLDIxMi41MjcsMTYuNDc0LDIyOSwzNi43MjMsMjI5aDE0My42NDRsMS45ODgtLjAwOWMyMC4yNDksMCwzNi43MjItMTYuNDczLDM2LjcyMi0zNi43MjJWMzYuNzIyYzAtMjAuMjQ5LTE2LjQ3My0zNi43MjItMzYuNzIyLTM2LjcyMlpNMjA3LjA3MywxOTIuMjc4YzAsMTMuNjMtMTEuMDg4LDI0LjcxOC0yNC43MTcsMjQuNzE4SDM2LjcyM2MtMTMuNjMsMC0yNC43MTgtMTEuMDg4LTI0LjcxOC0yNC43MThWMzYuNzMyYzAtMTIuODAyLDkuOTg5LTIzLjYyNSwyMi43NC0yNC42NGwuMTE1LS4wMDl2LS4wNzhoMTQ3LjQ5NmMxMy42MjksMCwyNC43MTcsMTEuMDg5LDI0LjcxNywyNC43MTh2MTU1LjU1NVoiIGZpbGw9IiMxODE4MTgiLz48cGF0aCBkPSJNMTMxLjAwNSw2NS41MDhINTMuNDA1Yy0zLjMxLDAtNi4wMDMsMi42OTMtNi4wMDMsNi4wMDJzMi42OTMsNi4wMDMsNi4wMDMsNi4wMDNoNzcuNmMzLjMxLDAsNi4wMDMtMi42OTMsNi4wMDMtNi4wMDNzLTIuNjkzLTYuMDAyLTYuMDAzLTYuMDAyWiIgZmlsbD0iIzE4MTgxOCIvPjxwYXRoIGQ9Ik0xMDkuMTk0LDEwOC41MDNoLTU1Ljc4OWMtMy4zMSwwLTYuMDAzLDIuNjkzLTYuMDAzLDYuMDAyczIuNjkzLDYuMDAzLDYuMDAzLDYuMDAzaDU1Ljc4OWMzLjMxLDAsNi4wMDMtMi42OTMsNi4wMDMtNi4wMDNzLTIuNjkzLTYuMDAyLTYuMDAzLTYuMDAyWiIgZmlsbD0iIzE4MTgxOCIvPjxwYXRoIGQ9Ik05Ni40MzIsMTUxLjQ5N2gtNDMuMDI3Yy0zLjMxLDAtNi4wMDMsMi42OTMtNi4wMDMsNi4wMDNzMi42OTMsNi4wMDEsNi4wMDMsNi4wMDFoNDMuMDI3YzMuMzA5LDAsNi4wMDItMi42OTIsNi4wMDItNi4wMDFzLTIuNjkzLTYuMDAzLTYuMDAyLTYuMDAzWiIgZmlsbD0iIzE4MTgxOCIvPjwvc3ZnPg==);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.c24-activities-icon .c24-activities-icon-svg.active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIyIDI0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTMxXzEyMDg2KSI+CiAgICA8cGF0aCBkPSJNMTMuMTU1NiA2Ljg2NTQ2SDUuMzYyOTZDNS4wMzA1NyA2Ljg2NTQ2IDQuNzYwMTMgNy4xNDc3IDQuNzYwMTMgNy40OTQ0OUM0Ljc2MDEzIDcuODQxMjkgNS4wMzA1NyA4LjEyMzYzIDUuMzYyOTYgOC4xMjM2M0gxMy4xNTU2QzEzLjQ4OCA4LjEyMzYzIDEzLjc1ODQgNy44NDEzOSAxMy43NTg0IDcuNDk0NDlDMTMuNzU4NCA3LjE0NzU5IDEzLjQ4OCA2Ljg2NTQ2IDEzLjE1NTYgNi44NjU0NloiIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNMTAuOTY1MyAxMS4zNzE1SDUuMzYyOTZDNS4wMzA1NyAxMS4zNzE1IDQuNzYwMTMgMTEuNjUzNyA0Ljc2MDEzIDEyLjAwMDVDNC43NjAxMyAxMi4zNDczIDUuMDMwNTcgMTIuNjI5NyA1LjM2Mjk2IDEyLjYyOTdIMTAuOTY1M0MxMS4yOTc3IDEyLjYyOTcgMTEuNTY4MiAxMi4zNDc0IDExLjU2ODIgMTIuMDAwNUMxMS41NjgyIDExLjY1MzYgMTEuMjk3NyAxMS4zNzE1IDEwLjk2NTMgMTEuMzcxNVoiIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNOS42ODM3NyAxNS44Nzc0SDUuMzYyOTZDNS4wMzA1NyAxNS44Nzc0IDQuNzYwMTMgMTYuMTU5NiA0Ljc2MDEzIDE2LjUwNjVDNC43NjAxMyAxNi44NTM0IDUuMDMwNTcgMTcuMTM1NSA1LjM2Mjk2IDE3LjEzNTVIOS42ODM3N0MxMC4wMTYxIDE3LjEzNTUgMTAuMjg2NSAxNi44NTMzIDEwLjI4NjUgMTYuNTA2NUMxMC4yODY1IDE2LjE1OTggMTAuMDE2MSAxNS44Nzc0IDkuNjgzNzcgMTUuODc3NFoiIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNMjAuNzI2IDIwLjc1MzVDMjAuNDY1MSAyMS44OTI0IDE5LjQ4MjIgMjIuNzQxOSAxOC4zMTIyIDIyLjc0MTlIMy42ODc3NkMyLjMxOTAyIDIyLjc0MTkgMS4yMDU1NSAyMS41Nzk5IDEuMjA1NTUgMjAuMTUxNFYzLjg0OTY0QzEuMjA1NTUgMi41MDc5NSAyLjIwODY2IDEuMzczNjYgMy40ODkxMiAxLjI2NzI4TDMuNTAwNjcgMS4yNjYzNFYxLjI1ODE3SDE4LjMxMjNDMTkuNjgxIDEuMjU4MTcgMjAuNzk0NCAyLjQyMDMzIDIwLjc5NDQgMy44NDg3VjcuNTk3MjFIMjJWMy44NDg3QzIyIDEuNzI2NDMgMjAuMzQ1NyAwIDE4LjMxMjIgMEgzLjY4Nzc2QzEuNjU0MzMgMCAwIDEuNzI2NDMgMCAzLjg0ODU5VjIwLjE1MTNDMCAyMi4yNzM2IDEuNjU0MzMgMjQgMy42ODc3NiAyNEgxOC4xMTI2TDE4LjMxMjIgMjMuOTk5MUMyMC4xNDkgMjMuOTk5MSAyMS42NzYxIDIyLjU5MDIgMjEuOTU0MyAyMC43NTM1SDIwLjcyNloiIGZpbGw9IndoaXRlIi8+CiAgPC9nPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8xMzFfMTIwODYiPgogICAgICA8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+);
    filter: none
}

.c24-activities-count {
    position: absolute;
    top: 7px;
    left: 40px;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    font-weight: 700;
    width: 16px;
    text-align: center;
    color: #fff;
    font-family: Arial, sans-serif;
    display: none
}

.c24-activities-count.min-font {
    font-size: 8px;
    line-height: 15px;
    height: 15px;
    min-width: 15px
}

.c24-activities-layer-hover {
    visibility: hidden;
    position: absolute;
    right: -6px;
    width: 370px;
    z-index: 1003
}

.c24-activities-layer {
    background: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / .3);
    z-index: 1003;
    overflow: hidden
}

.c24-activities-layer .content {
    font-size: 12px;
    line-height: 16px
}

.c24-activities-layer .content.c24-activity-list-content {
    padding: 15px 15px 0
}

.c24-activities-layer .content .c24-activity-headline {
    font-size: 16px;
    color: #181818;
    margin-bottom: 10px;
    font-weight: 700
}

.c24-activities-layer .content .c24-activity {
    position: relative;
    cursor: pointer;
    display: flex;
    padding-top: 10px;
    height: fit-content;
    padding-bottom: 10px
}

.c24-activities-layer .content .c24-activity:hover {
    text-decoration: none
}

.c24-activities-layer .content .c24-activity:last-child {
    padding-bottom: 15px
}

.c24-activities-layer .content .c24-activity:nth-child(1) {
    margin-top: -5px
}

.c24-activities-layer .content .c24-activity:hover {
    background: #f7f7f7;
    border-left: 15px solid #f7f7f7;
    border-right: 15px solid #f7f7f7;
    width: 100%;
    left: -15px
}

.c24-activities-layer .content .c24-activity .c24-activity-content-wrapper {
    line-height: 22px;
    width: 70%;
    color: #181818;
    min-width: 0
}

.c24-activities-layer .content .c24-activity .c24-activity-product {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c24-activities-layer .content .c24-activity .c24-activity-title {
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c24-activities-layer .content .c24-activity .c24-activity-status {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c24-activities-layer .content .c24-activity .c24-activity-status.c24-activity-presale_priced,
.c24-activities-layer .content .c24-activity .c24-activity-status.c24-activity-presale {
    color: #F07C00
}

.c24-activities-layer .content .c24-activity .c24-activity-status.c24-activity-upcoming,
.c24-activities-layer .content .c24-activity .c24-activity-status.c24-activity-active {
    color: #008300
}

.c24-activities-layer .content .c24-activity .c24-activity-status.c24-activity-terminated {
    color: #ae3775
}

.c24-activities-layer .content .c24-activity .c24-activity-status.c24-activity-ended,
.c24-activities-layer .content .c24-activity .c24-activity-status.c24-activity-cancelled {
    color: #666
}

.c24-activities-layer .content .c24-activity .c24-activity-info-line {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c24-activities-layer .content .c24-activity .c24-activity-payment {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: end
}

.c24-activities-layer .content .c24-activity .c24-activity-image {
    max-width: 80px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex: 1;
    margin-right: 10px;
    border-radius: 16px
}

.c24-activities-layer .content .c24-activity .c24-activity-default-image {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTEgMTAwIj4KICAgIDxwYXRoIGQ9Im00MS41LDEyLjljMS4yLjMsMi4xLjksMi42LDEuOWgwYy4zLjcuNSwxLjQuNSwyLjNoMGMwLC45LS4yLDItLjQsMy4zaDBjLS40LDEuNy0uNywzLTEuMiw0LjJoMGMtLjUsMS4yLTEuMiwyLjItMi4zLDNoMGMtMi4xLDEuNi01LjQsMi43LTExLjIsNGgwYy03LjcsMS43LTEzLDMuMS0xNi43LDVoMGMtMy43LDEuOC01LjksNC4xLTcuNSw3LjZoMGMtMS4xLDIuMy0xLjksNS4zLTIuNyw5aDBsLTIuMywxMS4xaDQ5LjdsMi4zLTExLjJIMTcuN3MuNS0yLjcsMS0zLjdoMGMuNS0xLjMsMS4zLTIuMiwyLjMtMi45aDBjMS0uNywyLjEtMS4yLDMuNi0xLjZoMGMyLjgtLjgsNi44LTEuMywxMi41LTIuOGgwYzcuMS0xLjgsMTEuOS0zLjgsMTUuMy03LjJoMGMzLjQtMy4zLDUuNS03LjksNy0xNS4xaDBjLjUtMi43LjktNS4zLjktNy4zaDBjMC0yLjktLjUtNS0xLjUtNi43aDBjLTEtMS43LTIuNC0yLjktNC4zLTMuOGgwQzUwLjguNCw0NS40LDAsMzguOSwwaDBDMzAuNywwLDI0LjMuOSwxOS41LDMuOGgwYy00LjgsMi45LTguMSw4LjMtMTAsMTdoMGwtLjUsMi40aDE1LjFsLjYtMi43Yy42LTIuNiwxLjEtNC40LDIuMS01LjZoMGMxLTEuMiwyLjQtMS45LDQuMy0yLjFoMGMxLjMtLjIsMi45LS4yLDQuOC0uMmguOWMyLjEsMCwzLjYuMSw0LjcuM2gwWiIgZmlsbD0iIzAwNWVhOCIgc3Ryb2tlLXdpZHRoPSIwIi8+CiAgICA8cGF0aCBkPSJtNDguNywxMDBoMGMtMTAsMC0xOS41LTIuNy0yNy42LTcuNy04LTQuOS0xMi43LTEwLjgtMTQuOS0xNC4xbC0yLjksNy41Yy0uMy43LTEsMS4xLTEuOCwxcy0xLjMtLjgtMS40LTEuNmwtLjEtMTQuNmgwYzAtLjQuMi0uOC41LTEuMS4zLS4zLjctLjUsMS4xLS41aDE0LjljLjgsMCwxLjQuNSwxLjUsMS4zLDAsLjEuMS4yLjEuMywwLC43LS40LDEuMi0xLDEuNWwtNy4zLDIuOGM2LjQsNS43LDE5LjYsMTQuOSwzOC4xLDE0LjksMS42LDAsMy4yLS4xLDQuOC0uMiw3LjgtLjcsMTUuNy0yLjYsMjIuOC01LjUsNi4yLTIuNiwxMS43LTUuOSwxNS45LTkuNmwtNy41LTIuMmMtLjYtLjItMS4xLS44LTEuMS0xLjV2LS4yYy4xLS44LjctMS40LDEuNS0xLjRsMTQuNi0xLjRoLjJjLjQsMCwuOC4xLDEsLjQuMy4zLjUuNy42LDEuMWwxLjIsMTQuNGMwLC43LS41LDEuNC0xLjIsMS41LS4xLjEtLjMuMS0uNC4xLS42LDAtMS4yLS4zLTEuNS0uOWwtMy41LTYuOGMtMi44LDMuOC03LjcsOS4zLTE1LjUsMTMuOS03LjgsNC44LTE2LjYsNy42LTI2LDguNGwtLjkuMWgwYy0xLjUsMC0yLjguMS00LjIuMVoiIGZpbGw9IiMwMDVlYTgiIHN0cm9rZS13aWR0aD0iMCIvPgogICAgPHBhdGggZD0ibTgzLjIsNi44Yy0xLjcsMS44LTE2LjUsMTcuMy0yMi42LDIzLjYtMS4yLDEuMy0yLjUsMi43LTMuMSwzLjktLjUuOS0xLjEsMy4zLTEuNCw1LS42LDMuNi0xLjEsNi44LTEuNCw4LjItLjEuMy0uMS43LS4xLDEsMCwxLjEuNSwxLjgsMS4xLDIuNC42LjUsMS40LjgsMi4zLjhoMjkuM2wtMi43LDEyLjcsMTUuNC0xLjUsMi40LTExLjNoNS41bDIuNC0xMS4zaC01LjVzNS41LTI1LjgsNS43LTI2LjhDMTEyLjQsMywxMDguMSwwLDk4LjMsMGMtMi40LjEtOC0uNS0xNS4xLDYuOFptNi41LDMzLjRoLTIyLjFsMjYuNC0yNy4zaDEuNmwtNS45LDI3LjNaIiBmaWxsPSIjMDA1ZWE4IiBzdHJva2Utd2lkdGg9IjAiLz4KPC9zdmc+)
}

.c24-header-inner .c24-activities-layer a:hover.c24-activity.unread {
    text-decoration: none
}

.c24-activities-layer .content .c24-activity .text {
    color: #181818;
    overflow: hidden;
    height: 34px;
    position: relative;
    line-height: 16px;
    font-size: 14px
}

.c24-activities-layer .content .empty {
    color: #181818;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    padding: 15px
}

.c24-activities-layer .loader .loading-activity-item-image,
.c24-activities-layer .loader .loading-activity-item-line {
    background: #efeff4 linear-gradient(120deg, #fff0 30%, rgb(221 221 221 / .5) 50%, #fff0 70%);
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s c24wfloadingscreen ease-in-out infinite
}

.c24-activities-layer .content .loader .loading-activity-item {
    display: flex;
    gap: 10px;
    padding-bottom: 10px
}

.c24-activities-layer .content .loader .loading-activity-item:not(:last-child) {
    border-bottom: 1px solid #dcdcdc
}

.c24-activities-layer .content .loader .loading-activity-item:not(:first-child) {
    padding-top: 10px
}

.c24-activities-layer .content .loader .loading-activity-item-image {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    flex-shrink: 0
}

.c24-activities-layer .content .loader .loading-activity-item-text-container {
    width: 100%
}

.c24-activities-layer .content .loader .loading-activity-item-line {
    border-radius: 5px;
    height: 12px;
    width: 100%;
    margin-top: 4px
}

.c24-activities-layer .content .loader .loading-activity-item-first-line {
    margin-bottom: 8px
}

.c24-activities-layer .content .loader .loading-activity-item-line:last-child {
    margin-top: 12px;
    width: 175px
}

.c24-activities-layer .content .loader .loading-activity-item-first-line .loading-activity-item-line {
    margin-top: 0
}

.c24-activities-layer .content .loader .loading-activity-item-first-line .loading-activity-item-line:first-child {
    width: 200px;
    margin-right: 8px;
    display: inline-block
}

.c24-activities-layer .content .loader .loading-activity-item-first-line .loading-activity-item-line:nth-child(2) {
    width: 55px;
    display: inline-block
}

@keyframes c24wfloadingscreen {
    to {
        background-position-x: -20%
    }
}

#c24-lastseen .loader {
    margin: 457px auto;
    width: 0
}

#c24-lastseen .spinner .bar {
    top: 180px
}

.c24-activities-layer .content .c24-activity .text .more {
    position: absolute;
    bottom: 2px;
    right: 0;
    background: #fff
}

.c24-activities-layer .content .c24-activity .text .more:before {
    padding-left: 3px
}

.c24-activities-layer .content .c24-activity .text .more.dot:before {
    content: '... '
}

.c24-activities-layer .content .c24-activity:hover .text .more {
    background: #f9f9f9
}

.c24-activities-layer .content .c24-activity:hover .text .more a {
    text-decoration: underline
}

.c24-activities-layer .all {
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
    color: #0563C1;
    cursor: pointer;
    display: none;
    margin: 0 15px;
    font-size: 12px
}

@keyframes c24-activities-loader-0 {
    0% {
        opacity: .25007500000000005
    }

    0.01% {
        opacity: .25
    }

    0.02% {
        opacity: 1
    }

    0.010000000000005116% {
        opacity: .25
    }

    100% {
        opacity: .25007500000000005
    }
}

@keyframes c24-activities-loader-1 {
    0% {
        opacity: .3250750000000001
    }

    10.01% {
        opacity: .25
    }

    10.02% {
        opacity: 1
    }

    10.010000000000005% {
        opacity: .25
    }

    100% {
        opacity: .3250750000000001
    }
}

@keyframes c24-activities-loader-2 {
    0% {
        opacity: .40007500000000007
    }

    20.01% {
        opacity: .25
    }

    20.020000000000003% {
        opacity: 1
    }

    20.010000000000005% {
        opacity: .25
    }

    100% {
        opacity: .40007500000000007
    }
}

@keyframes c24-activities-loader-3 {
    0% {
        opacity: .475075
    }

    30.01% {
        opacity: .25
    }

    30.020000000000003% {
        opacity: 1
    }

    30.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .475075
    }
}

@keyframes c24-activities-loader-4 {
    0% {
        opacity: .550075
    }

    40.01% {
        opacity: .25
    }

    40.019999999999996% {
        opacity: 1
    }

    40.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .550075
    }
}

@keyframes c24-activities-loader-5 {
    0% {
        opacity: .625075
    }

    50.01% {
        opacity: .25
    }

    50.019999999999996% {
        opacity: 1
    }

    50.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .625075
    }
}

@keyframes c24-activities-loader-6 {
    0% {
        opacity: .700075
    }

    60.01% {
        opacity: .25
    }

    60.019999999999996% {
        opacity: 1
    }

    60.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .700075
    }
}

@keyframes c24-activities-loader-7 {
    0% {
        opacity: .7750750000000001
    }

    70.01% {
        opacity: .25
    }

    70.02000000000001% {
        opacity: 1
    }

    70.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .7750750000000001
    }
}

@keyframes c24-activities-loader-8 {
    0% {
        opacity: .850075
    }

    80.01% {
        opacity: .25
    }

    80.02000000000001% {
        opacity: 1
    }

    80.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .850075
    }
}

@keyframes c24-activities-loader-9 {
    0% {
        opacity: .9250750000000001
    }

    90.01% {
        opacity: .25
    }

    90.02000000000001% {
        opacity: 1
    }

    90.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .9250750000000001
    }
}

.c24-mylists {
    flex-shrink: 0;
    width: max-content;
    z-index: 1000;
    margin: 20px 4px
}

.c24-header-inner a.c24-mylists-content {
    height: 45px;
    position: relative;
    padding: 0;
    cursor: pointer;
    box-sizing: content-box;
    display: flex;
    place-items: center;
    place-content: center;
    flex-direction: column
}

.c24-header-inner a.c24-mylists-content:hover {
    text-decoration: none
}

#c24-mylists-text {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9bd1fb;
    cursor: default
}

.c24-mylists-icon {
    display: none;
    position: relative;
    cursor: pointer
}

.c24-mylists-icon .c24-mylists-icon-svg,
.c24-mylists-icon .c24-mylists-icon-svg-active {
    display: block;
    width: 28px;
    height: 24px;
    background-repeat: no-repeat
}

.c24-mylists-icon .c24-mylists-icon-svg {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjkgMjI5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMTgxODE4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMDcuNjQsMS4xOWMtMjEuMDItMy43OS00Mi43MiwxLjU4LTU5LjU0LDE0LjczbC0uMjYuMTgtMi42MywyLjE5Yy0yLjMsMS45NS00LjU0LDQuMTctNi44Nyw2Ljc3bC0zLjg5LDQuMzYtMy44OS00LjM2Yy0yLjgxLTMuMi01Ljk4LTYuMTktOS43MS05LjE0QzEwNy43Nyw1LjY1LDkxLjM4LDAsNzQuNjksMGMtNC40NiwwLTguOTUuNC0xMy4zNCwxLjJDMjUuOCw3LjY4LDAsMzguNjEsMCw3NC43NHYxLjg3YzAsMTguNTgsNi43MywzNi41NywxOC45NSw1MC42NywyLjA2LDIuMywzLjgyLDQuMTEsNS41NCw1LjdsOTguMjcsOTEuNDRjMy4yNCwyLjk2LDcuNDEsNC41OCwxMS43NCw0LjU4LDMuOCwwLDcuNTEtMS4yNiwxMC40NC0zLjU0LjQzLS4zNC44NC0uNjYsMS4xOC0uOTlsOTguMzMtOTEuNTVjMS43My0xLjYsMy41LTMuNDIsNS41Ny01LjcyLDEyLjI0LTE0LjAxLDE4Ljk4LTMxLjk4LDE4Ljk4LTUwLjU5di0xLjg3YzAtMzYuMTMtMjUuOC02Ny4wNi02MS4zNi03My41NVpNMjU2LjM0LDc0Ljc0djEuODdjMCwxNy43OS03LjQ2LDM0Ljk0LTIwLjQ2LDQ3LjA2bC05OC4yNSw5MS40NmMtLjgxLjgtMS45NSwxLjI1LTMuMTMsMS4yNS0xLjA4LDAtMi4yLS40My0zLjA2LTEuMTlMMzMuMTgsMTIzLjY4Yy0xMy4wNC0xMi4xLTIwLjUyLTI5LjI2LTIwLjUyLTQ3LjA3di0xLjg3YzAtMzAuMDIsMjEuNDMtNTUuNzEsNTAuOTUtNjEuMDgsMy42My0uNjYsNy4yOS0uOTgsMTAuOTMtLjk4LDE3LjU2LDAsMzQuNzEsNy41LDQ2LjU1LDIwLjgxbDguNjUsOS43MmMxLjI0LDEuMzYsMi45OCwyLjE0LDQuNzYsMi4xNHMzLjU1LS43OCw0Ljc1LTIuMTNsOC42Ni05LjczYzE0LjMxLTE2LjA3LDM2LjM0LTIzLjY3LDU3LjQ4LTE5LjgyLDI5LjUyLDUuMzcsNTAuOTUsMzEuMDYsNTAuOTUsNjEuMDhaIi8+Cjwvc3ZnPg==);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.c24-mylists-icon .c24-mylists-icon-svg.active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI4IDI0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTc4M183NDQ0KSI+CiAgICA8cGF0aCBkPSJNMjEuNjEzMSAwLjEyNDcxNkMxOS40MjUxIC0wLjI3MjQ4OSAxNy4xNjY0IDAuMjkwMzA2IDE1LjQxNTYgMS42Njg0N0wxNS4zODg2IDEuNjg3MzRMMTUuMTE0OCAxLjkxNjg2QzE0Ljg3NTQgMi4xMjEyMiAxNC42NDEyIDIuMzUzODkgMTQuMzk5NyAyLjYyNjM4TDEzLjk5NDggMy4wODMzMkwxMy41ODg4IDIuNjI2MzhDMTMuMjk3NCAyLjYyOTEgMTIuOTY2NCAxLjk3NzY0IDEyLjU3ODEgMS42Njg0N0wxMS4yMTc3IDAuNTkyMTQgOS41MTE2NyAwIDcuNzc0NDIgMEM3LjMxMDE5IDAgNi44NDM4NyAwLjA0MTkyMTQgNi4zODY5MSAwLjEyNTc2NEMyLjY4NjU0IDAuODA0ODkxIDAgNC4wNDY0NiAwIDcuODMzMDFWOC4wMjlDMCA5Ljk3NjI0IDAuNzAwNTIxIDExLjg2MTcgMS45NzI0OSAxMy4zMzk0QzIuMTg2OTEgMTMuNTgxNSAyLjM3MDExIDEzLjc3MTIgMi41NDkxNCAxMy45MzY4TDEyLjc3OCAyMy41MTlDMTMuMTE2MyAyMy44MjkyIDEzLjc1MDMgMjQgMTQgMjRDMTQuMzk1NSAyNCAxNC43ODE3IDIzLjg2NzkgMTUuMDg2NyAyMy42MjlDMTUuMTMzNSAyMy41OTM0IDE1LjE3NTIgMjMuNTYwOSAxNS4yMDk1IDIzLjUyNTJMMTguMTc5MiAyMC43NDE3SDE2LjI1MjVMMTQuMzI1OCAyMi41NDc0QzE0LjI0MTUgMjIuNjMxMyAxNC4xMjI4IDIyLjY3ODQgMTQgMjIuNjc4NEMxMy44ODc2IDIyLjY3ODQgMTMuNzcxIDIyLjYzMzQgMTMuNjgxNSAyMi41NTQ4TDMuNDUzNjggMTIuOTYyMUMyLjA5NjM2IDExLjY5MjkgMS4zMTc3NyA5Ljg5NTU1IDEuMzE3NzcgOC4wMjlWNy44MzMwMUMxLjMxNzc3IDQuNjg2ODEgMy41NDg0IDEuOTk0NDEgNi42MjExMiAxLjQzMTYyQzYuOTk4OTYgMS4zNjI0NSA3LjM3OTkzIDEuMzI4OTEgNy43NTg4MSAxLjMyODkxQzkuNTg2NjIgMS4zMjg5MSAxMS4zNzA3IDIuMTE0OTMgMTIuNjA0MiAzLjUwODgyTDEzLjUwNDUgNC41Mjc1MUMxMy42MzQ2IDQuNjcwMDQgMTMuODE0NyA0Ljc1Mjg0IDE0IDQuNzUyODRDMTQuMTg1MyA0Ljc1Mjg0IDE0LjM2OTUgNC42NzEwOSAxNC40OTQ0IDQuNTI4NTZMMTUuMzk1OCAzLjUwODgyQzE2Ljg4NTQgMS44MjQ2MyAxOS4xNzc0IDEuMDI5MTcgMjEuMzc4OSAxLjQzMTYyQzI0LjM3MzUgMS45Nzk3NCAyNi41Njc3IDQuNTUxNjIgMjYuNjc3IDcuNTk0MDZIMjcuOTk1OEMyNy44ODY1IDMuOTEwMjIgMjUuMjM1NCAwLjc5MDIxOCAyMS42MTMxIDAuMTI0NzE2WiIgZmlsbD0id2hpdGUiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzE3ODNfNzQ0NCI+CiAgICAgIDxyZWN0IHdpZHRoPSIyOCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4=);
    filter: none;
    background-size: 100%
}

.c24-mylists-count {
    position: absolute;
    top: 7px;
    left: 40px;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    font-weight: 700;
    min-width: 16px;
    text-align: center;
    color: #fff;
    font-family: Arial, sans-serif;
    display: none
}

.c24-mylists-count.min-font {
    font-size: 8px;
    line-height: 15px;
    height: 15px;
    min-width: 15px
}

.c24-mylists-heart .c24-mylists-icon {
    display: block;
    width: 25px;
    height: 24px;
    float: left;
    box-sizing: content-box
}

.c24-mylists .c24-mylists-label {
    color: #fff;
    font-size: 12px;
    margin-top: 4px
}

.c24-mylists-hover {
    display: block;
    float: right;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-align: left;
    padding: 5px 14px 20px 0;
    position: relative;
    box-sizing: border-box;
    cursor: default
}

.c24-mylists-layer {
    visibility: hidden;
    background: #fff;
    width: 324px;
    padding: 0;
    box-sizing: border-box;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / .3);
    text-align: left;
    z-index: 1004;
    position: absolute;
    right: -6px;
    color: #181818;
    min-height: 56px
}

.c24-mylists-layer .empty {
    padding: 0 16px 16px;
    display: block;
    font-size: 12px;
    line-height: 16px
}

.c24-mylists-layer .all {
    padding: 0 15px;
    color: #0563C1;
    cursor: pointer;
    display: none
}

.c24-mylists-layer .all span {
    display: block;
    padding: 15px 0;
    font-size: 12px;
    line-height: 16px;
    border-top: 1px solid #dcdcdc;
    text-align: center
}

.c24-mylists-layer .all:hover span {
    text-decoration: underline
}

.c24-mylists-layer .c24-mylists-headline span {
    font-size: 16px;
    line-height: 15px;
    color: #181818;
    font-weight: 700
}

.c24-mylists-layer .c24-mylists-headline {
    margin-bottom: 10px
}

.c24-mylists-layer .c24-mylists-lists {
    padding: 16px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdcdc
}

.c24-mylists-no-items {
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 15px 15px
}

.c24-mylists-no-items .c24-mylists-headline {
    margin-bottom: 10px
}

.c24-mylists-home .c24-mylists-layer .c24-mylists-lists {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.c24-mylists .c24-mylists-item {
    display: table;
    border-bottom: 1px solid #dcdcdc;
    font-size: 13px;
    line-height: 15px;
    position: relative;
    padding: 10px 0;
    width: 100%
}

.c24-mylists .c24-mylists-item:hover {
    background: #f7f7f7;
    border-left: 15px solid #f7f7f7;
    border-right: 15px solid #f7f7f7;
    width: 100%;
    left: -15px
}

.c24-header-inner a.c24-mylists-item:hover,
.c24-mylists .c24-mylists-item .c24-mylists-item-title:hover {
    text-decoration: none
}

.c24-mylists a:hover .c24-mylists-item-title {
    text-decoration: underline
}

.c24-mylists .c24-mylists-lists-items .c24-mylists-item:last-child {
    border-bottom: none
}

.c24-mylists .c24-mylists-item-product {
    display: block;
    margin-bottom: 5px;
    color: #666;
    text-decoration: none
}

.c24-mylists .c24-mylists-item-wrapper {
    width: 100%;
    display: table;
    position: relative
}

.c24-mylists .c24-mylists-item-img {
    margin-right: 10px;
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat
}

.c24-mylists .c24-mylists-item-img {
    max-width: 50px;
    max-height: 70px;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto
}

.c24-mylists .c24-mylists-item-title-wrapper {
    width: 290px;
    display: table-cell;
    vertical-align: top;
    padding-left: 10px
}

.c24-mylists .c24-mylists-item-title,
.c24-mylists .c24-mylists-item-subtitle,
.c24-mylists .c24-mylists-item-group {
    display: block;
    max-width: 265px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #181818;
    text-decoration: none
}

.c24-mylists .c24-mylists-item-title {
    font-weight: 700
}

.c24-mylists .c24-mylists-item-group {
    margin-top: 8px;
    line-height: 21px
}

.c24-mylists .c24-mylists-item-group-count {
    display: inline-block;
    height: 13px;
    line-height: 13px;
    padding: 4px;
    border-radius: 3px;
    color: #fff;
    background-color: #3ca7ac;
    box-sizing: content-box
}

.c24-mylists .c24-mylists-item-price-wrapper {
    max-width: 290px;
    text-align: right;
    float: right;
    margin-top: -2px
}

.c24-mylists .c24-mylists-item-price-wrapper span {
    font-size: 13px;
    color: #181818;
    text-decoration: none;
    display: inline-block;
    margin-top: 3px
}

.c24-mylists .c24-mylists-item-price-wrapper span.former-payment {
    text-decoration: line-through
}

.c24-mylists .c24-mylists-item-price-wrapper .c24-mylists-item-price {
    font-size: 16px;
    color: #181818;
    padding-left: 5px;
    text-decoration: none
}

.c24-mylists .c24-mylists-item-price-wrapper .former-payment {
    padding-left: 5px
}

.c24-mylists .c24-mylists-item-price-wrapper .price-prefix {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c24-mylists-layer .loader .loading-wishlist-item:first-child {
    padding: 0 0 10px 0
}

.c24-mylists-layer .loader .loading-wishlist-item {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
    position: relative
}

.c24-mylists-layer .loader .loading-wishlist-item:last-child {
    border-bottom: none
}

.c24-mylists-layer .loader .loading-wishlist-item-image,
.c24-mylists-layer .loader .loading-wishlist-item-line,
.c24-mylists-layer .loader .loading-wishlist-item-price {
    background: #efeff4 linear-gradient(120deg, #fff0 30%, rgb(221 221 221 / .5) 50%, #fff0 70%);
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s c24wfloadingscreen ease-in-out infinite
}

.c24-mylists-layer .loader .loading-wishlist-item-wrapper {
    width: 100%;
    display: table;
    position: relative
}

.c24-mylists-layer .loader .loading-wishlist-item-image {
    max-width: 50px;
    max-height: 54px;
    width: 50px;
    height: 54px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 5px;
    margin-right: 10px
}

.c24-mylists-layer .loader .loading-wishlist-item-text-container {
    width: 290px;
    display: table-cell;
    vertical-align: top;
    padding-left: 10px
}

.c24-mylists-layer .loader .loading-wishlist-item-line {
    border-radius: 5px
}

.c24-mylists-layer .loader .loading-wishlist-item-price-wrapper {
    max-width: 290px;
    text-align: right;
    float: right;
    margin-top: 6px
}

.c24-mylists-layer .loader .loading-wishlist-item-price {
    border-radius: 5px;
    display: inline-block
}

@keyframes c24wfloadingscreen {
    to {
        background-position-x: -20%
    }
}

.c24-contact {
    color: #fff;
    text-decoration: none;
    flex-shrink: 0;
    width: max-content;
    margin: 20px 4px
}

.c24-header-components:not(:has(.c24-customer)) .c24-contact {
    min-width: 30px;
    margin-left: 22px;
    margin-right: 0
}

.c24-contact .c24-contact-content {
    align-items: center;
    position: relative;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    height: 45px;
    padding: 0;
    box-sizing: content-box;
    display: flex;
    place-items: center;
    place-content: center;
    flex-direction: column
}

.c24-contact .c24-contact-content:hover {
    text-decoration: none;
    color: #fff
}

.c24-contact .c24-header-icon-label {
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 4px
}

.c24-contact .c24-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.c24-contact .c24-contact-icon-svg {
    position: relative;
    height: 24px;
    width: 24px;
    display: block;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTMuMzYgMjI5Ij48cGF0aCBkPSJNMjQ4LjMzNywyMTguMDg2bC0uMTc4LjEzOWMtNi4xODEtNy4yNDgtMTcuNjg3LTIwLjczOS0yNS44MTUtMzYuODM3LTIuNjAyLTUuMTE0LTIuNzE4LTExLjA1OS0uMzE5LTE2LjMxLDExLjY0MS0yMi45MTUsMTUuNDM5LTQ2LjY4MiwxMS4yOTQtNzAuNjQ4LTUuMTk1LTMwLjAyNi0yMi4xOTgtNTYuMjE3LTQ3Ljg3Ny03My43NTFDMTY1LjYyNyw3LjE1MSwxNDIuNDgzLDAsMTE4LjUxMSwwYy02LjkwMiwwLTEzLjg4Mi42MDItMjAuNzQ0LDEuNzg5LTMwLjg0NCw1LjMzOC01Ny44NCwyMi4xMDUtNzYuMDE0LDQ3LjIxM0MzLjU5LDc0LjA5Ni0zLjU0NiwxMDQuNDY0LDEuNjU5LDEzNC41MTJjMTAuNzU2LDYyLjE1MSw3MS4zNzUsMTAzLjc0NywxMzUuMTQzLDkyLjcxNSwxNC42NTQtMi41MzMsMjguNjgzLTcuNzkxLDQxLjY5OS0xNS42MjcsMi43MjctMS42NjksNS42MjctMS41OTIsOC42MTYuMjMyLDcuODc2LDUuMDEzLDI4LjUxMywxNi4zNTEsNTMuOTI3LDE2LjM1MS45MDcsMCwxLjgxOC0uMDE1LDIuNzM4LS4wNDRoLjA2NXM2Ljk3MS0uMjI1LDYuOTcxLS4yMjVjMS4wMTctLjAzMywxLjkwMy0uNjMxLDIuMzE1LTEuNTYxLjQxMi0uOTMxLjI1Ny0xLjk4OS0uNDAyLTIuNzY0bC00LjU2NC01LjM1Ny4xNzEtLjE0NmgwWk0yMjUuNjE0LDIxNC42Yy0xNC45MjItMi45OC0yNi41MzktOS40MDQtMzIuMTM2LTEyLjk2OS02LjgxNC00LjE1OS0xNC43NDYtNC4yNzQtMjEuMjA5LS4zMDgtMTEuNjksNy4wMzktMjQuMzEzLDExLjc2Ny0zNy41MjMsMTQuMDU0LTYuMTY1LDEuMDY5LTEyLjQzNCwxLjYxLTE4LjYzLDEuNjEtMjEuNDUzLDAtNDIuMTM3LTYuMzg4LTU5LjgxOS0xOC40NzItMjIuOTM2LTE1LjY3My0zOC4xMzItMzkuMTMtNDIuNzkyLTY2LjA0Ni00LjY2My0yNi45MzMsMS43MzYtNTQuMTI0LDE4LjAxNy03Ni41NjYsMTYuMjkzLTIyLjQ1NSw0MC41NDktMzcuNDY4LDY4LjMtNDIuMjcxLDU3LjQzNy05LjkzMiwxMTIuMDEyLDI3LjIyOSwxMjEuNjQ4LDgyLjgzOSwzLjY5NCwyMS4zNjUuMjQsNDIuNjg5LTEwLjI2NCw2My4zODEtMy45OTUsOC43MjktMy44NzgsMTguNDkuMzI1LDI2Ljc3Myw0LjA5NSw4LjExNyw5LjQzOSwxNi41NjUsMTUuODg0LDI1LjEwOGwyLjg2NSwzLjgtNC42NjUtLjkzM1oiIGZpbGw9IiMxODE4MTgiLz48ZyBpZD0iRWJlbmVfMS0yIj48cGF0aCBkPSJNMTM2Ljk3MSw5My4wMDNsNy4xMjQsMjQuMDNjMS45ODYsNi42OTcsNy4yMjQsMTEuOTM1LDEzLjkyMSwxMy45MjFsMjQuMDMsNy4xMjRjMi41MjIuNzQ3LDIuNTIyLDQuMzE4LDAsNS4wNjVsLTI0LjAzLDcuMTI0Yy02LjY5NywxLjk4Ni0xMS45MzUsNy4yMjQtMTMuOTIxLDEzLjkyMWwtNy4xMjQsMjQuMDNjLS43NDcsMi41MjItNC4zMTgsMi41MjItNS4wNjUsMGwtNy4xMjQtMjQuMDNjLTEuOTg2LTYuNjk3LTcuMjI0LTExLjkzNS0xMy45MjEtMTMuOTIxbC0yNC4wMy03LjEyNGMtMi41MjItLjc0Ny0yLjUyMi00LjMxOCwwLTUuMDY1bDI0LjAzLTcuMTI0YzYuNjk3LTEuOTg2LDExLjkzNS03LjIyNCwxMy45MjEtMTMuOTIxbDcuMTI0LTI0LjAzYy43NDctMi41MjIsNC4zMTgtMi41MjIsNS4wNjUsMGgwWiIgZmlsbD0iIzE4MTgxOCIvPjxwYXRoIGQ9Ik04OS40MDEsNTIuOTM2bDQuMTUxLDE0LjAwMWMxLjE1NywzLjkwMiw0LjIwOSw2Ljk1NSw4LjExLDguMTFsMTQuMDAxLDQuMTUxYzEuNDY5LjQzNSwxLjQ2OSwyLjUxNywwLDIuOTUybC0xNC4wMDEsNC4xNTFjLTMuOTAyLDEuMTU3LTYuOTU1LDQuMjA5LTguMTEsOC4xMWwtNC4xNTEsMTQuMDAxYy0uNDM1LDEuNDY5LTIuNTE3LDEuNDY5LTIuOTUyLDBsLTQuMTUxLTE0LjAwMWMtMS4xNTctMy45MDItNC4yMDktNi45NTUtOC4xMS04LjExbC0xNC4wMDEtNC4xNTFjLTEuNDY5LS40MzUtMS40NjktMi41MTcsMC0yLjk1MmwxNC4wMDEtNC4xNTFjMy45MDItMS4xNTcsNi45NTUtNC4yMDksOC4xMS04LjExbDQuMTUxLTE0LjAwMWMuNDM1LTEuNDY5LDIuNTE3LTEuNDY5LDIuOTUyLDBaIiBmaWxsPSIjMTgxODE4Ii8+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.c24-payback .c24-contact-icon {
    padding-top: 0;
    padding-bottom: 0
}

.c24-customer {
    flex-shrink: 0;
    width: max-content;
    margin: 20px 4px
}

.c24-customer-user,
.c24-customer-expired {
    min-width: 31px;
    margin: 20px 0 20px 17px
}

.c24-customer-guest {
    min-width: 62px;
    margin: 20px 0 20px 6px
}

.c24-icon {
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.c24-customer .c24-customer-hover-wrapper {
    display: flex;
    color: #fff;
    position: relative;
    cursor: pointer;
    place-items: center;
    place-content: center;
    flex-direction: column;
    height: 45px
}

.c24-customer .c24-customer-profile-wrapper {
    display: flex;
    place-items: center;
    color: #181818;
    border-radius: 10px;
    background: #fff;
    padding: 16px;
    box-shadow: 0 1px 15px 0 rgb(0 0 0 / .1);
    box-sizing: border-box;
    margin-bottom: 24px;
    margin-top: 15px
}

.c24-customer-profile-wrapper.hidden {
    display: none
}

.c24-customer-profile-box.hidden {
    display: none
}

.c24-customer-profile-counts {
    font-size: 12px;
    border-radius: 16px
}

.c24-customer-profile-counts.hidden {
    display: none
}

.c24-customer-profile-counts {
    width: 125px
}

.c24-customer .c24-customer-profile-box {
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    place-items: center;
    padding: 10px;
    border-radius: 16px
}

.c24-customer .c24-customer-profile-box:hover {
    background-color: #f7f7f7
}

.c24-customer a.c24-customer-profile-row {
    display: flex;
    place-items: center;
    padding: 4px 0;
    width: 100%;
    border-bottom: 1px solid #DCDCDC;
    color: #181818
}

.c24-customer a.c24-customer-profile-row:hover {
    color: #181818;
    text-decoration: none;
    background-color: #f7f7f7
}

.c24-customer a.c24-customer-profile-activities:hover {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.c24-customer a.c24-customer-profile-points:hover {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

.c24-customer .c24-customer-profile-counts .c24-customer-profile-row:last-child {
    border-bottom: none
}

.c24-customer-profile-row-icon {
    background-repeat: no-repeat;
    width: 24px;
    height: 21px;
    margin-right: 6px;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(10%) sepia(0%) saturate(3754%) hue-rotate(134deg) brightness(113%) contrast(79%)
}

.c24-customer-profile-activities-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIwIDIxIiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzU2XzczMTEpIj4KICAgIDxwYXRoIGQ9Ik0xNi41MzY1IDIxSDMuNDYzNTVDMS41NTQyMSAyMSAwIDE5LjQzODQgMCAxNy41MTgyVjMuNDgxOEMwIDEuNTYxNTYgMS41NTQyMSAwIDMuNDYzNTUgMEgxNi41MzU2QzE4LjQ0NSAwIDE5Ljk5OTIgMS41NjE1NiAxOS45OTkyIDMuNDgxOFYxNy41MTc0QzE5Ljk5OTIgMTkuNDM3NiAxOC40NDUgMjAuOTk5MiAxNi41MzU2IDIwLjk5OTJMMTYuNTM2NSAyMVpNMy40NjM1NSAxLjQyMDQ0QzIuMzMyMTUgMS40MjA0NCAxLjQxMjE2IDIuMzQ1MjggMS40MTIxNiAzLjQ4MjY0VjE3LjUxODJDMS40MTIxNiAxOC42NTU2IDIuMzMyMTUgMTkuNTgwNCAzLjQ2MzU1IDE5LjU4MDRIMTYuNTM1NkMxNy42NjcgMTkuNTgwNCAxOC41ODcgMTguNjU1NiAxOC41ODcgMTcuNTE4MlYzLjQ4MThDMTguNTg3IDIuMzQ0NDQgMTcuNjY3IDEuNDE5NiAxNi41MzU2IDEuNDE5NkwzLjQ2MzU1IDEuNDIwNDRaIiBmaWxsPSIjMzMzMzMzIi8+CiAgICA8cGF0aCBkPSJNMTEuOTI2NSA3LjMzMDczSDQuOTYwOTZDNC41NzA3NCA3LjMzMDczIDQuMjU0ODggNy4wMTMyMSA0LjI1NDg4IDYuNjIwOTNDNC4yNTQ4OCA2LjIyODY1IDQuNTcwNzQgNS45MTExMyA0Ljk2MDk2IDUuOTExMTNIMTEuOTI2NUMxMi4zMTY3IDUuOTExMTMgMTIuNjMyNiA2LjIyODY1IDEyLjYzMjYgNi42MjA5M0MxMi42MzI2IDcuMDEzMjEgMTIuMzE2NyA3LjMzMDczIDExLjkyNjUgNy4zMzA3M1oiIGZpbGw9IiMzMzMzMzMiLz4KICAgIDxwYXRoIGQ9Ik05Ljk2OTY3IDExLjIwOThINC45NjE5NEM0LjU3MTcyIDExLjIwOTggNC4yNTU4NiAxMC44OTIyIDQuMjU1ODYgMTAuNUM0LjI1NTg2IDEwLjEwNzcgNC41NzE3MiA5Ljc5MDE2IDQuOTYxOTQgOS43OTAxNkg5Ljk2OTY3QzEwLjM1OTkgOS43OTAxNiAxMC42NzU3IDEwLjEwNzcgMTAuNjc1NyAxMC41QzEwLjY3NTcgMTAuODkyMiAxMC4zNTk5IDExLjIwOTggOS45Njk2NyAxMS4yMDk4WiIgZmlsbD0iIzMzMzMzMyIvPgogICAgPHBhdGggZD0iTTguODIzMDkgMTUuMDg5OEg0Ljk2MDk2QzQuNTcwNzQgMTUuMDg5OCA0LjI1NDg4IDE0Ljc3MjIgNC4yNTQ4OCAxNC4zOEM0LjI1NDg4IDEzLjk4NzcgNC41NzA3NCAxMy42NzAyIDQuOTYwOTYgMTMuNjcwMkg4LjgyMzA5QzkuMjEzMzEgMTMuNjcwMiA5LjUyOTE3IDEzLjk4NzcgOS41MjkxNyAxNC4zOEM5LjUyOTE3IDE0Ljc3MjIgOS4yMTMzMSAxNS4wODk4IDguODIzMDkgMTUuMDg5OFoiIGZpbGw9IiMzMzMzMzMiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzM1Nl83MzExIj4KICAgICAgPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIxIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==)
}

.c24-customer-profile-wishlist-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIxIDE4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTkuMDQgMTAuNDY3OUMxOS4xNzYyIDEwLjM0MjUgMTkuMzE1MiAxMC4xOTk1IDE5LjQ3NzYgMTAuMDE4QzIwLjQ0MjEgOC45MTQwMSAyMC45NzMzIDcuNDk4NzUgMjAuOTczMyA2LjAzMzA0VjUuODg5MjZDMjAuOTczMyAzLjA0MjYxIDE4Ljk0IDAuNjA1MzY2IDE2LjEzODUgMC4wOTQyMDY1QzE0LjQ4MjQgLTAuMjA0ODggMTIuNzcyNCAwLjIxODQgMTEuNDQ2OSAxLjI1NDg1TDExLjQzNDggMS4yNjE2MUwxMS4yMjE3IDEuNDM5MTlDMTEuMDM5IDEuNTk0NjcgMTAuODYxMiAxLjc2OTgyIDEwLjY3ODUgMS45NzQyN0wxMC40ODI1IDIuMTkzNjJMMTAuMjg2NiAxLjk3NDI3QzEwLjA2NTQgMS43MjIxNSA5LjgxNTQzIDEuNDg2ODUgOS41MjIxNSAxLjI1NDg1QzguNDc5MjkgMC40MzYwMiA3LjE5NTE1IDAgNS44ODUzNiAwQzUuNTM1NTcgMCA1LjE4NDA1IDAuMDMxMDI2NCA0LjgzNDcgMC4wOTQyOTMxQzIuMDMzMjkgMC42MDU0NTMgMCAzLjA0MjY5IDAgNS44ODkzNVY2LjAzMzEzQzAgNy40OTU4IDAuNTI5ODggOC45MTI1NCAxLjQ5MTk3IDEwLjAyMjVDMS42NTM5NSAxMC4yMDM2IDEuNzkyOTYgMTAuMzQ2NSAxLjkyOTExIDEwLjQ3Mkw5LjQ4OTEzIDE3LjUwNjFDOS43NjQ5MSAxNy43NTc2IDEwLjExOTMgMTcuODk2MiAxMC40ODY3IDE3Ljg5NjJDMTAuODA5OCAxNy44OTYyIDExLjEyNTMgMTcuNzg5MSAxMS4zNzUzIDE3LjU5NDdDMTEuNDEyNSAxNy41NjU4IDExLjQ0NzcgMTcuNTM4NSAxMS40NzkyIDE3LjUwNjlMMTkuMDM5OSAxMC40NjhMMTkuMDQgMTAuNDY3OVpNMTAuNjMxNSAxNi41OTA2QzEwLjU5NSAxNi42MjcxIDEwLjU0MiAxNi42NDgzIDEwLjQ4NjggMTYuNjQ4M0MxMC40MzY3IDE2LjY0ODMgMTAuMzg0MiAxNi42Mjc1IDEwLjM0MjggMTYuNTkxMkwyLjc4NjI1IDkuNTUyNEMxLjgxMTE2IDguNjQ3MjUgMS4yNTE5IDcuMzY0MzMgMS4yNTE5IDYuMDMyODdWNS44ODkwOUMxLjI1MTkgMy42NDY2NyAyLjg1MjQ2IDEuNzI3NjEgNS4wNTc2OSAxLjMyNjI2QzYuNjM3NTQgMS4wMzk0OCA4LjI4MjU2IDEuNjA2NTQgOS4zNTE1OSAyLjgwNzIyTDEwLjAxNyAzLjU1NDcyQzEwLjEzOTcgMy42ODkxNCAxMC4zMTA4IDMuNzY2MjcgMTAuNDg2OCAzLjc2NjI3QzEwLjY2NjYgMy43NjYyNyAxMC44Mzc4IDMuNjg5MjMgMTAuOTU2MiAzLjU1NTA3TDExLjYyMiAyLjgwNzEzQzEyLjY5MSAxLjYwNjU0IDE0LjMzNjUgMS4wMzk0OCAxNS45MTU4IDEuMzI2MjZDMTguMTIxIDEuNzI3NjEgMTkuNzIxNiAzLjY0NjU5IDE5LjcyMTYgNS44ODkwOVY2LjAzMjg3QzE5LjcyMTYgNy4zNjI5NCAxOS4xNjM4IDguNjQ1NzggMTguMTkxNCA5LjU1MjRMMTAuNjMxNSAxNi41OTA1VjE2LjU5MDZaIiBmaWxsPSIjMTgxODE4Ii8+Cjwvc3ZnPg==)
}

.c24-customer-profile-points-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTYuNjgzMyAwSDEuNjAzMzNDMC43MTkyNDcgMCAwIDAuNzE5MjQ3IDAgMS42MDMzM1YxMC43OUMwIDExLjY3NDEgMC43MTkyNDcgMTIuMzkzMyAxLjYwMzMzIDEyLjM5MzNIMTYuNjgzM0MxNy41Njc0IDEyLjM5MzMgMTguMjg2NyAxMS42NzQxIDE4LjI4NjcgMTAuNzlWMS42MDMzM0MxOC4yODY3IDAuNzE5MjQ3IDE3LjU2NzQgMCAxNi42ODMzIDBaTTE2LjY4MzMgMTEuMjY2N0gxNS42MjNDMTUuNzE4NCAxMS4wNjgxIDE1Ljc3MzMgMTAuODQ2NSAxNS43NzMzIDEwLjYxMTVDMTUuNzczMyA5Ljc3MzgzIDE1LjA5NDMgOS4wOTQ4IDE0LjI1NjcgOS4wOTQ4QzEzLjQxOSA5LjA5NDggMTIuNzQgOS43NzM4MyAxMi43NCAxMC42MTE1QzEyLjc0IDEwLjg0NjQgMTIuNzk1IDExLjA2ODEgMTIuODkwNCAxMS4yNjY3SDEwLjUwOTVDMTAuNjA1IDExLjA2ODEgMTAuNjU5OSAxMC44NDY1IDEwLjY1OTkgMTAuNjExNUMxMC42NTk5IDkuNzczODMgOS45ODA4OCA5LjA5NDggOS4xNDMyNSA5LjA5NDhDOC4zMDU2MSA5LjA5NDggNy42MjY1OCA5Ljc3MzgzIDcuNjI2NTggMTAuNjExNUM3LjYyNjU4IDEwLjg0NjQgNy42ODE2MSAxMS4wNjgxIDcuNzc2OTUgMTEuMjY2N0gxLjYwMzMzQzEuMzQwNTYgMTEuMjY2NyAxLjEyNjY3IDExLjA1MjggMS4xMjY2NyAxMC43OVYzLjE1NjE0QzEuMzgwMzQgMy4zNDcwNyAxLjY5NDc3IDMuNDYxNTUgMi4wMzY2NyAzLjQ2MTU1QzIuODc0MyAzLjQ2MTU1IDMuNTUzMzMgMi43ODI1MiAzLjU1MzMzIDEuOTQ0ODlDMy41NTMzMyAxLjY0MzI5IDMuNDY0MjQgMS4zNjI5MiAzLjMxMjQgMS4xMjY3NUgxMi45ODA5QzEyLjgyOTEgMS4zNjI5MiAxMi43NCAxLjY0MzI5IDEyLjc0IDEuOTQ0ODlDMTIuNzQgMi43ODI1MiAxMy40MTkgMy40NjE1NSAxNC4yNTY3IDMuNDYxNTVDMTUuMDk0MyAzLjQ2MTU1IDE1Ljc3MzMgMi43ODI1MiAxNS43NzMzIDEuOTQ0ODlDMTUuNzczMyAxLjY0MzI5IDE1LjY4NDIgMS4zNjI5MiAxNS41MzI0IDEuMTI2NzVIMTYuNjgzM0MxNi45NDYxIDEuMTI2NzUgMTcuMTYgMS4zNDA2NSAxNy4xNiAxLjYwMzQyVjUuMjQ3NDFDMTcuMDM1NCA1LjIxNDMgMTYuOTA1MSA1LjE5NDg5IDE2Ljc3IDUuMTk0ODlDMTUuOTMyNCA1LjE5NDg5IDE1LjI1MzMgNS44NzM5MiAxNS4yNTMzIDYuNzExNTVDMTUuMjUzMyA3LjU0OTE5IDE1LjkzMjQgOC4yMjgyMiAxNi43NyA4LjIyODIyQzE2LjkwNTEgOC4yMjgyMiAxNy4wMzU0IDguMjA4ODkgMTcuMTYgOC4xNzU3VjEwLjc5QzE3LjE2IDExLjA1MjggMTYuOTQ2MSAxMS4yNjY3IDE2LjY4MzMgMTEuMjY2N1oiIGZpbGw9IiMxODE4MTgiLz4KPC9zdmc+)
}

.c24-customer .c24-customer-profile-image {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNjY2NjY2O30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMsMEM1LjgsMCwwLDUuOCwwLDEzczUuOCwxMywxMywxM3MxMy01LjgsMTMtMTNTMjAuMiwwLDEzLDB6IE0yMC45LDIxLjJjLTAuNy0yLjgtMy4yLTQuOS02LjMtNC45aC0zLjIKCQljLTMsMC01LjYsMi4xLTYuMyw0LjlDMywxOSwxLjYsMTYuMiwxLjYsMTNDMS42LDYuNyw2LjcsMS42LDEzLDEuNlMyNC40LDYuNywyNC40LDEzQzI0LjQsMTYuMiwyMywxOSwyMC45LDIxLjJ6Ii8+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxMyIgY3k9IjEwLjYiIHI9IjQuMSIvPgo8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-position: center;
    background-size: 100px
}

.c24-customer .c24-customer-profile-username {
    font-size: 16px;
    color: #181818;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c24-customer .c24-customer-profile-box:hover {
    text-decoration: none
}

.c24-customer .c24-customer-profile-item-count {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.c24-customer .c24-customer-hover-wrapper:hover {
    color: #fff;
    text-decoration: none
}

.c24-customer-icon {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin-top: 1px
}

.c24-customer-icon.c24-customer-icon-lo {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjkgMjI5Ij48cGF0aCBkPSJNMTk1LjUzMSwzMy40NjhDMTczLjk0OCwxMS44ODYsMTQ1LjE3MSwwLDExNC41LDBTNTUuMDUyLDExLjg4NiwzMy40NjksMzMuNDY4QzExLjg4Niw1NS4wNTEsMCw4My44MjksMCwxMTQuNDk5czExLjg4Niw1OS40NDksMzMuNDY5LDgxLjAzMmMyMS41ODQsMjEuNTgzLDUwLjM2MSwzMy40NjksODEuMDMxLDMzLjQ2OXM1OS40NDgtMTEuODg2LDgxLjAzMS0zMy40NjljMjEuNTgzLTIxLjU4NCwzMy40NjktNTAuMzYyLDMzLjQ2OS04MS4wMzJzLTExLjg4Ni01OS40NDgtMzMuNDY5LTgxLjAzMVpNMTcxLjY0NiwxOTguNjQybC0uNDg5LjM0NmMtMTYuNDMzLDExLjU5OC0zNi41NTMsMTcuOTg1LTU2LjY1NiwxNy45ODUtMjEuMzMzLDAtNDAuOTktNi4wNDktNTguNDIyLTE3Ljk3OGwtLjUyNy0uMzYuMDAyLS4wMjkuMDQ5LS42MDdjMS44NDEtMjMuMDA3LDIxLjA3Mi00MS4wMjksNDMuNzgxLTQxLjAyOWgyOC40NTZjMjMuMDg3LDAsNDEuOTA5LDE3LjYzOSw0My43ODEsNDEuMDI5bC4wNDkuNjI1LS4wMjIuMDE3Wk0xODUuNTI4LDE4Ny4zMDZsLTEuMzc1LDEuMzc1LS40NzEtMS44ODdjLTYuMTkyLTI0Ljc2NC0yOS4zMDQtNDIuNzM4LTU0Ljk1NC00Mi43MzhoLTI4LjQ1N2MtMjUuNjUxLDAtNDguNzYyLDE3Ljk3NS01NC45NTQsNDIuNzM4bC0uNDcxLDEuODg3LTEuMzc1LTEuMzc1Yy0yMC4yNzgtMjAuMjc4LTMxLjQ0Ni00Ni40NTEtMzEuNDQ2LTczLjY5NkMxMi4wMjcsNTcuNTk2LDU3Ljk5NiwxMi4wMjYsMTE0LjUsMTIuMDI2czEwMi40NzQsNDUuOTY5LDEwMi40NzQsMTAyLjQ3M2MwLDI2LjY3Mi0xMS4xNjgsNTIuNTI5LTMxLjQ0Niw3Mi44MDdaIiBmaWxsPSIjMTgxODE4Ii8+PHBhdGggZD0iTTExNC41LDU3LjgwMWMtMTkuNDk3LDAtMzUuMzU4LDE1Ljg2MS0zNS4zNTgsMzUuMzU4czE1Ljg2MSwzNS4zNTksMzUuMzU4LDM1LjM1OSwzNS4zNTgtMTUuODYyLDM1LjM1OC0zNS4zNTktMTUuODYxLTM1LjM1OC0zNS4zNTgtMzUuMzU4Wk0xMTQuNSwxMTUuNmMtMTIuMTY1LDAtMjIuNDQyLTEwLjI3Ny0yMi40NDItMjIuNDQyczEwLjI3Ny0yMi40NDMsMjIuNDQyLTIyLjQ0MywyMi40NDIsMTAuMjc4LDIyLjQ0MiwyMi40NDMtMTAuMjc3LDIyLjQ0Mi0yMi40NDIsMjIuNDQyWiIgZmlsbD0iIzE4MTgxOCIvPjwvc3ZnPg==)
}

.c24-customer-icon.c24-customer-icon-li {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjkgMjI5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMTgxODE4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOTUuNjQsMzMuNThzLS4wNy0uMDctLjExLS4xMUMxNzMuOTQsMTEuODksMTQ1LjE3LDAsMTE0LjUsMFM1NS4wNSwxMS44OSwzMy40NiwzMy40N2MtLjA0LjA0LS4wNy4wNy0uMTEuMTEtNy40LDcuNDMtMTMuNjYsMTUuNy0xOC42OCwyNC42MUM1LjA5LDc1LjE2LDAsOTQuNDIsMCwxMTQuNXM1LjA5LDM5LjM0LDE0LjY3LDU2LjMxYzUuMDQsOC45NiwxMS4zNCwxNy4yOCwxOC43OSwyNC43MywyMS41OSwyMS41OCw1MC4zNywzMy40Niw4MS4wNCwzMy40NnM1OS40NC0xMS44OCw4MS4wMy0zMy40NmMyMS41OC0yMS41OSwzMy40Ny01MC4zNywzMy40Ny04MS4wNHMtMTEuODUtNTkuMzQtMzMuMzYtODAuOTJaTTE4NS41MiwxODcuMzFsLTEuMzcsMS4zOC0uNDctMS44OWMtNi4xOS0yNC43Ni0yOS4zMS00Mi43NC01NC45Ni00Mi43NGgtMjguNDVjLTI1LjY1LDAtNDguNzYsMTcuOTgtNTQuOTYsNDIuNzRsLS40NywxLjg5LTEuMzctMS4zOGMtMTQuNTItMTQuNTItMjQuMzgtMzIuMDctMjguOC01MC44Ny0xLjc1LTcuNDUtMi42NS0xNS4wOS0yLjY1LTIyLjgycy45Mi0xNS42MSwyLjY1LTIzYzUuMzgtMjIuOTcsMTguNjQtNDIuOTcsMzYuOC01Ny4wNCwxNy40LTEzLjUsMzkuMjgtMjEuNTUsNjMuMDMtMjEuNTVzNDUuNDQsOC4wNCw2Mi43OSwyMS41NWMyNC4xMywxOC43NiwzOS42OCw0OC4wNiwzOS42OCw4MC45MiwwLDI2LjY4LTExLjE3LDUyLjUzLTMxLjQ1LDcyLjgxWiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0OS44NSw5My4xNmMwLDE5LjUtMTUuODYsMzUuMzYtMzUuMzUsMzUuMzZzLTM1LjM2LTE1Ljg2LTM1LjM2LTM1LjM2LDE1Ljg2LTM1LjM1LDM1LjM2LTM1LjM1LDM1LjM1LDE1Ljg2LDM1LjM1LDM1LjM1WiIvPgo8L3N2Zz4=)
}

.c24-customer-icon.c24-customer-icon-image {
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    filter: none
}

.c24-customer-hover {
    display: block;
    float: left;
    max-width: 120px;
    font-size: 12px;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 4px
}

.c24-customer-layer {
    background: #fff;
    color: #181818;
    padding: 15px 15px 3px;
    box-sizing: border-box;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / .3);
    text-align: left;
    z-index: 1004;
    position: absolute;
    right: 0;
    font-size: 12px;
    min-width: 300px;
    overflow-y: auto;
    visibility: hidden
}

.c24-customer-layer-headline {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 24px
}

.c24-customer-layer-headline.account {
    margin-top: 0
}

.c24-customer-user .c24-customer-layer,
.c24-customer-expired .c24-customer-layer {
    padding: 15px 0 0;
    width: fit-content;
    max-height: 445px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.c24-customer-layer.c24-header-layer:has(.c24-customer-community-widgets:not(.hidden)),
.c24-customer-layer.c24-header-layer:has(.c24-customer-profile-wrapper:not(.hidden)) {
    padding: 0
}

.c24-customer-user .c24-customer-scroll-wrapper,
.c24-customer-expired .c24-customer-scroll-wrapper {
    overflow-y: scroll;
    padding: 0 15px;
    flex: 1
}

.c24-customer-user .c24-customer-scroll-wrapper::-webkit-scrollbar,
.c24-customer-expired .c24-customer-scroll-wrapper::-webkit-scrollbar {
    width: 8px
}

.c24-customer-user .c24-customer-scroll-wrapper::-webkit-scrollbar-track,
.c24-customer-expired .c24-customer-scroll-wrapper::-webkit-scrollbar-track {
    background: rgb(0 0 0 / .05)
}

.c24-customer-user .c24-customer-scroll-wrapper::-webkit-scrollbar-thumb,
.c24-customer-expired .c24-customer-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #b4b4b4;
    border-radius: 4px
}

.c24-customer-user .c24-customer-check,
.c24-customer-expired .c24-customer-check {
    padding: 15px
}

.c24-customer-layer .c24-button {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    margin-bottom: 10px;
    border-radius: 16px
}

.c24-customer-layer .c24-customer-salutation-text {
    padding-bottom: 6px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px
}

.c24-customer-layer .c24-customer-salutation-text span {
    display: inline;
    font-size: 13px;
    line-height: 16px
}

.c24-customer-layer .c24-customer-salutation-text a {
    display: inline;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none
}

.c24-customer-layer .c24-customer-salutation-text a:hover {
    text-decoration: underline
}

.c24-customer-layer .c24-customer-options {
    display: block;
    padding: 0;
    margin: 0
}

.c24-customer-option-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center
}

.c24-customer-option-icon a:hover {
    text-decoration: none
}

.c24-customer-layer .c24-customer-option-personal-data .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDIxIDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi4zMzMzMyAxLjE4NzVDMS42ODgwMiAxLjE4NzUgMS4xNjY2NyAxLjcxODE2IDEuMTY2NjcgMi4zNzVIMTkuODMzM0MxOS44MzMzIDEuNzE4MTYgMTkuMzEyIDEuMTg3NSAxOC42NjY3IDEuMTg3NUgyLjMzMzMzWk0wIDIuOTY4NzVWMi4zNzVDMCAxLjA2NTA0IDEuMDQ2MzUgMCAyLjMzMzMzIDBIMTguNjY2N0MxOS45NTM2IDAgMjEgMS4wNjUwNCAyMSAyLjM3NVYyLjk2ODc1VjE0LjI1QzIxIDE1LjU2IDE5Ljk1MzYgMTYuNjI1IDE4LjY2NjcgMTYuNjI1SDIuMzMzMzNDMS4wNDYzNSAxNi42MjUgMCAxNS41NiAwIDE0LjI1VjIuOTY4NzVaTTE5LjgzMzMgMy41NjI1SDEuMTY2NjdWMTQuMjVDMS4xNjY2NyAxNC45MDY4IDEuNjg4MDIgMTUuNDM3NSAyLjMzMzMzIDE1LjQzNzVIMTguNjY2N0MxOS4zMTIgMTUuNDM3NSAxOS44MzMzIDE0LjkwNjggMTkuODMzMyAxNC4yNVYzLjU2MjVaTTcgOC4zMTI1QzcuMzA5NDIgOC4zMTI1IDcuNjA2MTYgOC4xODczOSA3LjgyNDk2IDcuOTY0NjlDOC4wNDM3NSA3Ljc0MTk5IDguMTY2NjcgNy40Mzk5NCA4LjE2NjY3IDcuMTI1QzguMTY2NjcgNi44MTAwNiA4LjA0Mzc1IDYuNTA4MDEgNy44MjQ5NiA2LjI4NTMxQzcuNjA2MTYgNi4wNjI2MSA3LjMwOTQyIDUuOTM3NSA3IDUuOTM3NUM2LjY5MDU4IDUuOTM3NSA2LjM5MzgzIDYuMDYyNjEgNi4xNzUwNCA2LjI4NTMxQzUuOTU2MjUgNi41MDgwMSA1LjgzMzMzIDYuODEwMDYgNS44MzMzMyA3LjEyNUM1LjgzMzMzIDcuNDM5OTQgNS45NTYyNSA3Ljc0MTk5IDYuMTc1MDQgNy45NjQ2OUM2LjM5MzgzIDguMTg3MzkgNi42OTA1OCA4LjMxMjUgNyA4LjMxMjVaTTcgNC43NUM3LjYxODg0IDQuNzUgOC4yMTIzMyA1LjAwMDIyIDguNjQ5OTIgNS40NDU2MkM5LjA4NzUgNS44OTEwMiA5LjMzMzMzIDYuNDk1MTEgOS4zMzMzMyA3LjEyNUM5LjMzMzMzIDcuNzU0ODkgOS4wODc1IDguMzU4OTggOC42NDk5MiA4LjgwNDM4QzguMjEyMzMgOS4yNDk3OCA3LjYxODg0IDkuNSA3IDkuNUM2LjM4MTE2IDkuNSA1Ljc4NzY3IDkuMjQ5NzggNS4zNTAwOCA4LjgwNDM4QzQuOTEyNSA4LjM1ODk4IDQuNjY2NjcgNy43NTQ4OSA0LjY2NjY3IDcuMTI1QzQuNjY2NjcgNi40OTUxMSA0LjkxMjUgNS44OTEwMiA1LjM1MDA4IDUuNDQ1NjJDNS43ODc2NyA1LjAwMDIyIDYuMzgxMTYgNC43NSA3IDQuNzVaTTUuODMzMzMgMTEuODc1QzQuODY3MTkgMTEuODc1IDQuMDgzMzMgMTIuNjcyOSA0LjA4MzMzIDEzLjY1NjJDNC4wODMzMyAxMy45ODI4IDMuODIwODMgMTQuMjUgMy41IDE0LjI1QzMuMTc5MTcgMTQuMjUgMi45MTY2NyAxMy45ODI4IDIuOTE2NjcgMTMuNjU2MkMyLjkxNjY3IDEyLjAxNiA0LjIyMTg3IDEwLjY4NzUgNS44MzMzMyAxMC42ODc1SDguMTY2NjdDOS43NzgxMiAxMC42ODc1IDExLjA4MzMgMTIuMDE2IDExLjA4MzMgMTMuNjU2MkMxMS4wODMzIDEzLjk4MjggMTAuODIwOCAxNC4yNSAxMC41IDE0LjI1QzEwLjE3OTIgMTQuMjUgOS45MTY2NyAxMy45ODI4IDkuOTE2NjcgMTMuNjU2MkM5LjkxNjY3IDEyLjY3MjkgOS4xMzI4MSAxMS44NzUgOC4xNjY2NyAxMS44NzVINS44MzMzM1pNMTIuMjUgNi41MzEyNUMxMi4yNSA2LjIwNDY5IDEyLjUxMjUgNS45Mzc1IDEyLjgzMzMgNS45Mzc1SDE3LjVDMTcuODIwOCA1LjkzNzUgMTguMDgzMyA2LjIwNDY5IDE4LjA4MzMgNi41MzEyNUMxOC4wODMzIDYuODU3ODEgMTcuODIwOCA3LjEyNSAxNy41IDcuMTI1SDEyLjgzMzNDMTIuNTEyNSA3LjEyNSAxMi4yNSA2Ljg1NzgxIDEyLjI1IDYuNTMxMjVaTTEyLjI1IDguOTA2MjVDMTIuMjUgOC41Nzk2OSAxMi41MTI1IDguMzEyNSAxMi44MzMzIDguMzEyNUgxNy41QzE3LjgyMDggOC4zMTI1IDE4LjA4MzMgOC41Nzk2OSAxOC4wODMzIDguOTA2MjVDMTguMDgzMyA5LjIzMjgxIDE3LjgyMDggOS41IDE3LjUgOS41SDEyLjgzMzNDMTIuNTEyNSA5LjUgMTIuMjUgOS4yMzI4MSAxMi4yNSA4LjkwNjI1Wk0xMi4yNSAxMS4yODEyQzEyLjI1IDEwLjk1NDcgMTIuNTEyNSAxMC42ODc1IDEyLjgzMzMgMTAuNjg3NUgxNy41QzE3LjgyMDggMTAuNjg3NSAxOC4wODMzIDEwLjk1NDcgMTguMDgzMyAxMS4yODEyQzE4LjA4MzMgMTEuNjA3OCAxNy44MjA4IDExLjg3NSAxNy41IDExLjg3NUgxMi44MzMzQzEyLjUxMjUgMTEuODc1IDEyLjI1IDExLjYwNzggMTIuMjUgMTEuMjgxMloiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+)
}

.c24-customer-layer .c24-customer-option-activities .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzMzMzsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzQuNzksNi4yNkgxMy4yMWMtMy4wMiwwLTUuNDgsMi41Ni01LjQ4LDUuNzF2MjQuMDZjMCwzLjE1LDIuNDYsNS43MSw1LjQ4LDUuNzFoMjEuNTljMy4wMiwwLDUuNDgtMi41Niw1LjQ4LTUuNzFWMTEuOTdjMC0zLjE1LTIuNDYtNS43MS01LjQ4LTUuNzFaTTkuNTgsMTEuOTdjMC0xLjk2LDEuNDctMy42MiwzLjM0LTMuNzhoLjA1czIxLjgzLS4wMSwyMS44My0uMDFjMiwwLDMuNjMsMS43LDMuNjMsMy43OXYyNC4wNmMwLDIuMDktMS42MywzLjc5LTMuNjMsMy43OUgxMy4yMWMtMiwwLTMuNjMtMS43LTMuNjMtMy43OVYxMS45N1oiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNS42OCwxOC4zMWgxMS41Yy41MSwwLC45Mi0uNDMuOTItLjk2cy0uNDEtLjk2LS45Mi0uOTZoLTExLjVjLS41MSwwLS45Mi40My0uOTIuOTZzLjQxLjk2LjkyLjk2WiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1LjY4LDI0Ljk2aDguMjdjLjUxLDAsLjkyLS40My45Mi0uOTZzLS40MS0uOTYtLjkyLS45NmgtOC4yN2MtLjUxLDAtLjkyLjQzLS45Mi45NnMuNDEuOTYuOTIuOTZaIi8+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuNjgsMzEuNjFoNi4zOGMuNTEsMCwuOTItLjQzLjkyLS45NnMtLjQxLS45Ni0uOTItLjk2aC02LjM4Yy0uNTEsMC0uOTIuNDMtLjkyLjk2cy40MS45Ni45Mi45NloiLz4KPC9zdmc+Cg==)
}

.c24-customer-layer .c24-customer-option-account-settings .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEuOTkzOSAxNy40ODgyQzEyLjI4NSAxNy40ODgyIDEyLjUyMTggMTcuMjUxNCAxMi41MjE4IDE2Ljk2MDJWMTUuMTgxNEwxMi41NTQxIDE1LjE1NzRDMTIuNzk3NSAxNC45NzcgMTIuOTM3IDE0LjcwMSAxMi45MzcgMTQuNDAwMUMxMi45MzcgMTMuODgwMSAxMi41MTQgMTMuNDU3IDExLjk5MzkgMTMuNDU3QzExLjQ3MzggMTMuNDU3IDExLjA1MDggMTMuODgwMSAxMS4wNTA4IDE0LjQwMDFDMTEuMDUwOCAxNC43MDEgMTEuMTkwMyAxNC45NzcgMTEuNDMzNyAxNS4xNTc0TDExLjQ2NiAxNS4xODE0VjE2Ljk2MDJDMTEuNDY2IDE3LjI1MTQgMTEuNzAyOCAxNy40ODgyIDExLjk5MzkgMTcuNDg4MloiIGZpbGw9IiMzMzMzMzMiLz4KICA8cGF0aCBkPSJNOC40OTM4NiAxMS43ODU5QzcuMTE5MjIgMTEuNzg1OSA2LjAwMDk4IDEyLjkwNDIgNi4wMDA5OCAxNC4yNzg4QzYuMDAwOTggMTQuNTA2NCA2LjE4NjEgMTQuNjkxNiA2LjQxMzc4IDE0LjY5MTZDNi42NDE0NiAxNC42OTE2IDYuODI2NTggMTQuNTA2NCA2LjgyNjU4IDE0LjI3ODhDNi44MjY1OCAxMy4zNTk1IDcuNTc0NTggMTIuNjExNSA4LjQ5Mzg2IDEyLjYxMTVDOC43MjE1NCAxMi42MTE1IDguOTA2NjYgMTIuNDI2NCA4LjkwNjY2IDEyLjE5ODdDOC45MDY2NiAxMS45NzEgOC43MjE1NCAxMS43ODU5IDguNDkzODYgMTEuNzg1OVoiIGZpbGw9IiMzMzMzMzMiLz4KICA8cGF0aCBkPSJNMjAuMTE5OCAxMi41ODMzQzIwLjExOTggMTEuMDQ2MyAxOC44Njk5IDkuNzYzNTEgMTcuMzMzNSA5LjcyMzExTDE3LjI3NzMgOS43MjI0N0MxNy4yNjY5IDkuNzIxOTkgMTcuMjU2NCA5LjcyMTUxIDE3LjI0NTggOS43MjE1MUgxNi42MDY2VjcuMzMxNjdDMTYuNjA2NiA0Ljc4ODE1IDE0LjUzNzMgMi43MTg4NyAxMS45OTM5IDIuNzE4ODdDOS40NTA0NCAyLjcxODg3IDcuMzgxMTYgNC43ODgxNSA3LjM4MTE2IDcuMzMxNjdWOS43MjE1MUg2Ljc0MTk2QzUuMTYzNzIgOS43MjE1MSAzLjg3OTg4IDExLjAwNTQgMy44Nzk4OCAxMi41ODM1VjE4LjQxOUMzLjg3OTg4IDE5Ljk5NzMgNS4xNjM4IDIxLjI4MTIgNi43NDE5NiAyMS4yODEyTDE3LjI1NzcgMjEuMjgwOEMxOC44MzYgMjEuMjgwOCAyMC4xMTk4IDE5Ljk5NjkgMjAuMTE5OCAxOC40MTg3VjEyLjU4MzNaTTguNDM2OTIgNy4zMzE2N0M4LjQzNjkyIDUuMzcwMzEgMTAuMDMyNSAzLjc3NDcxIDExLjk5MzkgMy43NzQ3MUMxMy45NTUyIDMuNzc0NzEgMTUuNTUwOCA1LjM3MDMxIDE1LjU1MDggNy4zMzE2N1Y5LjcyMTUxSDguNDM2OTJWNy4zMzE2N1pNMTkuMDY0IDE4LjQxODhDMTkuMDY0IDE5LjQxNDggMTguMjUzNyAyMC4yMjUxIDE3LjI1NzcgMjAuMjI1MUwxMC4yNTUyIDIwLjIyNTRINi43NDE5NkM1Ljc0NjA0IDIwLjIyNTQgNC45MzU3MiAxOS40MTUxIDQuOTM1NzIgMTguNDE5MVYxMi41ODM2QzQuOTM1NzIgMTEuNTg3NyA1Ljc0NjA0IDEwLjc3NzQgNi43NDE5NiAxMC43Nzc0TDE3LjI2NjYgMTAuNzc3NUMxOC4yNTgzIDEwLjc4MyAxOS4wNjQxIDExLjU5MzEgMTkuMDY0MSAxMi41ODMzVjE4LjQxODhIMTkuMDY0WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4=)
}

.c24-customer-layer .c24-customer-option-newsfeed .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM1Nl83MzY2KSI+CjxwYXRoIGQ9Ik0yMC43MTI1IDExLjIzNjlMMjAuNjEyOSAxMS4xMzc0QzE5LjQ3NjggMTAuMDAxMyAxOC44NTQ4IDguNDkxOTYgMTguODU0OCA2Ljg5MTQyVjUuODI5OTNDMTguODU0OCA0LjM2MjA4IDE4LjMxNTggMi45NjA1OCAxNy4zMjg5IDEuODgyNDlDMTcuMjg4NiAxLjgzNzk2IDE3LjI0NzUgMS43OTQwMSAxNy4yMDU4IDEuNzUwODlDMTYuMTA4NiAwLjYxMzE3OSAxNC41NzYgMCAxMi45OTU1IDBIMTIuOTYzMkMxMS44Nzc5IDAgMTAuODA0NSAwLjI4MTg3NyA5Ljg4MzQ3IDAuODU2MDc5QzkuNDMyNDIgMS4xMzcyOSA5LjAxODQ0IDEuNDgxMjggOC42NTQ2MyAxLjg4MjQ5QzcuNjY3NzcgMi45NjA1OCA3LjEyODczIDQuMzcwMzcgNy4xMjg3MyA1LjgyOTkzVjYuODkxNDJDNy4xMjg3MyA4LjQ2NzA4IDYuNDkwMTcgMTAuMDE3OSA1LjM3MDYzIDExLjEyOTFMNS4yNzExMSAxMS4yMjg2QzQuOTY0MTkgMTEuNTM1NSA0Ljc5MDA0IDExLjk1ODQgNC43OTAwNCAxMi4zODk2QzQuNzkwMDQgMTMuMjkzNiA1LjUyODExIDE0LjAzMTYgNi40MzIwNCAxNC4wMzE2SDE5LjU2MTJDMjAuNDcwMSAxNC4wMzE2IDIxLjIxMTUgMTMuMjk2IDIxLjIxIDEyLjM4NzFDMjEuMjA4NiAxMS40OTQzIDIxLjAzNDYgMTEuNTQyNSAyMC43MjkgMTEuMjM2OUgyMC43MTI1Wk0xMy4wMzMyIDEuMTY5M0MxNS41NzkxIDEuMTk0MTggMTcuNjM1OCAzLjI3NTcxIDE3LjYzNTggNS44MjE2NFY2Ljg4MzEzQzE3LjYzNTggOC43ODIyMSAxOC40MDcgMTAuNjM5OCAxOS43NTA1IDExLjk4MzNMMTkuODUgMTIuMDgyOEMxOS45MTkgMTIuMTUxOCAxOS45NTkzIDEyLjIzOCAxOS45NzA5IDEyLjMzMThDMjAuMDA0IDEyLjU5OTQgMTkuNzg1NCAxMi44MjA5IDE5LjUxNTcgMTIuODIwOUg2LjQyMzc1QzYuMTkxNTQgMTIuODIwOSA1Ljk5MjUxIDEyLjYzMDEgNS45OTI1MSAxMi4zODk2QzUuOTkyNTEgMTIuMTQ5MSA2LjAzMzk4IDEyLjE2NTcgNi4xMTY5MSAxMi4wODI4TDYuMjE2NDIgMTEuOTgzM0M3LjU3NjQ2IDEwLjYyMzIgOC4zMzExMiA4LjgxNTM4IDguMzMxMTIgNi44ODMxM1Y1LjgyMTY0QzguMzMxMTIgMy4yNTA4MyAxMC40MjA5IDEuMTY5MyAxMi45ODM1IDEuMTY5M0gxMy4wMzMyWiIgZmlsbD0iIzE4MTgxOCIvPgo8cGF0aCBkPSJNMTQuODYwNCAxNS4wNzI4QzE0LjcxMTEgMTUuMDIzIDE0LjU0NTMgMTUuMDMxMyAxNC4zOTYgMTUuMDk3N0MxNC4yNDY3IDE1LjE2NCAxNC4xMzg5IDE1LjI4ODQgMTQuMDg5MiAxNS40Mzc3QzEzLjkyMzMgMTUuODkzOCAxMy40OTIxIDE2LjIwMDYgMTMuMDAyOCAxNi4yMDA2QzEyLjUxMzUgMTYuMjAwNiAxMi4wODIzIDE1Ljg5MzggMTEuOTE2NCAxNS40Mzc3QzExLjgwODYgMTUuMTIyNSAxMS40NjAzIDE0Ljk1NjcgMTEuMTQ1MiAxNS4wNjQ1QzEwLjk5NTkgMTUuMTE0MiAxMC44NzE1IDE1LjIyMjEgMTAuODA1MiAxNS4zNzEzQzEwLjczMDUgMTUuNTIwNiAxMC43MjIyIDE1LjY4NjUgMTAuNzgwMyAxNS44MzU3QzExLjExMiAxNi43ODExIDEyLjAwNzYgMTcuNDExNCAxMy4wMDI4IDE3LjQxMTRDMTMuOTk3OSAxNy40MTE0IDE0Ljg5MzYgMTYuNzgxMSAxNS4yMjUzIDE1LjgzNTdDMTUuMzMzMSAxNS41MjA2IDE1LjE2NzIgMTUuMTcyMyAxNC44NTIxIDE1LjA2NDVMMTQuODYwNCAxNS4wNzI4WiIgZmlsbD0iIzE4MTgxOCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM1Nl83MzY2Ij4KPHJlY3Qgd2lkdGg9IjI2IiBoZWlnaHQ9IjE3LjQxMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.c24-customer-layer .c24-customer-option-payment-methods .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdFYmVuZV8xJyBkYXRhLW5hbWU9J0ViZW5lIDEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0nMCAwIDQ4IDQ4Jz48ZGVmcz48c3R5bGU+IC5jbHMtMSB7IGZpbGw6ICMxODE4MTg7IH0gPC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9J2Nscy0xJyBkPSdNMjguNDQsMjkuMjloLTcuMTFjLS41MiwwLS45NC40Mi0uOTQuOTRzLjQyLjk0Ljk0Ljk0aDcuMTFjLjUyLDAsLjk0LS40Mi45NC0uOTRzLS40Mi0uOTQtLjk0LS45NFonLz48cGF0aCBjbGFzcz0nY2xzLTEnIGQ9J00xNy43OCwyOS4yOWgtMy41NmMtLjUyLDAtLjk0LjQyLS45NC45NHMuNDIuOTQuOTQuOTRoMy41NmMuNTIsMCwuOTQtLjQyLjk0LS45NHMtLjQyLS45NC0uOTQtLjk0WicvPjxwYXRoIGNsYXNzPSdjbHMtMScgZD0nTTQwLjA1LDE1LjExYzAtMS45OS0xLjYyLTMuNi0zLjYtMy42SDExLjU2Yy0xLjk5LDAtMy42LDEuNjItMy42LDMuNnYxNy43OGMwLDEuOTksMS42MiwzLjYsMy42LDMuNmgyNC44OWMxLjk5LDAsMy42LTEuNjIsMy42LTMuNlYxNS4xMVpNOS44MywxOC43MWgyOC4zNHMuMDEuMDEuMDEuMDF2My40NUg5Ljgzdi0zLjQ2Wk0zOC4xOCwzMi44OWMwLC45NS0uNzgsMS43My0xLjczLDEuNzNIMTEuNTZjLS45NSwwLTEuNzMtLjc4LTEuNzMtMS43M3YtOC44NGgyOC4zNXY4Ljg0Wk0zOC4xOCwxNi44NEg5Ljgzdi0xLjczYzAtLjk1Ljc4LTEuNzMsMS43My0xLjczaDI0Ljg5Yy45NSwwLDEuNzMuNzgsMS43MywxLjczdjEuNzNaJy8+PC9zdmc+)
}

.c24-customer-layer .c24-customer-option-wishlist .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTkuODk1MiAxMy40MDI5QzIwLjAyMDkgMTMuMjg3MSAyMC4xNDkzIDEzLjE1NTIgMjAuMjk5MiAxMi45ODc2QzIxLjE4OTQgMTEuOTY4NiAyMS42Nzk4IDEwLjY2MjIgMjEuNjc5OCA5LjMwOTE5VjkuMTc2NDdDMjEuNjc5OCA2LjU0ODc5IDE5LjgwMjkgNC4yOTkwMyAxNy4yMTY5IDMuODI3MTlDMTUuNjg4MiAzLjU1MTExIDE0LjEwOTcgMy45NDE4MyAxMi44ODYyIDQuODk4NTVMMTIuODc1IDQuOTA0NzlMMTIuNjc4MyA1LjA2ODcxQzEyLjUwOTcgNS4yMTIyMyAxMi4zNDU2IDUuMzczOTEgMTIuMTc2OSA1LjU2MjYzTDExLjk5NiA1Ljc2NTExTDExLjgxNTEgNS41NjI2M0MxMS42MTA5IDUuMzI5OTEgMTEuMzgwMiA1LjExMjcxIDExLjEwOTUgNC44OTg1NUMxMC4xNDY5IDQuMTQyNzEgOC45NjE1IDMuNzQwMjMgNy43NTI0NiAzLjc0MDIzQzcuNDI5NTggMy43NDAyMyA3LjEwNTEgMy43Njg4NyA2Ljc4MjYyIDMuODI3MjdDNC4xOTY3IDQuMjk5MTEgMi4zMTk4MiA2LjU0ODg3IDIuMzE5ODIgOS4xNzY1NVY5LjMwOTI3QzIuMzE5ODIgMTAuNjU5NCAyLjgwODk0IDExLjk2NzIgMy42OTcwMiAxMi45OTE4QzMuODQ2NTQgMTMuMTU5IDMuOTc0ODYgMTMuMjkwOSA0LjEwMDU0IDEzLjQwNjdMMTEuMDc5IDE5Ljg5OTdDMTEuMzMzNiAyMC4xMzE4IDExLjY2MDcgMjAuMjU5OCAxMS45OTk4IDIwLjI1OThDMTIuMjk4MSAyMC4yNTk4IDEyLjU4OTMgMjAuMTYxIDEyLjgyMDEgMTkuOTgxNUMxMi44NTQ1IDE5Ljk1NDggMTIuODg2OSAxOS45Mjk2IDEyLjkxNiAxOS45MDA1TDE5Ljg5NTEgMTMuNDAzTDE5Ljg5NTIgMTMuNDAyOVpNMTIuMTMzNSAxOS4wNTQ2QzEyLjA5OTggMTkuMDg4MyAxMi4wNTA5IDE5LjEwNzkgMTEuOTk5OSAxOS4xMDc5QzExLjk1MzcgMTkuMTA3OSAxMS45MDUzIDE5LjA4ODcgMTEuODY3IDE5LjA1NTJMNC44OTE3NCAxMi41NTc4QzMuOTkxNjYgMTEuNzIyMyAzLjQ3NTQyIDEwLjUzODEgMy40NzU0MiA5LjMwOTAzVjkuMTc2MzFDMy40NzU0MiA3LjEwNjM5IDQuOTUyODYgNS4zMzQ5NSA2Ljk4ODQ2IDQuOTY0NDdDOC40NDY3OCA0LjY5OTc1IDkuOTY1MjYgNS4yMjMxOSAxMC45NTIxIDYuMzMxNTFMMTEuNTY2MyA3LjAyMTUxQzExLjY3OTUgNy4xNDU1OSAxMS44Mzc1IDcuMjE2NzkgMTEuOTk5OSA3LjIxNjc5QzEyLjE2NTkgNy4yMTY3OSAxMi4zMjM5IDcuMTQ1NjcgMTIuNDMzMyA3LjAyMTgzTDEzLjA0NzggNi4zMzE0M0MxNC4wMzQ2IDUuMjIzMTkgMTUuNTUzNSA0LjY5OTc1IDE3LjAxMTMgNC45NjQ0N0MxOS4wNDY5IDUuMzM0OTUgMjAuNTI0NCA3LjEwNjMxIDIwLjUyNDQgOS4xNzYzMVY5LjMwOTAzQzIwLjUyNDQgMTAuNTM2OCAyMC4wMDk1IDExLjcyMSAxOS4xMTE5IDEyLjU1NzhMMTIuMTMzNSAxOS4wNTQ2VjE5LjA1NDZaIiBmaWxsPSIjMTgxODE4Ii8+Cjwvc3ZnPg==)
}

.c24-customer-layer .c24-customer-option-feedback .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNi4xMTQ1IDguOTk2ODdDNi4yODE2MiA4Ljk5Njg3IDYuNDI0OSA5LjE2NzU5IDYuNDI0OSA5LjMwNzI3VjE4LjEyODdDNi40MjQ5IDE4LjI1ODQgNi4yOTIxOCAxOC40MDM0IDYuMTE0NSAxOC40MDM0SDMuNTczNjJDMy40MjQxIDE4LjQwMzQgMy4yNjMyMiAxOC4zMTc0IDMuMjYzMjIgMTguMTI4N1Y5LjI3MTUxQzMuMjYzMjIgOS4xNDE4MyAzLjM5NTk0IDguOTk2NzkgMy41NzM2MiA4Ljk5Njc5TDYuMTE0NSA4Ljk5Njg3Wk02LjExNDUgOC4wMzY4N0gzLjU3MzYyQzIuODcwOSA4LjAzNjg3IDIuMzAzMjIgOC42MDQ2MyAyLjMwMzIyIDkuMjcxNTlWMTguMTI4OEMyLjMwMzIyIDE4LjgzMTUgMi44NzA5IDE5LjM2MzUgMy41NzM2MiAxOS4zNjM1SDYuMTE0NUM2LjgxNzIyIDE5LjM2MzUgNy4zODQ5IDE4Ljc5NTcgNy4zODQ5IDE4LjEyODhWOS4zMDczNUM3LjM4NDkgOC42NDAzOSA2LjgxNzIyIDguMDM2ODcgNi4xMTQ1IDguMDM2ODdaIiBmaWxsPSIjMzMzMzMzIi8+CiAgPHBhdGggZD0iTTE5LjQzNjggOC41OTI2OEgxNC44OTA4TDE1LjA5NjggOC4wNTA2QzE1LjQ0ODQgNy4xMjU0OCAxNS42NTgzIDYuMjk4NTIgMTUuNjU4MyA1LjgzODUyQzE1LjY2MDEgNS4yMjM4IDE1LjQxMDEgNC42MjAyIDE0Ljk3MjUgNC4xODExNkMxNC42NjU5IDMuODczNjQgMTQuMTIzMyAzLjUwNzA4IDEzLjI3OTMgMy41MDcwOEMxMS42OTcxIDMuNTA3MDggMTEuMjg2MSA0LjU1ODUyIDEwLjg4ODcgNS41NzUyNEMxMC4xMTcyIDcuNTQwNTIgOS4zNTE5MSA4LjE4Mzk2IDguODk0NzEgOC41NjgzNkM4LjU4MTE5IDguODMxOTYgOC41MjIyMyA4Ljg4OTU2IDguNTIyMjMgOS4xNDE1NkM4LjUyMjIzIDkuNDQ2NDQgOC43NzAyMyA5LjY5NDM2IDkuMDc1MDMgOS42OTQzNkM5LjE2NDIzIDkuNjk0MzYgOS4yOTU5OSA5LjY3MzU2IDkuNDE3MTkgOS41NzQzNkMxMS4wNDQ1IDguMjczMzIgMTEuNTI1MyA3LjAwMjQ0IDExLjg3NjEgNi4wNzQ0NEMxMi4xNjA1IDUuMzIyNzYgMTIuNDI5IDQuNjEyNzYgMTMuMjc5MyA0LjYxMjc2QzE0LjE2MDMgNC42MTI3NiAxNC41NTY2IDUuMzI5NTYgMTQuNTU2NiA1LjgzODUyQzE0LjU1NjYgNi4yNDQ0NCAxNC4yMDE0IDcuNjA2NiAxMy40OTM3IDguODc1ODhDMTMuNDQ3IDguOTU5ODggMTMuNDIxMiA5LjA1NTcyIDEzLjQyMTIgOS4xNDU1NkMxMy40MjEyIDkuNDgxNCAxMy43MDYxIDkuNjYyNjggMTMuOTc0IDkuNjYyNjhIMTkuNDUzOUwxOS40NzA5IDkuNjY0MkMyMC4wOTkxIDkuNzE3OTYgMjAuNTkxMSAxMC4yMzgzIDIwLjU5MTEgMTAuODQ4OEMyMC41OTExIDExLjQ0NjIgMjAuMTE5MiAxMS45NDc1IDE5LjUxNjYgMTEuOTkwMkMxOS4yMjY1IDEyLjAxMDggMTguOTk5MSAxMi4yNTIzIDE4Ljk5OTEgMTIuNTRDMTguOTk5MSAxMi43MjQ1IDE5LjA1NSAxMi43OTYzIDE5LjE1NjYgMTIuOTI2N0MxOS4yODEyIDEzLjA4NjcgMTkuNDUxNyAxMy4zMDU3IDE5LjQ1MTcgMTMuNjg3NEMxOS40NTE3IDE0LjQzOTMgMTguODg3NyAxNC42NzE2IDE4LjU1MDcgMTQuODEwNEMxOC4xNzk1IDE0Ljk2MzIgMTguMDYyMSAxNS4wMjc0IDE4LjA2MjEgMTUuMzU4OEMxOC4wNjIxIDE1LjQ5MTYgMTguMDkzOCAxNS41NTA2IDE4LjE1MTEgMTUuNjU3OEMxOC4yMjA4IDE1Ljc4NzkgMTguMzE2MSAxNS45NjYxIDE4LjMxNjEgMTYuMjRDMTguMzE2MSAxNi45MTI4IDE3Ljg1NDIgMTcuMTU3MyAxNy41NDg1IDE3LjMxOUMxNy4yMzk4IDE3LjQ4MjMgMTcuMTMzMSAxNy41NTQgMTcuMTMzMSAxNy44NTE5QzE3LjEzMzEgMTcuOTA2OSAxNy4xMzkxIDE3LjkzNjkgMTcuMTQ5MSAxNy45ODY3QzE3LjE2MTQgMTguMDQ4IDE3LjE3NjggMTguMTI0MSAxNy4xNzY4IDE4LjIyOUMxNy4xNzY4IDE4Ljg2NTUgMTYuNjU4OSAxOS4zODMzIDE2LjAyMjUgMTkuMzgzM0gxMy45MzgxQzEyLjgzODUgMTkuMzgzMyAxMS43NDUzIDE5LjAxOTYgMTAuODYwMyAxOC4zNTlMOS40MDI3MSAxNy4yNjY4QzkuMzA3MTkgMTcuMTk1NyA5LjE4ODk1IDE3LjE1NjEgOS4wNzA4NyAxNy4xNTYxQzguNzI5MzUgMTcuMTU2MSA4LjUxODA3IDE3LjQ0MzEgOC41MTgwNyAxNy43MDg5QzguNTE4MDcgMTcuODgyNiA4LjU5ODM5IDE4LjA0MjEgOC43MzgzOSAxOC4xNDY2TDEwLjE5NjEgMTkuMjM4OUMxMS4yNjk3IDIwLjA0NzcgMTIuNTk5NyAyMC40OTI5IDEzLjk0MjEgMjAuNDkyOUgxNi4wMjY1QzE3LjIwODQgMjAuNDkyOSAxOC4xOTgxIDE5LjU3MTggMTguMjc5MyAxOC4zOTZMMTguMjkyNyAxOC4yMDI5TDE4LjQ1MjMgMTguMDkzNkMxOS4wNTkzIDE3LjY3NzYgMTkuNDIxNyAxNi45ODc2IDE5LjQyMTcgMTYuMjQ4QzE5LjQyMTcgMTYuMTQ1NiAxOS40MTQ3IDE2LjAzOTEgMTkuNDAxNCAxNS45Mzk4TDE5LjM2ODcgMTUuNjk0OEwxOS41NzMxIDE1LjU1NkMyMC4xOTE4IDE1LjEzNTMgMjAuNTYxMyAxNC40MzgzIDIwLjU2MTMgMTMuNjkxMkMyMC41NjEzIDEzLjUwOTkgMjAuNTQgMTMuMzM0OCAyMC40OTgyIDEzLjE3MDhMMjAuNDI5OSAxMi45MDNMMjAuNjU2MSAxMi43NDQ0QzIxLjMxNzQgMTIuMjgwOCAyMS42OTY2IDExLjU4OTcgMjEuNjk2NiAxMC44NDg3QzIxLjY5NjYgOS42MDQ3NiAyMC42ODI4IDguNTkyNzYgMTkuNDM2NyA4LjU5Mjc2TDE5LjQzNjggOC41OTI2OFoiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+)
}

.c24-customer-layer .c24-customer-option-change-contract .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTYuMDExMiAxMy40MjgzVjkuNzY5NjhDMTYuMDExMiA5LjMzMjggMTUuODMzNyA4LjkwNDggMTUuNTI0NCA4LjU5NTUyTDExLjU5OTYgNC42Njk5MkMxMS4yOTA4IDQuMzYxMiAxMC44NjMyIDQuMTg0MDggMTAuNDI2MyA0LjE4NDA4SDYuMjU0MjdDNS4wNzczOSA0LjE4NDA4IDQuMTE5ODcgNS4xNDEyIDQuMTE5ODcgNi4zMTc2OFYxNy43NTI5QzQuMTE5ODcgMTguOTI5OCA1LjA3NzM5IDE5Ljg4NzMgNi4yNTQyNyAxOS44ODczSDEyLjQzMzVMMTIuMjU2NSAxOS41NTIzQzEyLjIwNCAxOS40NTQgMTIuMTk5OSAxOS4zMzcgMTIuMTk5OSAxOS4xODI0VjE4Ljk1NDRINi4yNTQyN0M1LjU5MTcxIDE4Ljk1NDQgNS4wNTI2NyAxOC40MTU0IDUuMDUyNjcgMTcuNzUyOFY2LjMxNzZDNS4wNTI2NyA1LjY1NTUyIDUuNTkxNjMgNS4xMTY4IDYuMjU0MjcgNS4xMTY4SDEwLjMxNDNWOC40NjIzMkMxMC4zMTQzIDkuMjQ0ODggMTAuOTUwOSA5Ljg4MTUyIDExLjczMzUgOS44ODE1MkgxNS4wNzkxVjE0LjM2MDlMMTYuMDExMSAxMy40MjgyTDE2LjAxMTIgMTMuNDI4M1pNMTEuNzMzNSA4Ljk0ODcyQzExLjQ2NDggOC45NDg3MiAxMS4yNDYzIDguNzMwNDggMTEuMjQ2MyA4LjQ2MjMyVjUuNjM3NzZMMTQuNTU3MiA4Ljk0ODcySDExLjczMzVaIiBmaWxsPSIjMTgxODE4Ii8+CiAgPHBhdGggZD0iTTIwLjg4MTIgMTEuMjY4OUMyMC42MDM5IDEwLjk5MzEgMjAuMjQwMSAxMC44NTUyIDE5Ljg3NjggMTAuODU1MkMxOS41MTM2IDEwLjg1NTIgMTkuMTUwNSAxMC45OTMxIDE4Ljg3NDcgMTEuMjY5TDEzLjQ3NTQgMTYuNjQxOUwxMy40NTgxIDE2LjY2MDZDMTMuMzA4OCAxNi44NDI1IDEzLjIxMjUgMTcuMDI0MyAxMy4xNjUyIDE3LjIxNDRMMTIuNzE1NSAxOC45OTExQzEyLjY1ODkgMTkuMjQ5MiAxMi43MjcgMTkuNTAwNyAxMi45MDM1IDE5LjY3NzJDMTMuMDgyMSAxOS44NTA4IDEzLjMzNDYgMTkuOTE3OCAxMy41NzAzIDE5Ljg2MzJMMTUuMzYyMyAxOS40MTIzQzE1LjU3MDEgMTkuMzYwNiAxNS43NjAxIDE5LjI1MzYgMTUuOTExOCAxOS4xMDI3TDIxLjMwNzcgMTMuNzA2N0MyMS41NzcyIDEzLjQzNzMgMjEuNzI1NiAxMy4wNzk0IDIxLjcyNTYgMTIuNjk5MUMyMS43MjQ4IDEyLjMyMTEgMjEuNTc2OCAxMS45NjYgMjEuMzA4NiAxMS42OTk1TDIwLjg4MTIgMTEuMjY4OFYxMS4yNjg5Wk0xNS4yNTMxIDE4LjQ0MzRDMTUuMjIxNCAxOC40NzUxIDE1LjE4MTYgMTguNDk3IDE1LjEzNTEgMTguNTA4M0wxMy43MTM2IDE4Ljg2MzZMMTQuMDY5IDE3LjQ0MjJDMTQuMDggMTcuMzk4NyAxNC4xMDM4IDE3LjM1NjggMTQuMTM0NCAxNy4zMjcxTDE4LjIyNzggMTMuMjMzN0wxOS4zNDQ0IDE0LjM0OTVMMTUuMjUyOSAxOC40NDMzTDE1LjI1MzEgMTguNDQzNFpNMjAuNjQ1NyAxMy4wNTA3TDIwLjY0NDEgMTMuMDUyM0wyMC4wMDMgMTMuNjkwOEwxOC44ODczIDEyLjU3NDNMMTkuNTMxNiAxMS45MzAxQzE5LjcyMjggMTEuNzQwNCAyMC4wMzE2IDExLjczOTkgMjAuMjIwMiAxMS45Mjg0TDIwLjY0ODkgMTIuMzU3MkMyMC44NDA1IDEyLjU0OTUgMjAuODM5MSAxMi44MzQ2IDIwLjY0NTYgMTMuMDUwNkwyMC42NDU3IDEzLjA1MDdaIiBmaWxsPSIjMTgxODE4Ii8+CiAgPHBhdGggZD0iTTE0LjI0MDIgMTYuNEwxMy40NDA4IDE2LjQyNTdIMTIuMDQ4OEMxMi4wMDA0IDE2LjQyNTcgMTEuOTU3IDE2LjM5ODggMTEuOTM1NCAxNi4zNTU1TDExLjU2NTIgMTUuNjE1MkMxMS40OTE5IDE1LjQ2ODYgMTEuMzQ0NCAxNS4zNzc1IDExLjE4MDQgMTUuMzc3NUgxMC4zNjA2QzEwLjE3NTEgMTUuMzc3NSAxMC4wMSAxNS40Nzk0IDkuOTI3OTYgMTUuNjQzNkM5LjkwNDIgMTUuNjkwMyA5Ljg1NjIgMTUuNzE3OCA5LjgwMzQ4IDE1LjcxMjZDOS43NTE2NCAxNS43MDggOS43MDgzNiAxNS42NzI3IDkuNjkzNCAxNS42MjI4TDkuMjM1NjQgMTQuMDk1M0M5LjE4MzQ4IDEzLjkyMTcgOS4wMjY2IDEzLjgwNTIgOC44NDU0IDEzLjgwNTJIOC4xODNDOC4wMTg4NCAxMy44MDUyIDcuODcxNCAxMy45MTUgNy44MjQ2IDE0LjA3MjNMNy44MDE0OCAxNC4xNUw3LjE0NTE2IDE2LjMzNTNDNy4xMjkgMTYuMzg5MyA3LjA4MDIgMTYuNDI1NiA3LjAyMzcyIDE2LjQyNTZINi4xOTI0NEM2LjA1NjQ0IDE2LjQyNTYgNS45NDU4IDE2LjUzNjIgNS45NDU4IDE2LjY3MjJWMTcuMDQyOUM1Ljk0NTggMTcuMjM2NCA2LjEwMzI0IDE3LjM5MzggNi4yOTY3NiAxNy4zOTM4SDcuODAzMjRDNy44MjM4IDE3LjM5MzggNy44NDIxMiAxNy4zODAxIDcuODQ4MDQgMTcuMzYwNUw4LjQwNDkyIDE1LjUwNDVDOC40MjE0IDE1LjQ0OTUgOC40NjkwOCAxNS40MTQxIDguNTI2MzYgMTUuNDE0MUM4LjU4MzY0IDE1LjQxNDEgOC42MzEzMiAxNS40NDk1IDguNjQ3OCAxNS41MDQ1TDkuMTI3MjQgMTcuMTAwOUM5LjE3ODY4IDE3LjI3MzMgOS4zNDAyIDE3LjM5MzggOS41MjAyIDE3LjM5MzhIOS44MzY2QzEwLjAyMjEgMTcuMzkzOCAxMC4xODcyIDE3LjI5MTkgMTAuMjY5MiAxNy4xMjc3TDEwLjYyNTIgMTYuNDE1N0MxMC42NDY4IDE2LjM3MjUgMTAuNjkwMiAxNi4zNDU3IDEwLjczODUgMTYuMzQ1N0gxMC43Njg4QzEwLjgxNzIgMTYuMzQ1NyAxMC44NjA2IDE2LjM3MjUgMTAuODgyMyAxNi40MTU3TDExLjIzODIgMTcuMTI3N0MxMS4zMjAzIDE3LjI5MTkgMTEuNDg1MyAxNy4zOTM4IDExLjY2ODggMTcuMzkzOEgxMy4yMzY2TDEzLjY4MDIgMTcuMzU5OUwxNC4yNDAyIDE2LjM5OTlWMTYuNFoiIGZpbGw9IiMxODE4MTgiLz4KPC9zdmc+)
}

.c24-customer-layer .c24-customer-option-terminate-contract .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguODg4NSA3Ljk2MDI2TDEzLjY3NDkgMi43NDY2NkMxMy40MTgxIDIuNDg5MDYgMTMuMDU4OSAyLjM0MTA2IDEyLjY5MDEgMi4zNDEwNkg3LjI3NjQ4QzUuODU3MjggMi4zNDEwNiA0LjcwMjg4IDMuNDk1NDYgNC43MDI4OCA0LjkxNDY2VjE5LjA4NTFDNC43MDI4OCAyMC41MDQzIDUuODU4MDggMjEuNjU4NyA3LjI3NzI4IDIxLjY1ODdIMTYuNzIzN0MxOC4xNDI5IDIxLjY1ODcgMTkuMjk3MyAyMC41MDQzIDE5LjI5NzMgMTkuMDg1MVY4Ljk0ODI3QzE5LjI5NzMgOC41ODAyNyAxOS4xNDg1IDguMjIwMjYgMTguODg4NSA3Ljk2MDI2Wk0xNC4wNjY5IDguMjQ1MDdDMTMuNjk0OSA4LjI0NTA3IDEzLjM5MzMgNy45NDI2NiAxMy4zOTMzIDcuNTcxNDZWMy45MDAyNkwxNy43Mzg5IDguMjQ1MDdIMTQuMDY2OVpNMTguMjgyOSAxOS4wODUxQzE4LjI4MjkgMTkuOTQ0MyAxNy41ODI5IDIwLjY0NDMgMTYuNzIzNyAyMC42NDQzSDcuMjc2NDhDNi40MTcyOCAyMC42NDQzIDUuNzE3MjggMTkuOTQ0MyA1LjcxNzI4IDE5LjA4NTFWNC45MTQ2NkM1LjcxNzI4IDQuMDU0NjYgNi40MTcyOCAzLjM1NTQ2IDcuMjc2NDggMy4zNTU0NkgxMi4zNzgxVjcuNTcxNDZDMTIuMzc4MSA4LjUwMjY2IDEzLjEzNTcgOS4yNTk0NyAxNC4wNjY5IDkuMjU5NDdIMTguMjgyOVYxOS4wODUxWiIgZmlsbD0iIzE4MTgxOCIvPgogIDxwYXRoIGQ9Ik0xNS4xNjM5IDE2LjY0OTNDMTUuMTYzOSAxNi43ODQ1IDE1LjExMTEgMTYuOTExNyAxNS4wMTUxIDE3LjAwNzdDMTQuOTE5OSAxNy4xMDM3IDE0Ljc5MTkgMTcuMTU2NSAxNC42NTY3IDE3LjE1NjVDMTQuNTIwNyAxNy4xNTY1IDE0LjM5MzUgMTcuMTAzNyAxNC4yOTc1IDE3LjAwNzdMMTEuOTk5OSAxNC43MDkzTDkuNzAyMzQgMTcuMDA3N0M5LjYwNjM0IDE3LjEwMzcgOS40NzkxNCAxNy4xNTY1IDkuMzQzOTQgMTcuMTU2NUM5LjIwNzk0IDE3LjE1NjUgOS4wODA3NCAxNy4xMDM3IDguOTg0NzQgMTcuMDA3N0M4Ljg4ODc0IDE2LjkxMjUgOC44MzU5NCAxNi43ODQ1IDguODM1OTQgMTYuNjQ5M0M4LjgzNTk0IDE2LjUxNDEgOC44ODk1NCAxNi4zODY5IDguOTg0NzQgMTYuMjkwOUwxMS4yODMxIDEzLjk5MjVMOC45ODU1NCAxMS42OTI1QzguNzg3OTQgMTEuNDk0OSA4Ljc4Nzk0IDExLjE3MzMgOC45ODYzNCAxMC45NzU3QzkuMDgxNTQgMTAuODc5NyA5LjIwODc0IDEwLjgyNjkgOS4zNDQ3NCAxMC44MjY5QzkuNDc5OTQgMTAuODI2OSA5LjYwNzE0IDEwLjg3OTcgOS43MDMxNCAxMC45NzU3TDExLjk5OTkgMTMuMjc1N0wxNC4yOTc1IDEwLjk3NzRDMTQuMzkzNSAxMC44ODE0IDE0LjUyMDcgMTAuODI4NiAxNC42NTU5IDEwLjgyODZDMTQuNzkxOSAxMC44Mjg2IDE0LjkxOTEgMTAuODgxNCAxNS4wMTUxIDEwLjk3NzRDMTUuMTEwMyAxMS4wNzM0IDE1LjE2MzEgMTEuMjAwNiAxNS4xNjMxIDExLjMzNTdDMTUuMTYzMSAxMS40NzE3IDE1LjExMDMgMTEuNTk4OSAxNS4wMTUxIDExLjY5NDlMMTIuNzE2NyAxMy45OTI1TDE1LjAxNTEgMTYuMjkwMUMxNS4xMTExIDE2LjM4NjEgMTUuMTYzOSAxNi41MTMzIDE1LjE2MzkgMTYuNjQ5M1oiIGZpbGw9IiMxODE4MTgiLz4KPC9zdmc+)
}

.c24-customer-layer .c24-customer-option-alarm .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNi4xMTM0OSAyLjgwMDEzQzQuMjg0MjkgMi44MDAxMyAyLjgwMDA1IDQuMjg0MzcgMi44MDAwNSA2LjExMzU3QzIuODAwMDUgNi43Njc2NSAyLjk5MDUzIDcuMzc4NTMgMy4zMTc1NyA3Ljg5MjQ1QzMuNDg2NDUgOC4xNjE5NyAzLjg0MjI5IDguMjM3NDkgNC4xMTE4MSA4LjA2ODUzQzQuMzgxMzMgNy44OTk1NyA0LjQ1Njc3IDcuNTQzODEgNC4yODc4OSA3LjI3NDI5QzQuMDc1ODkgNi45NDAwNSAzLjk1MDA1IDYuNTQxMTcgMy45NTAwNSA2LjExMzQ5QzMuOTUwMDUgNC45MTY3NyA0LjkxNjc3IDMuOTUwMDUgNi4xMTM0OSAzLjk1MDA1QzYuNjgxMzMgMy45NTAwNSA3LjE5ODc3IDQuMTY5MjUgNy41ODMzMyA0LjUyODYxQzcuODE2OTMgNC43NDQyMSA4LjE3OTg5IDQuNzI5ODkgOC4zOTU0OSA0LjQ5OTg5QzguNjExMDkgNC4yNjk4OSA4LjU5Njc3IDMuOTAzMzMgOC4zNjY3NyAzLjY4NzczQzcuNzczODEgMy4xMzQyOSA2Ljk4MzE3IDIuODAwMTMgNi4xMTM0OSAyLjgwMDEzWk0xNS42MzMzIDMuNjg0MjFDMTUuMzk5NyAzLjg5OTgxIDE1LjM4NTMgNC4yNjI3NyAxNS42MDQ2IDQuNDk2MzdDMTUuODIzOSA0LjcyOTk3IDE2LjE4MzIgNC43NDQzNyAxNi40MTY4IDQuNTI1MDlDMTYuODAxMyA0LjE2OTMzIDE3LjMxODggMy45NTAwNSAxNy44ODY2IDMuOTUwMDVDMTkuMDc5NyAzLjk1MDA1IDIwLjA1IDQuOTE2NzcgMjAuMDUgNi4xMTM0OUMyMC4wNSA2LjU0MTE3IDE5LjkyNzkgNi45NDAwNSAxOS43MTIyIDcuMjc0MjlDMTkuNTQzMyA3LjU0MzgxIDE5LjYxODggNy44OTU5NyAxOS44ODgzIDguMDY4NTNDMjAuMTU3OCA4LjI0MTAxIDIwLjUxIDguMTYxOTcgMjAuNjgyNSA3Ljg5MjQ1QzIxLjAwOTYgNy4zNzg1MyAyMS4yIDYuNzY3NTcgMjEuMiA2LjExMzU3QzIxLjIgNC4yODQzNyAxOS43MTU4IDIuODAwMTMgMTcuODg2NiAyLjgwMDEzQzE3LjAxNjkgMi44MDAxMyAxNi4yMjI3IDMuMTM0MzcgMTUuNjMzMyAzLjY4NDIxWk00LjkzMTE3IDIxLjAzMTJMNi43MjgwNSAxOS4yMzQ0QzguMTQwMzcgMjAuNDU5OCA5Ljk4Mzk3IDIxLjIwMDEgMTIgMjEuMjAwMUMxNC4wMTYxIDIxLjIwMDEgMTUuODU5NyAyMC40NTk4IDE3LjI3MiAxOS4yMzQ0TDE5LjA2ODkgMjEuMDMxMkMxOS4yOTE3IDIxLjI1NCAxOS42NTgzIDIxLjI1NCAxOS44ODExIDIxLjAzMTJDMjAuMTAzOSAyMC44MDg0IDIwLjEwMzkgMjAuNDQxOSAxOS44ODExIDIwLjIxOTFMMTguMDg0MiAxOC40MjIyQzE5LjMwOTYgMTcuMDA5OSAyMC4wNSAxNS4xNjYzIDIwLjA1IDEzLjE1MDJDMjAuMDUgOC43MDQ3NyAxNi40NDU0IDUuMTAwMjEgMTIgNS4xMDAyMUM3LjU1NDUzIDUuMTAwMjEgMy45NDk5NyA4LjcwNDc3IDMuOTQ5OTcgMTMuMTUwMkMzLjk0OTk3IDE1LjE2NjMgNC42OTAyOSAxNy4wMDk5IDUuOTE1NzMgMTguNDIyMkw0LjExODg1IDIwLjIxOTFDMy44OTYwNSAyMC40NDE5IDMuODk2MDUgMjAuODA4NCA0LjExODg1IDIxLjAzMTJDNC4zNDE2NSAyMS4yNTQgNC43MDgyMSAyMS4yNTQgNC45MzEwMSAyMS4wMzEySDQuOTMxMTdaTTEyIDYuMjUwMTNDMTUuODEwOCA2LjI1MDEzIDE4LjkgOS4zMzkzMyAxOC45IDEzLjE1MDFDMTguOSAxNi45NjA5IDE1LjgxMDggMjAuMDUwMSAxMiAyMC4wNTAxQzguMTg5MjUgMjAuMDUwMSA1LjEwMDA1IDE2Ljk2MDkgNS4xMDAwNSAxMy4xNTAxQzUuMTAwMDUgOS4zMzkzMyA4LjE4OTI1IDYuMjUwMTMgMTIgNi4yNTAxM1pNMTIuNTc1MSA5LjEyNTA5QzEyLjU3NTEgOC44MDg4NSAxMi4zMTY0IDguNTUwMDUgMTIgOC41NTAwNUMxMS42ODM3IDguNTUwMDUgMTEuNDI1IDguODA4NzcgMTEuNDI1IDkuMTI1MDlWMTMuNzI1MUMxMS40MjUgMTMuOTA0OCAxMS41MTEyIDE0LjA3NzIgMTEuNjU1IDE0LjE4NTFMMTMuOTU1IDE1LjkxQzE0LjIxMDEgMTYuMTAwNSAxNC41Njk2IDE2LjA1MDIgMTQuNzYgMTUuNzk1QzE0Ljk1MDQgMTUuNTM5OSAxNC45MDAxIDE1LjE4MDQgMTQuNjQ0OSAxNC45OUwxMi41NzQ5IDEzLjQzNzZWOS4xMjUwOUgxMi41NzUxWiIgZmlsbD0iIzE4MTgxOCIvPgo8L3N2Zz4=)
}

.c24-customer-layer .c24-customer-option-customer-support .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTUuMjM3OCAxNi4yMzkxSDE1Ljc3NzdDMTcuMjIyMSAxNi4yMzkxIDE4LjM5NzIgMTUuMDY0MSAxOC4zOTcyIDEzLjYxOTdWMTIuNTM5OUMxOC4zOTcyIDExLjA5NTUgMTcuMjIyMSA5LjkyMDQxIDE1Ljc3NzcgOS45MjA0MUgxNS4yMzc4QzE0LjY4NjUgOS45MjA0MSAxNC4yMzggMTAuMzY4OSAxNC4yMzggMTAuOTIwM1YxNS4yMzk0QzE0LjIzOCAxNS43OTA2IDE0LjY4NjUgMTYuMjM5MSAxNS4yMzc4IDE2LjIzOTFaTTE1LjE1NzggMTAuODQwM0gxNS43Nzc3QzE2LjcxNDkgMTAuODQwMyAxNy40Nzc0IDExLjYwMjcgMTcuNDc3NCAxMi41Mzk5VjEzLjYxOTdDMTcuNDc3NCAxNC41NTY5IDE2LjcxNDkgMTUuMzE5NCAxNS43Nzc3IDE1LjMxOTRIMTUuMTU3OFYxMC44NDAzWiIgZmlsbD0iIzE4MTgxOCIvPgogIDxwYXRoIGQ9Ik0xMS40NTg0IDIwLjU1ODRIMTMuNjE3OUMxNC4yNjk0IDIwLjU1ODQgMTQuODUzMyAyMC4xNDU5IDE1LjA3MTEgMTkuNTMxOUwxNS4wOSAxOS40Nzg1TDE3LjkzNzIgMTkuNDgyQzE5LjM4MzQgMTkuNDgyIDIwLjU1OTkgMTguMzA2OSAyMC41NTk5IDE2Ljg2MjVMMjAuNTU2NiAxMi4wMDAyQzIwLjU1NjYgNy4yODExIDE2LjcxNzMgMy40NDE4OSAxMS45OTgzIDMuNDQxODlDNy4yNzkyMiAzLjQ0MTg5IDMuNDM5OTQgNy4yODExIDMuNDM5OTQgMTIuMDAwMlYxMy42MTk5QzMuNDM5OTQgMTMuODczNSAzLjY0NjI2IDE0LjA3OTggMy44OTk4NiAxNC4wNzk4QzQuMTUzNDYgMTQuMDc5OCA0LjM1OTcgMTMuODczNSA0LjM1OTcgMTMuNjE5OVYxMi4wMDAyQzQuMzU5NyA3Ljc4ODM4IDcuNzg2MzQgNC4zNjE3MyAxMS45OTgyIDQuMzYxNzNDMTYuMjEgNC4zNjE3MyAxOS42MzY3IDcuNzg4MzggMTkuNjM2NyAxMi4wMDAyVjE2Ljg2MjZDMTkuNjM2NyAxNy43OTk4IDE4Ljg3NDMgMTguNTYyMyAxNy45MzcxIDE4LjU2MjNMMTUuMDg5OSAxOC41NTg5TDE1LjA3MTEgMTguNTA1N0MxNC44NTMxIDE3Ljg5MTcgMTQuMjY5MiAxNy40NzkxIDEzLjYxNzkgMTcuNDc5MUgxMS40NTgzQzEwLjYwOTQgMTcuNDc5MSA5LjkxODY2IDE4LjE2OTggOS45MTg2NiAxOS4wMTg4QzkuOTE4NjYgMTkuODY3NyAxMC42MDk0IDIwLjU1ODUgMTEuNDU4MyAyMC41NTg1TDExLjQ1ODQgMjAuNTU4NFpNMTEuNDU4NCAxOC4zOTg4SDEzLjYxNzlDMTMuOTU5NyAxOC4zOTg4IDE0LjIzNzkgMTguNjc2OSAxNC4yMzc5IDE5LjAxODZDMTQuMjM3OSAxOS4zNjA0IDEzLjk1OTcgMTkuNjM4NSAxMy42MTc5IDE5LjYzODVIMTEuNDU4NEMxMS4xMTY3IDE5LjYzODUgMTAuODM4NSAxOS4zNjA0IDEwLjgzODUgMTkuMDE4NkMxMC44Mzg1IDE4LjY3NjkgMTEuMTE2NyAxOC4zOTg4IDExLjQ1ODQgMTguMzk4OFoiIGZpbGw9IiMxODE4MTgiLz4KICA8cGF0aCBkPSJNOC4yMTkwNSAxNi4yMzkxSDguNzU4OTdDOS4zMTAyNSAxNi4yMzkxIDkuNzU4NzMgMTUuNzkwNiA5Ljc1ODczIDE1LjIzOTRWMTAuOTIwM0M5Ljc1ODczIDEwLjM2ODkgOS4zMTAyNSA5LjkyMDQxIDguNzU4OTcgOS45MjA0MUg4LjIxOTA1QzYuNzc0NjUgOS45MjA0MSA1LjU5OTYxIDExLjA5NTUgNS41OTk2MSAxMi41Mzk5VjEzLjYxOTdDNS41OTk2MSAxNS4wNjQxIDYuNzc0NjUgMTYuMjM5MSA4LjIxOTA1IDE2LjIzOTFaTTYuNTE5MzcgMTIuNTM5OUM2LjUxOTM3IDExLjYwMjcgNy4yODE4NSAxMC44NDAzIDguMjE5MDUgMTAuODQwM0g4LjgzODk3VjE1LjMxOTRIOC4yMTkwNUM3LjI4MTg1IDE1LjMxOTQgNi41MTkzNyAxNC41NTY5IDYuNTE5MzcgMTMuNjE5N1YxMi41Mzk5WiIgZmlsbD0iIzE4MTgxOCIvPgo8L3N2Zz4=)
}

.c24-customer-layer .c24-customer-option-customer-feedback .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjEuNzYwMSA5LjIyODA0VjE2Ljk5NTJDMjEuNzYwMSAxNy4yNjMyIDIxLjY1MTMgMTcuNTA1NiAyMS40NzYxIDE3LjY4MTZDMjEuMzAwMSAxNy44NTY4IDIxLjA1NzcgMTcuOTY1NiAyMC43ODg5IDE3Ljk2NTZIMTkuMDc2MUMxOC45NDk3IDE3Ljk2NTYgMTguODQ3MyAxOC4wNjggMTguODQ3MyAxOC4xOTQ0VjE5LjUzNzZDMTguODQ3MyAxOS43MDcyIDE4LjY2ODEgMTkuODE4NCAxOC41MTYxIDE5Ljc0MjRMMTcuODc2OSAxOS40MjI0TDE1LjAxMjEgMTcuOTg5NkMxNC45ODAxIDE3Ljk3NDQgMTQuOTQ1NyAxNy45NjU2IDE0LjkwOTcgMTcuOTY1NkgxMS4wODAxQzEwLjgxMjEgMTcuOTY1NiAxMC41Njk3IDE3Ljg1NjggMTAuMzkzNyAxNy42ODE2QzEwLjIxNzcgMTcuNTA1NiAxMC4xMDg5IDE3LjI2MzIgMTAuMTA4OSAxNi45OTUyVjE1LjI4MTZDMTAuMTA4OSAxNS4xNTUyIDEwLjIxMjEgMTUuMDUyOCAxMC4zMzc3IDE1LjA1MjhIMTAuODUxM0MxMC45Nzc3IDE1LjA1MjggMTEuMDgwMSAxNS4xNTUyIDExLjA4MDEgMTUuMjgxNlYxNi43NjY0QzExLjA4MDEgMTYuODkyOCAxMS4xODI1IDE2Ljk5NTIgMTEuMzA4OSAxNi45OTUySDE1LjE0MDFDMTUuMTc2MSAxNi45OTUyIDE1LjIxMTMgMTcuMDAzMiAxNS4yNDI1IDE3LjAxOTJMMTUuNDAwOSAxNy4wOTg0TDE3LjU0NTcgMTguMTcwNEMxNy41NzkzIDE4LjE4NzIgMTcuNjEzNyAxOC4xOTUyIDE3LjY0ODEgMTguMTk1MkMxNy43NjgxIDE4LjE5NTIgMTcuODc2OSAxOC4wOTg0IDE3Ljg3NjkgMTcuOTY1NlYxNy4yMjRDMTcuODc2OSAxNy4wOTc2IDE3Ljk3OTMgMTYuOTk1MiAxOC4xMDQ5IDE2Ljk5NTJIMjAuNTYwMUMyMC42ODY1IDE2Ljk5NTIgMjAuNzg4OSAxNi44OTI4IDIwLjc4ODkgMTYuNzY2NFY5LjQ1Njg0QzIwLjc4ODkgOS4zMzA0NCAyMC42ODY1IDkuMjI4MDQgMjAuNTYwMSA5LjIyODA0SDE2LjE2MzNDMTYuMDM2OSA5LjIyODA0IDE1LjkzNDUgOS4xMjU2NCAxNS45MzQ1IDguOTk5MjRWOC40ODU2NEMxNS45MzQ1IDguMzU5MjQgMTYuMDM2OSA4LjI1Njg0IDE2LjE2MzMgOC4yNTY4NEgyMC43ODg5QzIxLjA1NzcgOC4yNTY4NCAyMS4zMDAxIDguMzY1NjQgMjEuNDc2MSA4LjU0MDg0QzIxLjY1MTMgOC43MTY4NCAyMS43NjAxIDguOTYwMDQgMjEuNzYwMSA5LjIyODA0WiIgZmlsbD0iIzE4MTgxOCIvPgogIDxwYXRoIGQ9Ik0xNC42NzkzIDQuNjU3NTRDMTQuNTA0MSA0LjQ4MjM0IDE0LjI2MDkgNC4zNzM1NCAxMy45OTI5IDQuMzczNTRIMy4zMTI5M0MzLjA0NDkzIDQuMzczNTQgMi44MDI1MyA0LjQ4MjM0IDIuNjI2NTMgNC42NTc1NEMyLjQ1MTMzIDQuODMzNTQgMi4zNDI1MyA1LjA3NTk0IDIuMzQyNTMgNS4zNDM5NFYxMy4xMTExQzIuMzQyNTMgMTMuMzc5MSAyLjQ1MTMzIDEzLjYyMjMgMi42MjY1MyAxMy43OTc1QzIuODAyNTMgMTMuOTczNSAzLjA0NDkzIDE0LjA4MjMgMy4zMTI5MyAxNC4wODIzSDUuMDI1NzNDNS4xNTIxMyAxNC4wODIzIDUuMjU0NTMgMTQuMTg0NyA1LjI1NDUzIDE0LjMxMTFWMTUuMDUyN0M1LjI1NDUzIDE1LjQwMDcgNS41NDAxMyAxNS42NTM1IDUuODU0NTMgMTUuNjUzNUM1Ljk0NDEzIDE1LjY1MzUgNi4wMzUzMyAxNS42MzM1IDYuMTIzMzMgMTUuNTg5NUw2LjIyNTczIDE1LjUzODNMOS4wODk3MyAxNC4xMDYzQzkuMTIxNzMgMTQuMDkwMyA5LjE1NjkzIDE0LjA4MjMgOS4xOTIxMyAxNC4wODIzSDEzLjk5MjlDMTQuNTI4OSAxNC4wODIzIDE0Ljk2NDEgMTMuNjQ3MSAxNC45NjQxIDEzLjExMTFWNS4zNDM5NEMxNC45NjQxIDUuMDc1OTQgMTQuODU1MyA0LjgzMzU0IDE0LjY3OTMgNC42NTc1NFpNMTMuOTkyOSAxMi44ODIzQzEzLjk5MjkgMTMuMDA4NyAxMy44OTA1IDEzLjExMTEgMTMuNzY0MSAxMy4xMTExSDguOTY0OTNDOC45Mjk3MyAxMy4xMTExIDguODk0NTMgMTMuMTE5MSA4Ljg2MjUzIDEzLjEzNTFMOC43MDQ5MyAxMy4yMTQzTDYuNTU2OTMgMTQuMjg3MUM2LjQwNDkzIDE0LjM2MzEgNi4yMjU3MyAxNC4yNTE5IDYuMjI1NzMgMTQuMDgyM1YxMy4zMzk5QzYuMjI1NzMgMTMuMjEzNSA2LjEyMzMzIDEzLjExMTEgNS45OTY5MyAxMy4xMTExSDMuNTQxNzNDMy40MTUzMyAxMy4xMTExIDMuMzEyOTMgMTMuMDA4NyAzLjMxMjkzIDEyLjg4MjNWNS41NzI3NEMzLjMxMjkzIDUuNDQ2MzQgMy40MTUzMyA1LjM0Mzk0IDMuNTQxNzMgNS4zNDM5NEgxMy43NjQxQzEzLjg5MDUgNS4zNDM5NCAxMy45OTI5IDUuNDQ2MzQgMTMuOTkyOSA1LjU3Mjc0VjEyLjg4MjNaIiBmaWxsPSIjMTgxODE4Ii8+Cjwvc3ZnPg==)
}

.c24-customer-layer .c24-customer-option-change-cscodes .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguOTA1IDguMDUzMzNIMTguNTkxOEMxOC43ODg0IDcuNzI5MDkgMTguODkwNCA3LjMzNTQ5IDE4Ljg4NzEgNi45MTE0MVY0Ljk1Mjc3QzE4Ljg4NzEgNC45MzM5NyAxOC44ODYgNC45MTU0MSAxOC44ODM5IDQuODk3NTdDMTguODc5IDQuODUzNDkgMTguODY2NCA0Ljc4MDIxIDE4LjgzNDIgNC42ODE3M0MxOC43ODY2IDQuNTM2MDUgMTguNzE1MSA0LjM5OTQ5IDE4LjYyMDcgNC4yNzQyOUMxOC4zMDY2IDMuOTAyMTMgMTcuOTAwNSAzLjcxNjIxIDE3LjM3ODQgMy43MDYwNUwxNy4yNzc4IDMuNzA2NjFDMTYuOTA1MyAzLjcyOTU3IDE2LjU1NTEgMy43OTg3NyAxNi4yMzczIDMuOTEyMjFDMTUuNTIwMSA0LjE1MzI1IDE0LjgwNjYgNC41MjM3MyAxNC4xMTY4IDUuMDEzNDFDMTMuNzA1MiA1LjMwNTY1IDEzLjMxMjggNS42MzIyMiAxMi45NTAyIDUuOTg0MDZDMTIuODU2MiA2LjA3NjcgMTIuNzY0NCA2LjE2NzgxIDEyLjY3NTMgNi4yNjMxN0gxMS4zMjI0QzExLjIyMDMgNi4xNTU2NSAxMS4xMzIgNi4wNjY3IDExLjA0NTYgNS45ODM5OEMxMC42ODI0IDUuNjM0MDYgMTAuMjg4NSA1LjMwODkzIDkuODc0OTMgNS4wMTc1N0M5LjE4NzY1IDQuNTMzMzMgOC40NzY0NSA0LjE2NTg5IDcuNzYwNzcgMy45MjU1N0M3LjM0Nzk3IDMuNzkxOTcgNy4wMjU1NyAzLjcyODY5IDYuNzE0MjEgMy43MjAyOUM2LjI5MTY1IDMuNzIyOTMgNS43NTc1NyAzLjc5MDM3IDUuMzc0OTMgNC4yOTI4NUM1LjI4MzE3IDQuNDE0OTMgNS4yMTI1MyA0LjU1MDUzIDUuMTY1MDEgNC42OTU3M0M1LjEzMjkzIDQuNzk0MjkgNS4xMjA0NSA0Ljg2NzE3IDUuMTE1NjUgNC45MTA2OUM1LjExMzQ5IDQuOTI5MzMgNS4xMTIzNyA0Ljk0Nzg5IDUuMTEyMzcgNC45NjY2MVY2LjkyOTc0QzUuMTMwNjkgNy4zODY4NiA1LjIyNDEzIDcuNzU1MDkgNS4zOTgwNSA4LjA1MzQ5SDUuMDk0NTNDNC4yODk4MSA4LjA1MzQ5IDMuNzA1ODEgOC42Mzc1NyAzLjcwNTgxIDkuNDQyMjFWMTAuOTc5NEMzLjcyMTAxIDExLjY1MDYgNC4xMjE1NyAxMi4xNzQ2IDQuNzI4ODUgMTIuMzIxM1YxOC45MDUyQzQuNzI4ODUgMTkuNzA5OSA1LjMxMjg1IDIwLjI5MzkgNi4xMTc1NyAyMC4yOTM5SDE3Ljg4MkMxOC42ODY3IDIwLjI5MzkgMTkuMjcwNyAxOS43MDk4IDE5LjI3MDcgMTguOTA1MlYxMi4zMjAxQzE5Ljg4ODMgMTIuMTYyNSAyMC4yOTg0IDExLjYyNTUgMjAuMjkzNiAxMC45NzY5VjkuNDQyMjFDMjAuMjkzNiA4LjYzNzQ5IDE5LjcwOTYgOC4wNTM0OSAxOC45MDQ5IDguMDUzNDlMMTguOTA1IDguMDUzMzNaTTE5LjMwNjUgOS40NDIwNVYxMC45NzY4QzE5LjMwNjUgMTEuMjM1NyAxOS4xNjM5IDExLjM3ODMgMTguOTA1IDExLjM3ODNIMTQuNDExNlY5LjA0MDYySDE4LjkwNUMxOS4xNjM5IDkuMDQwNjIgMTkuMzA2NSA5LjE4MzE4IDE5LjMwNjUgOS40NDIxNFY5LjQ0MjA1Wk0xNS4zMDQ2IDcuODQ3NzNDMTUuNjIyMiA3LjY5ODY5IDE1LjkyNDcgNy41NjcwMiAxNi4yMDM3IDcuNDU2MjJDMTYuMzEwNSA3LjQxMzc0IDE2LjQxNDggNy4zNzQxMyAxNi41MTQgNy4zMzc5N0MxNi43MzQzIDcuMjYzMDkgMTYuOTk2NiA3LjE4NjYxIDE3LjI3MTIgNy4xODY2MUMxNy4yODU3IDcuMTg2NjEgMTcuMzAwNCA3LjE4Njc4IDE3LjMxNCA3LjE4NzE4TDE3LjQxMjMgNy4xOTMwMkMxNy41NzUxIDcuMjA4MjIgMTcuNzIwMSA3LjI1MDU0IDE3Ljg0NCA3LjMxODdDMTcuNzM4NSA3LjY1MzE4IDE3LjU3NjEgNy44MTIxNCAxNy4yMTIgNy45NDI3QzE2Ljk2NzIgOC4wMjU4MiAxNi42NDI3IDguMDQ5OTggMTQuODgwNSA4LjA1Mjk0QzE0Ljk3MzYgOC4wMDU2NiAxNC45OTQgNy45OTU5OCAxNS4xMzUyIDcuOTI4NTRMMTUuMzA0NyA3Ljg0NzU4TDE1LjMwNDYgNy44NDc3M1pNMTcuODk5OSA2LjI4NTI2QzE3LjcwNTQgNi4yMjYyMiAxNy40ODg1IDYuMTk4NzcgMTcuMjUzIDYuMTk3ODlDMTcuMjIyOCA2LjE5OTgxIDE3LjE5MjQgNi4yMDExNyAxNy4xNjE4IDYuMjAyNjFDMTcuMTAyIDYuMjA1MzMgMTcuMDM0MyA2LjIwODM4IDE2Ljk2OCA2LjIxNjNDMTYuNzE2IDYuMjQ1NzQgMTYuNDUwNCA2LjMxMDY5IDE2LjE3ODYgNi40MDkyNUMxNi4wNjkgNi40NDkyNSAxNS45NTQ4IDYuNDkyNyAxNS44MzkyIDYuNTM4NTRDMTUuNTQwOCA2LjY1NzE4IDE1LjIxOTcgNi43OTY5NCAxNC44ODQ2IDYuOTUzOThDMTQuNTY5MSA3LjEwNTAyIDE0LjIzMjIgNy4yNjg2MiAxMy45IDcuNDQzOVY3LjM5MDQ2QzEzLjg4NTYgNy4xMDczNCAxMy43OTgyIDYuODYzNzQgMTMuNjQ2NyA2LjY4MzgyQzEzLjk3MDQgNi4zNzAzIDE0LjMyMDggNi4wNzkxOCAxNC42ODg0IDUuODE4MzhDMTUuMjk5NSA1LjM4NDMgMTUuOTI2MSA1LjA1Nzg5IDE2LjU1MDcgNC44NDgyOUMxNi43NzUyIDQuNzc1MzMgMTcuMDQxMiA0LjY5OTgxIDE3LjMxMTUgNC42OTI4NUwxNy4zMzExIDQuNjkzMTdDMTcuNDA4OCA0LjY5NDYxIDE3LjQ4MjEgNC42OTU4MSAxNy41NTI5IDQuNzEyMjFDMTcuNjgzOSA0LjczOTMzIDE3Ljc3MzggNC43OTAzNyAxNy44MzU4IDQuODcyNzdDMTcuODU4MSA0LjkwMjM3IDE3Ljg3NzYgNC45MzYzNyAxNy44OTk4IDUuMDA0NjlWNi4yODUyNkgxNy44OTk5Wk0xNy44ODIgMTkuMzA2NkgxNC40MTE2VjEyLjM2NTRIMTguMjgzNVYxOC45MDVDMTguMjgzNSAxOS4xNjQgMTguMTQxIDE5LjMwNjYgMTcuODgyIDE5LjMwNjZaTTExLjA4NjkgOC4wNTMzM1Y3LjM5NjA2QzExLjA4NjkgNy4zMTU3NCAxMS4xNTIyIDcuMjUwMzcgMTEuMjMyNiA3LjI1MDM3SDEyLjc2NzFDMTIuODQ3NCA3LjI1MDM3IDEyLjkxMjkgNy4zMTU3NCAxMi45MTI5IDcuMzk2MDZWOC4wNTMzM0gxMS4wODY5Wk0xMy40MjQ0IDkuMDQwNjJWMTkuMzA2NkgxMC41NzU0VjkuMDQwNjJIMTMuNDI0NFpNOS41ODgxMyAxMi4zNjU0VjE5LjMwNjZINi4xMTc2NUM1Ljg1ODc3IDE5LjMwNjYgNS43MTYxMyAxOS4xNjQxIDUuNzE2MTMgMTguOTA1VjEyLjM2NTRIOS41ODgxM1pNNi42ODEwOSA3LjIwMTMzQzYuNzAxNjUgNy4yMDIwNSA2LjcyMjIxIDcuMjAyNDYgNi43NDI3NyA3LjIwMjc4TDYuNzUxNDEgNy4yMDI5NEM2Ljc5ODg1IDcuMjAzNzQgNi44NDM2NSA3LjIwNDQ2IDYuODg4MDUgNy4yMDg3QzcuMDc0NjEgNy4yMjcwMiA3LjI2OTMzIDcuMjczNTggNy40ODMzMyA3LjM1MDk0QzcuNTg0NzcgNy4zODc5OCA3LjY4OTAxIDcuNDI3NTcgNy43OTU4OSA3LjQ3MDA1QzguMDc3MDkgNy41ODE4MSA4LjM3OTQxIDcuNzEzNDEgOC42OTQyOSA3Ljg2MTI1TDguODYyMjkgNy45NDE0OUM4Ljk5MDg1IDguMDAyNzcgOS4wMTc0OSA4LjAxNTQ5IDkuMDkyMzcgOC4wNTMzM0g3LjM3MTY1QzcuMTU3MDEgOC4wNDgzNyA2Ljk2MTMzIDguMDE2MTQgNi43OTA1MyA3Ljk1NzY2QzYuNDM2ODUgNy44MjYzIDYuMjM5MTcgNy42MzM0MiA2LjE1MjkzIDcuMzM0MjlDNi4yODY5MyA3LjI2MDIxIDYuNDQzMjUgNy4yMjEzMyA2LjY4MTA5IDcuMjAxMzNaTTYuNzM1OTcgNi4yMTE1OEg2LjczNDQ1QzYuNzA5MDkgNi4yMTI4NiA2LjY4MzY1IDYuMjEzNTcgNi42NTgyMSA2LjIxNDI5TDYuNjQ2NDUgNi4yMTQ2OUM2LjU4NzI1IDYuMjE2MzcgNi41MjYwNSA2LjIxODIyIDYuNDYxNTcgNi4yMjUxQzYuMzU0MjkgNi4yMzkyNiA2LjIyODkzIDYuMjU4NjIgNi4wOTk4MSA2LjI5NTI2VjUuMDIxNDFMNi4xMTIxMyA0Ljk5NjQ1QzYuMTIzODkgNC45NzI2OSA2LjE0MjI5IDQuOTM1NTcgNi4xNjgwNSA0Ljg4MTE3QzYuMjI5NzMgNC44MDIxMyA2LjMxNzE3IDQuNzUzMDEgNi40NDE4MSA0LjcyNzAxTDYuNDc4MjEgNC43MjExN0M2LjUwMDcyIDQuNzE3NDkgNi41MjE2MiA0LjcxNDg4IDYuNTQwOTMgNC43MTMzM0M2LjU1ODA1IDQuNzEyMDUgNi41ODM3MyA0LjcxMDEzIDYuNjI0OTMgNC43MDY0NUg2LjY4MTU3QzYuOTQxNTcgNC43MjE0MSA3LjE5OTI1IDQuNzczNjUgNy40NDc5NyA0Ljg2MTg5QzguMDcxODEgNS4wNzEzMyA4LjY5NzA5IDUuMzk1MjUgOS4zMDY0NSA1LjgyNDUzQzkuNjc2MTMgNi4wODUwMSAxMC4wMjgzIDYuMzc1NDEgMTAuMzUzMyA2LjY4NzU3QzEwLjE5MTYgNi44ODUyNSAxMC4xMDE3IDcuMTM1NjYgMTAuMDk5NyA3LjM5NjA2VjcuNDU4OTNDOS43MjU5NyA3LjI2MjkzIDkuNDExODEgNy4xMDYyMiA5LjExNDI5IDYuOTY3NDJDOC43Nzc1NyA2LjgwOTU4IDguNDU2NjEgNi42Njk5NyA4LjE2MDQ1IDYuNTUyMzdDOC4wNDU4MSA2LjUwNjg1IDcuOTMxMDEgNi40NjMxNyA3LjgxODYxIDYuNDIyMjlDNy41MzA5MyA2LjMyNDQ1IDcuMTQ3ODkgNi4yMTIwNSA2LjczNTk3IDYuMjExNDlWNi4yMTE1OFpNNC42OTMxNyA5LjQ0MjA1QzQuNjkzMTcgOS4xODMxNyA0LjgzNTczIDkuMDQwNTQgNS4wOTQ2OSA5LjA0MDU0SDkuNTg4MTNWMTEuMzc4Mkg1LjA5NDY5QzQuODM1NzMgMTEuMzc4MiA0LjY5MzE3IDExLjIzNTcgNC42OTMxNyAxMC45NzY3VjkuNDQyMDVaIiBmaWxsPSIjMTgxODE4Ii8+Cjwvc3ZnPg==)
}

.c24-customer-layer .c24-customer-option-points .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguOTYwMSA2LjI4MDAzSDUuMDQwMDZDNC4yMjM5OCA2LjI4MDAzIDMuNTYwMDYgNi45NDM5NSAzLjU2MDA2IDcuNzYwMDNWMTYuMjRDMy41NjAwNiAxNy4wNTYxIDQuMjIzOTggMTcuNzIgNS4wNDAwNiAxNy43MkgxOC45NjAxQzE5Ljc3NjEgMTcuNzIgMjAuNDQwMSAxNy4wNTYxIDIwLjQ0MDEgMTYuMjRWNy43NjAwM0MyMC40NDAxIDYuOTQzOTUgMTkuNzc2MSA2LjI4MDAzIDE4Ljk2MDEgNi4yODAwM1pNMTguOTYwMSAxNi42OEgxNy45ODEzQzE4LjA2OTMgMTYuNDk2NyAxOC4xMjAxIDE2LjI5MjIgMTguMTIwMSAxNi4wNzUyQzE4LjEyMDEgMTUuMzAyIDE3LjQ5MzMgMTQuNjc1MiAxNi43MjAxIDE0LjY3NTJDMTUuOTQ2OSAxNC42NzUyIDE1LjMyMDEgMTUuMzAyIDE1LjMyMDEgMTYuMDc1MkMxNS4zMjAxIDE2LjI5MjEgMTUuMzcwOSAxNi40OTY3IDE1LjQ1ODkgMTYuNjhIMTMuMjYxMkMxMy4zNDkzIDE2LjQ5NjcgMTMuNCAxNi4yOTIyIDEzLjQgMTYuMDc1MkMxMy40IDE1LjMwMiAxMi43NzMyIDE0LjY3NTIgMTIgMTQuNjc1MkMxMS4yMjY4IDE0LjY3NTIgMTAuNiAxNS4zMDIgMTAuNiAxNi4wNzUyQzEwLjYgMTYuMjkyMSAxMC42NTA4IDE2LjQ5NjcgMTAuNzM4OCAxNi42OEg1LjA0MDA2QzQuNzk3NSAxNi42OCA0LjYwMDA2IDE2LjQ4MjYgNC42MDAwNiAxNi4yNFY5LjE5MzM5QzQuODM0MjIgOS4zNjk2MyA1LjEyNDQ2IDkuNDc1MzEgNS40NDAwNiA5LjQ3NTMxQzYuMjEzMjYgOS40NzUzMSA2Ljg0MDA2IDguODQ4NTEgNi44NDAwNiA4LjA3NTMxQzYuODQwMDYgNy43OTY5MSA2Ljc1NzgyIDcuNTM4MTEgNi42MTc2NiA3LjMyMDExSDE1LjU0MjVDMTUuNDAyMyA3LjUzODExIDE1LjMyMDEgNy43OTY5MSAxNS4zMjAxIDguMDc1MzFDMTUuMzIwMSA4Ljg0ODUxIDE1Ljk0NjkgOS40NzUzMSAxNi43MjAxIDkuNDc1MzFDMTcuNDkzMyA5LjQ3NTMxIDE4LjEyMDEgOC44NDg1MSAxOC4xMjAxIDguMDc1MzFDMTguMTIwMSA3Ljc5NjkxIDE4LjAzNzggNy41MzgxMSAxNy44OTc3IDcuMzIwMTFIMTguOTYwMUMxOS4yMDI2IDcuMzIwMTEgMTkuNDAwMSA3LjUxNzU1IDE5LjQwMDEgNy43NjAxMVYxMS4xMjM4QzE5LjI4NSAxMS4wOTMyIDE5LjE2NDggMTEuMDc1MyAxOS4wNDAxIDExLjA3NTNDMTguMjY2OSAxMS4wNzUzIDE3LjY0MDEgMTEuNzAyMSAxNy42NDAxIDEyLjQ3NTNDMTcuNjQwMSAxMy4yNDg1IDE4LjI2NjkgMTMuODc1MyAxOS4wNDAxIDEzLjg3NTNDMTkuMTY0OCAxMy44NzUzIDE5LjI4NSAxMy44NTc1IDE5LjQwMDEgMTMuODI2OFYxNi4yNEMxOS40MDAxIDE2LjQ4MjYgMTkuMjAyNiAxNi42OCAxOC45NjAxIDE2LjY4WiIgZmlsbD0iIzE4MTgxOCIvPgogIDxwYXRoIGQ9Ik0xNC4zMjAyIDEzLjg3NTJDMTUuMDkzNCAxMy44NzUyIDE1LjcyMDIgMTMuMjQ4NCAxNS43MjAyIDEyLjQ3NTJDMTUuNzIwMiAxMS43MDIgMTUuMDkzNCAxMS4wNzUyIDE0LjMyMDIgMTEuMDc1MkMxMy41NDcgMTEuMDc1MiAxMi45MjAyIDExLjcwMiAxMi45MjAyIDEyLjQ3NTJDMTIuOTIwMiAxMy4yNDg0IDEzLjU0NyAxMy44NzUyIDE0LjMyMDIgMTMuODc1MloiIGZpbGw9IiMxODE4MTgiLz4KPC9zdmc+)
}

.c24-customer-layer .c24-customer-option-community .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNy41MDA3MyAxMy42MTkyQzcuNjI5NzcgMTMuNTk2IDcuNzQxODUgMTMuNTI0IDcuODE2MDkgMTMuNDE2NkM3Ljg5MDMzIDEzLjMwOTUgNy45MTg0MSAxMy4xOCA3Ljg5NTA1IDEzLjA1MThDNy44NzE2OSAxMi45MjM1IDcuNzk5NzcgMTIuODExOSA3LjY5MjQ5IDEyLjczNzhDNy4yMTM0NSAxMi40MDYxIDYuNjUwODkgMTIuMjMwNyA2LjA2NTUzIDEyLjIzMDdIMy40NDM2OUMxLjg2NzYxIDEyLjIzMDcgMC41ODU0NDkgMTMuNTEzIDAuNTg1NDQ5IDE1LjA4OVYxNS41MDA1QzAuNTg1NDQ5IDE1Ljc2OTYgMC44MDQzMjkgMTUuOTg4NCAxLjA3MzI5IDE1Ljk4ODRDMS4zNDIyNSAxNS45ODg0IDEuNTYxMjEgMTUuNzY5NSAxLjU2MTIxIDE1LjUwMDVWMTUuMDg5QzEuNTYxMjEgMTQuMDUxIDIuNDA1NjkgMTMuMjA2NiAzLjQ0MzYxIDEzLjIwNjZINi4wNjU0NUM2LjQ1MTI5IDEzLjIwNjYgNi44MjIwMSAxMy4zMjIgNy4xMzY4MSAxMy41Mzk3QzcuMjQzMDUgMTMuNjE0MiA3LjM3MjQ5IDEzLjY0MjQgNy41MDA3MyAxMy42MTkyWiIgZmlsbD0iIzE4MTgxOCIvPgogIDxwYXRoIGQ9Ik03LjM3OSA5LjAxNTVDNy4zNzkgNy41NjgxNCA2LjIwMTQ4IDYuMzkwNjIgNC43NTQxMiA2LjM5MDYyQzMuMzA2NzYgNi4zOTA2MiAyLjEyOTg4IDcuNTY4MTQgMi4xMjk4OCA5LjAxNTVDMi4xMjk4OCAxMC40NzI5IDMuMzA3MDggMTEuNjU4NSA0Ljc1NDEyIDExLjY1ODVDNi4yMDExNiAxMS42NTg1IDcuMzc5IDEwLjQ3MjkgNy4zNzkgOS4wMTU1Wk00Ljc1NDEyIDcuMzY2NDZDNS42NjM0IDcuMzY2NDYgNi40MDMwOCA4LjEwNjIyIDYuNDAzMDggOS4wMTU1QzYuNDAzMDggOS45MzQ3OSA1LjY2MzQgMTAuNjgyNyA0Ljc1NDEyIDEwLjY4MjdDMy44NDQ4NCAxMC42ODI3IDMuMTA1NzIgOS45MzQ3OSAzLjEwNTcyIDkuMDE1NUMzLjEwNTcyIDguMTA2MjIgMy44NDUxNiA3LjM2NjQ2IDQuNzU0MTIgNy4zNjY0NloiIGZpbGw9IiMxODE4MTgiLz4KICA8cGF0aCBkPSJNMTYuMzM0MSAxNy42MDkzQzE2LjYxOTIgMTcuNjA5MyAxNi44NTEyIDE3LjM3NzMgMTYuODUxMiAxNy4wOTIxVjE2LjYxMzdDMTYuODUxMiAxNC44MDk0IDE1LjM4MzMgMTMuMzQxNiAxMy41NzkgMTMuMzQxNkgxMC41MzE4QzguNzI3NDQgMTMuMzQxNiA3LjI1OTUyIDE0LjgwOTUgNy4yNTk1MiAxNi42MTM3VjE3LjA5MjFDNy4yNTk1MiAxNy4zNzcyIDcuNDkxNTIgMTcuNjA5MyA3Ljc3NjY0IDE3LjYwOTNDOC4wNjE3NiAxNy42MDkzIDguMjkzNiAxNy4zNzczIDguMjkzNiAxNy4wOTIxVjE2LjYxMzdDOC4yOTM2IDE1LjM3OTYgOS4yOTc2IDE0LjM3NTYgMTAuNTMxNyAxNC4zNzU2SDEzLjU3OUMxNC44MTMgMTQuMzc1NiAxNS44MTcgMTUuMzc5NiAxNS44MTcgMTYuNjEzN1YxNy4wOTIxQzE1LjgxNyAxNy4zNzcyIDE2LjA0OSAxNy42MDkzIDE2LjMzNDEgMTcuNjA5M1oiIGZpbGw9IiMxODE4MTgiLz4KICA8cGF0aCBkPSJNMTIuMDU1NyA2LjYxOTM4QzEwLjQwMDkgNi42MTkzOCA5LjA1NDY5IDcuOTY1MjMgOS4wNTQ2OSA5LjYxOTQ3QzkuMDU0NjkgMTEuMjg1NCAxMC40MDA5IDEyLjY0MDggMTIuMDU1NyAxMi42NDA4QzEzLjcxMDUgMTIuNjQwOCAxNS4wNTU5IDExLjI4NTUgMTUuMDU1OSA5LjYxOTQ3QzE1LjA1NTkgNy45NjUyMyAxMy43MSA2LjYxOTM4IDEyLjA1NTcgNi42MTkzOFpNMTIuMDU1NyAxMS42MDY3QzEwLjk3MTIgMTEuNjA2NyAxMC4wODg4IDEwLjcxNTEgMTAuMDg4OCA5LjYxOTQ3QzEwLjA4ODggOC41MzU0NyAxMC45NzEyIDcuNjUzNTUgMTIuMDU1NyA3LjY1MzU1QzEzLjE0MDMgNy42NTM1NSAxNC4wMjE4IDguNTM1NDcgMTQuMDIxOCA5LjYxOTQ3QzE0LjAyMTggMTAuNzE1MSAxMy4xMzk5IDExLjYwNjcgMTIuMDU1NyAxMS42MDY3WiIgZmlsbD0iIzE4MTgxOCIvPgogIDxwYXRoIGQ9Ik0xNi40OTkzIDEzLjYxOTJDMTYuMzcwMiAxMy41OTYgMTYuMjU4MSAxMy41MjQgMTYuMTgzOSAxMy40MTY2QzE2LjEwOTcgMTMuMzA5NSAxNi4wODE2IDEzLjE4IDE2LjEwNDkgMTMuMDUxOEMxNi4xMjgzIDEyLjkyMzUgMTYuMjAwMiAxMi44MTE5IDE2LjMwNzUgMTIuNzM3OEMxNi43ODY1IDEyLjQwNjEgMTcuMzQ5MSAxMi4yMzA3IDE3LjkzNDUgMTIuMjMwN0gyMC41NTYzQzIyLjEzMjQgMTIuMjMwNyAyMy40MTQ1IDEzLjUxMyAyMy40MTQ1IDE1LjA4OVYxNS41MDA1QzIzLjQxNDUgMTUuNzY5NiAyMy4xOTU3IDE1Ljk4ODQgMjIuOTI2NyAxNS45ODg0QzIyLjY1NzcgMTUuOTg4NCAyMi40Mzg4IDE1Ljc2OTUgMjIuNDM4OCAxNS41MDA1VjE1LjA4OUMyMi40Mzg4IDE0LjA1MSAyMS41OTQzIDEzLjIwNjYgMjAuNTU2NCAxMy4yMDY2SDE3LjkzNDVDMTcuNTQ4NyAxMy4yMDY2IDE3LjE3OCAxMy4zMjIgMTYuODYzMiAxMy41Mzk3QzE2Ljc1NjkgMTMuNjE0MiAxNi42Mjc1IDEzLjY0MjQgMTYuNDk5MyAxMy42MTkyWiIgZmlsbD0iIzE4MTgxOCIvPgogIDxwYXRoIGQ9Ik0xOS4yNDU3IDExLjY1ODVDMjAuNjkyOCAxMS42NTg1IDIxLjg3IDEwLjQ3MjkgMjEuODcgOS4wMTU1QzIxLjg3IDcuNTY4MTQgMjAuNjkyOCA2LjM5MDYyIDE5LjI0NTcgNi4zOTA2MkMxNy43OTg0IDYuMzkwNjIgMTYuNjIwOCA3LjU2ODE0IDE2LjYyMDggOS4wMTU1QzE2LjYyMDggMTAuNDcyOSAxNy43OTg0IDExLjY1ODUgMTkuMjQ1NyAxMS42NTg1Wk0yMC44OTQxIDkuMDE1NUMyMC44OTQxIDkuOTM0NzkgMjAuMTU0NyAxMC42ODI3IDE5LjI0NTcgMTAuNjgyN0MxOC4zMzY0IDEwLjY4MjcgMTcuNTk2OCA5LjkzNDc5IDE3LjU5NjggOS4wMTU1QzE3LjU5NjggOC4xMDYyMiAxOC4zMzY0IDcuMzY2NDYgMTkuMjQ1NyA3LjM2NjQ2QzIwLjE1NDcgNy4zNjY0NiAyMC44OTQxIDguMTA2MjIgMjAuODk0MSA5LjAxNTVaIiBmaWxsPSIjMTgxODE4Ii8+Cjwvc3ZnPg==)
}

.c24-customer-layer .c24-customer-option-betting .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjAuMjY0OSAxMC42MTY2QzIwLjE3NjMgMTAuMDg3NiAyMC4wMzY2IDkuNTY1MDYgMTkuODQ5NCA5LjA2Mzc4QzE5LjY2MDUgOC41NTcxNCAxOS40MjE0IDguMDY3MzggMTkuMTM5MiA3LjYwODAyQzE4LjU1MTQgNi42NTIwMiAxNy43ODY2IDUuODM0MjYgMTYuODY1OSA1LjE3NzU0QzE2LjE0NDIgNC42NjI3NCAxNS4zNTMgNC4yNjc5NCAxNC41MTQ2IDQuMDA0MUMxMy43MDM1IDMuNzQ4OSAxMi44NTk3IDMuNjE5MzggMTIuMDA2NiAzLjYxOTM4QzExLjM1NDIgMy42MTkzOCAxMC43MDEzIDMuNjk1NjIgMTAuMDY1OSAzLjg0NjAyQzkuNDI3ODMgMy45OTcxNCA4LjgwODIzIDQuMjIyODIgOC4yMjQzOSA0LjUxNjc0QzcuNjI5NzUgNC44MTYxOCA3LjA3MTkxIDUuMTg2NTggNi41NjYwNyA1LjYxNzg2QzYuMDQ1NTEgNi4wNjE3OCA1LjU3ODIzIDYuNTcxODYgNS4xNzczNSA3LjEzNDAyQzQuNTIwNTUgOC4wNTQ4MiA0LjA2MzY3IDkuMDc2OTggMy44MTk0MyAxMC4xNzIzQzMuNzAyMDcgMTAuNjk4MiAzLjYzNTU5IDExLjIzOTEgMy42MjE4MyAxMS43OEMzLjYwODIzIDEyLjMxNTQgMy42NDYyMyAxMi44NTUgMy43MzQ3MSAxMy4zODM1QzMuODIzMTEgMTMuOTEyIDMuOTYyODcgMTQuNDM0NSA0LjE1MDA3IDE0LjkzNjNDNC4zMzkxMSAxNS40NDI5IDQuNTc4MTUgMTUuOTMyNyA0Ljg2MDM5IDE2LjM5MkM1LjQ0NzkxIDE3LjM0NzkgNi4yMTI3MSAxOC4xNjU3IDcuMTMzNTkgMTguODIyNkM3Ljg1NTQzIDE5LjMzNzQgOC42NDY1NSAxOS43MzIxIDkuNDg0OTUgMTkuOTk1OUMxMC4yOTU5IDIwLjI1MTEgMTEuMTM5NyAyMC4zODA3IDExLjk5MzYgMjAuMzgwN0MxMi42NDU3IDIwLjM4MDcgMTMuMjk4NSAyMC4zMDQ1IDEzLjkzMzUgMjAuMTU0MkMxNC41NzE2IDIwLjAwMzEgMTUuMTkxMiAxOS43Nzc0IDE1Ljc3NTEgMTkuNDgzNEMxNi4zNjk3IDE5LjE4NCAxNi45Mjc1IDE4LjgxMzUgMTcuNDMzNCAxOC4zODIzQzE3Ljk1NDEgMTcuOTM4MyAxOC40MjE0IDE3LjQyODEgMTguODIyMiAxNi44NjYxQzE5LjQ3OSAxNS45NDUyIDE5LjkzNTggMTQuOTIzMSAyMC4xODAxIDEzLjgyNzlDMjAuMjk3NCAxMy4zMDEyIDIwLjM2MzkgMTIuNzYwMyAyMC4zNzc3IDEyLjIyMDFDMjAuMzkxMyAxMS42ODQ5IDIwLjM1MzQgMTEuMTQ1MyAyMC4yNjQ5IDEwLjYxNjZaTTExLjAzMzggMTkuNDM2MUMxMC42NzI2IDE5LjEyODggMTAuNDU4MiAxOC43NzgzIDEwLjM0MjkgMTguNTM1MkMxMC44NTE0IDE4LjI1MDQgMTEuNjYzNCAxNy42MzUxIDEyLjE4MTQgMTcuMjI5N0MxMi4zMzc2IDE3LjI1MTIgMTMuMTExMSAxNy4zNDk4IDE0LjE0OTMgMTcuMzQ5OEMxNC45MTQ2IDE3LjM0OTggMTUuNjQ4MyAxNy4yOTY5IDE2LjMzMjMgMTcuMTkyNEMxNi40MTg1IDE3LjQxOTUgMTYuNTEzIDE3LjY5ODMgMTYuNTY2OCAxNy45NDg5QzE2LjE5NTUgMTguMjM0MSAxNS43OTc1IDE4LjQ4NSAxNS4zNzg3IDE4LjY5NTlDMTQuODU2MiAxOC45NTkgMTQuMzAxOCAxOS4xNjA5IDEzLjczMDYgMTkuMjk2MUMxMy4xNjE4IDE5LjQzMDcgMTIuNTc3NCAxOS40OTkgMTEuOTkzMSAxOS40OTlDMTEuNjcxMyAxOS40OTkgMTEuMzUxMSAxOS40NzcxIDExLjAzMzggMTkuNDM2MkwxMS4wMzM4IDE5LjQzNjFaTTEzLjE2OTUgNC41OTIxOEMxMy4yOTM2IDQuNjg5MDYgMTMuNDMwNiA0LjgxOTcgMTMuNTI0NSA0Ljk3ODlDMTMuMTA3OSA1LjEyOTA2IDEyLjQ2MDggNS4zOTUwNiAxMS44NjQyIDUuNzc2NjZDMTAuMzc2NCA1LjU3NjEgOS4xMjA3MSA1LjY5NjAyIDguMzI1MTkgNS44MzMxNEM4LjIzODE1IDUuODQ4MTggOC4xNTExOSA1Ljg2NDI2IDguMDY1NTEgNS44ODEyMkw3Ljk3NDQ3IDUuNjcyNDJDOC4xODM4MyA1LjUzOTM4IDguMzk5NDMgNS40MTYwMiA4LjYyMTExIDUuMzA0NDJDOS4xNDM1MSA1LjA0MTMgOS42OTc5OSA0LjgzOTM4IDEwLjI2OTMgNC43MDQxOEMxMC44MzgxIDQuNTY5NDYgMTEuNDIyNiA0LjUwMTIyIDEyLjAwNjcgNC41MDEyMkMxMi4zOTc1IDQuNTAxMjIgMTIuNzg2MSA0LjUzMjAyIDEzLjE2OTYgNC41OTIyNkwxMy4xNjk1IDQuNTkyMThaTTE5LjQ5NjMgMTIuMTk3N0MxOS40ODk5IDEyLjQ0OTkgMTkuNDcgMTIuNzAyMiAxOS40MzgyIDEyLjk1MjdIMTguOTg5MUMxOC44MDU1IDEyLjE0OTkgMTguNDc0MyAxMS4yOTE0IDE4LjAwMzggMTAuMzk4N0MxNy42OTU1IDkuODEzNyAxNy40MDg3IDkuMzY5NTQgMTcuMjQ2NCA5LjEzMTNDMTcuMzIxMSA4LjU2NjkgMTcuMzk2MiA3LjgzNDAyIDE3LjM3NiA3LjI4Mjk4QzE3LjU0NTcgNy4zMTQ1OCAxNy43NTc3IDcuMzc3MTQgMTcuOTk1NCA3LjQ5NDlDMTguMTM0NCA3LjY3OTg2IDE4LjI2NTkgNy44NzEwNiAxOC4zODc5IDguMDY5NjJDMTguNjQwNiA4LjQ4MDkgMTguODU0NCA4LjkxODk4IDE5LjAyMzQgOS4zNzE5NEMxOS4xOTA4IDkuODIwODIgMTkuMzE1OSAxMC4yODg3IDE5LjM5NTIgMTAuNzYyMUMxOS40NzQ0IDExLjIzNTUgMTkuNTA4NCAxMS43MTg1IDE5LjQ5NjIgMTIuMTk3NkwxOS40OTYzIDEyLjE5NzdaTTguNDk1NTEgNi43MTI4MkM5LjE0MzE5IDYuNjAyNSAxMC4xNjQ2IDYuNDk4ODIgMTEuMzgzNCA2LjYyMTk0TDEyLjc3NDggOS4xOTQ0MkwxMC4zMjM3IDEzLjI0ODdMNy40MDgyMyAxMy4yOTYyQzYuNjIzMTEgMTIuMTk4NyA2LjE1NTM1IDEwLjc4NTEgNS45MzcxMSA5Ljk5NTdDNi41Nzk3NSA4LjYzNzM4IDcuNTMyMzEgNy4zNTYzNCA3Ljk1MDM5IDYuODIyMjZDOC4xMjY3OSA2Ljc4MTE0IDguMzA5OTEgNi43NDQ0MiA4LjQ5NTUxIDYuNzEyODJaTTEyLjM3MjMgMTYuMzUwN0wxMS4wNzYzIDEzLjczNTVMMTMuNDk4NiA5LjcyODc0TDE2LjY2NDcgOS44NzgyNkMxNy4wNjUgMTAuNTA1OCAxNy45MTIxIDExLjk2NzEgMTguMTc5NiAxMy40NjczQzE3Ljg4MiAxNC4xMjQ3IDE3LjI5MTQgMTUuMzExMSAxNi41MjcgMTYuMjUxNUMxNC42NTcyIDE2LjU5NTEgMTIuNzg5OCAxNi40MDE1IDEyLjM3MjMgMTYuMzUwN1pNMTYuODIxMiA2LjM3NDgyQzE2LjMzOSA1Ljk5Mzg2IDE1LjQ0NjIgNS4zNTExNCAxNC41MDM0IDQuOTkwMUMxNC40OTUgNC45Njg1OCAxNC40ODU2IDQuOTQ1MTQgMTQuNDc1OSA0LjkyMTE0QzE1LjE0MjEgNS4xNTQ1IDE1Ljc3MzEgNS40ODEwNiAxNi4zNTQgNS44OTUzOEMxNi41NjIzIDYuMDQzOTQgMTYuNzYxNSA2LjIwMTc4IDE2Ljk1MTYgNi4zNjgzNEMxNi45MDY1IDYuMzcwMDIgMTYuODYyNSA2LjM3MjI2IDE2LjgyMTIgNi4zNzQ4MlpNNC41MDM1MSAxMS44MDIzQzQuNTExNzUgMTEuNDc2NCA0LjU0MzI3IDExLjE1MDcgNC41OTM5MSAxMC44Mjg0QzQuODAyNjMgMTAuNzQ5MSA1LjAxNzM1IDEwLjY5NTEgNS4xOTUyNyAxMC42NTk3QzUuNDgzNzUgMTEuNTk4OCA1Ljk3NzkxIDEyLjg3NDYgNi43NDk5OSAxMy45MTQzQzYuNjU3ODMgMTQuNDAzNSA2LjUyNzY3IDE1LjI3NyA2LjU1NzU5IDE2LjE5MDNDNi4xODkxOSAxNi4yNDI5IDUuOTA5NDMgMTYuMTc1MyA1LjcxNDg3IDE2LjA4ODdDNS42ODA1NSAxNi4wMzU5IDUuNjQ1MDMgMTUuOTg0MSA1LjYxMTk5IDE1LjkzMDNDNS4zNTk0MyAxNS41MTk1IDUuMTQ1NjcgMTUuMDgxNSA0Ljk3NjU1IDE0LjYyODFDNC44MDg5NSAxNC4xNzkxIDQuNjgzOTEgMTMuNzExMyA0LjYwNDcxIDEzLjIzNzlDNC41MjU0MyAxMi43NjQ0IDQuNDkxNDMgMTIuMjgxNSA0LjUwMzY3IDExLjgwMjNMNC41MDM1MSAxMS44MDIzWk02Ljk0NDcxIDE3LjAyOEM3LjQ0MDMxIDE3LjQ3NzEgOC4zNTY3OSAxOC4yMTA3IDkuMzg5NTkgMTguNTY1NkM5LjQzMDc5IDE4LjY5MTMgOS41MDYzMSAxOC44ODY5IDkuNjMxOTEgMTkuMTE1MkM4LjkyNTgzIDE4Ljg3OTkgOC4yNTc5MSAxOC41NDEyIDcuNjQ1OTEgMTguMTA0NkM3LjIyNjM5IDE3LjgwNTQgNi44NDM1OSAxNy40Njg2IDYuNDk5MTEgMTcuMDk3N0M2LjY0NTExIDE3LjA4NjMgNi43OTM5OSAxNy4wNjM2IDYuOTQ0NzEgMTcuMDI4WiIgZmlsbD0iIzE4MTgxOCIvPgo8L3N2Zz4=)
}

.c24-customer-layer .c24-customer-option-insurance-center .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEuNjMxNyAyLjc3TDQuNDc5MTEgNS44MDUwNEMzLjcyNTM1IDYuMTIzNjggMy4yNDA2MyA2Ljg0NTkyIDMuMjQzNjcgNy42NDUwNEMzLjI0OTE5IDguNzQyMzIgMy40MTM4MyAxMS42MjAzIDQuODE5NDMgMTQuNjNDNi4xOTg3OSAxNy41ODMyIDguMzI5NTkgMTkuNzY2MSAxMS4xNTI4IDIxLjExNzlDMTEuNjkxMyAyMS4zNzU5IDEyLjMwODkgMjEuMzc1OSAxMi44NDc0IDIxLjExNzlDMTUuNjcyMSAxOS43NjYyIDE3LjgwMzMgMTcuNTgzNCAxOS4xODIxIDE0LjYzQzIwLjU4NjUgMTEuNjIxOSAyMC43NTEgOC43NDI4IDIwLjc1NjUgNy42NDQ2NEMyMC43NTk2IDYuODQ1ODQgMjAuMjc0OSA2LjEyMzYgMTkuNTIxNSA1LjgwNTJMMTkuNTIxIDUuODA1MDRMMTIuMzYwNyAyLjc2NjY0QzEyLjI0NjEgMi43MTQ4OCAxMi4xMjQ4IDIuNjg4NDggMTIuMDAwMSAyLjY4ODQ4QzExLjg3NTUgMi42ODg0OCAxMS43NTQxIDIuNzE0OCAxMS42Mzk1IDIuNzY2NjRMMTEuNjMxNyAyLjc3MDA4TDExLjYzMTcgMi43N1pNMTkuMDkxOSA2LjgyMTJDMTkuNDM5OSA2Ljk2ODU2IDE5LjY2MDIgNy4yOTIzMiAxOS42NTMyIDcuNjQ2QzE5LjY0MzcgOS44MTQzMiAxOS4xMDc0IDEyLjE5MjIgMTguMTgxOSAxNC4xNjQ3QzE2LjkwNjIgMTYuODgzMiAxNC45NTE1IDE4Ljg4NzggMTIuMzcyMSAyMC4xMjI2QzEyLjI1NDcgMjAuMTc4IDEyLjEyNyAyMC4yMDU2IDEyLjAwMDEgMjAuMjA1N0MxMS44NzI0IDIwLjIwNTcgMTEuNzQ1NCAyMC4xNzc2IDExLjYzMDIgMjAuMTIxOEM5LjA1MTExIDE4Ljg4NjIgNy4wOTU3NSAxNi44ODEgNS44MjAyMyAxNC4xNjI4QzQuODk1ODMgMTIuMTkzIDQuMzU4ODcgOS44MTQ0IDQuMzQ2OTUgNy42MzcwNEM0LjM0Njk1IDcuMjg4NjQgNC41NjU0MyA2Ljk2ODQ4IDQuOTAzNjcgNi44MTkzNkw1LjQwODc5IDYuNTk2OEwxMi4wMDAxIDMuODE0TDE5LjA5MTggNi44MjEyOEwxOS4wOTE5IDYuODIxMloiIGZpbGw9IiMxODE4MTgiLz4KPC9zdmc+)
}

.c24-customer-layer .c24-customer-option-credit-center .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzE4MTgxODsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzYuNTgsMzcuOTFjLjE2LjE3LjI1LjQuMjUuNjUsMCwuMjctLjExLjUxLS4yOC42OC0uMTcuMTctLjQyLjI4LS42OC4yOGgtNi4xOGMtMi43MiwwLTUuMjctLjctNy40OS0xLjkyLDAsMCwwLDAsMCwwLTMuMTUtMS43NC01LjYzLTQuNTQtNi45Ni03LjkyaC02Yy0uNTMsMC0uOTYtLjQzLS45Ni0uOTYsMC0uMjcuMTEtLjUxLjI4LS42OC4xNy0uMTcuNDEtLjI4LjY4LS4yOGg1LjM5Yy0uMy0xLjItLjQ2LTIuNDUtLjQ2LTMuNzUsMC0xLjM3LjE4LTIuNy41MS0zLjk2aC01LjQ0Yy0uNTMsMC0uOTYtLjQzLS45Ni0uOTYsMC0uMjcuMTEtLjUxLjI4LS42OC4xNy0uMTcuNDEtLjI4LjY4LS4yOGg2LjA5YzEuMzUtMy4yOCwzLjc5LTYsNi44Ny03LjcsMi4xOS0xLjIxLDQuNjktMS45MSw3LjM2LTEuOTNoNi4zMWMuNTMsMCwuOTYuNDMuOTYuOTYsMCwuMjUtLjA5LjQ4LS4yNS42NSwwLC4wMS0uMDIuMDItLjAzLjA0LS4xNy4xNy0uNDIuMjgtLjY4LjI4aC02LjE3Yy01LjQsMC0xMC4wNiwzLjE1LTEyLjI1LDcuN2gxNS44N2MuNTMsMCwuOTYuNDMuOTYuOTYsMCwuMjctLjExLjUxLS4yOC42OC0uMTguMTctLjQyLjI4LS42OC4yOGgtMTYuNjJjLS4zOCwxLjI1LS41OSwyLjU5LS41OSwzLjk2LDAsMS4zLjE4LDIuNTYuNTIsMy43NWgxNi42OWMuNTMsMCwuOTYuNDMuOTYuOTYsMCwuMjctLjExLjUxLS4yOC42OC0uMTguMTgtLjQyLjI4LS42OC4yOGgtMTUuOTdjMi4xMSw0LjYsNi43Miw3LjgyLDEyLjEsNy45Mi4wOCwwLC4xNywwLC4yNiwwLC4wNCwwLC4wOCwwLC4xMiwwaDYuMDZjLjI4LDAsLjU0LjEyLjcxLjMyWiIvPgo8L3N2Zz4=)
}

.c24-customer-layer .c24-customer-option-investment-center .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTYuMjM1MSAxMi45Nzg0QzE2LjYzNjcgMTIuOTc4NCAxNi45NjM5IDEyLjY1MTIgMTYuOTYzOSAxMi4yNDk2QzE2Ljk2MzkgMTEuODQ4IDE2LjYzNjcgMTEuNTIwOCAxNi4yMzUxIDExLjUyMDhDMTUuODMzNSAxMS41MjA4IDE1LjUwNjMgMTEuODQ4IDE1LjUwNjMgMTIuMjQ5NkMxNS41MDYzIDEyLjY1MTIgMTUuODMzNSAxMi45Nzg0IDE2LjIzNTEgMTIuOTc4NFoiIGZpbGw9IiMxODE4MTgiLz4KICA8cGF0aCBkPSJNMTQuNDkxMSAxOS45NTM2SDE1LjQ4NzlDMTYuMzAyMyAxOS45NTM2IDE2Ljk2MzkgMTkuMjkxMiAxNi45NjM5IDE4LjQ3NzZWMTcuNTUyOEwxNi45NzUxIDE3LjU0OEMxNy43NTc1IDE3LjIwNzIgMTguNDQ0NyAxNi42NjMyIDE4Ljk2MDcgMTUuOTc1MkwxOC45NjYzIDE1Ljk2OEgxOS45NzE5QzIwLjUxMTEgMTUuOTY4IDIwLjk1MDMgMTUuNTI5NiAyMC45NTAzIDE0Ljk4OTZWMTJDMjAuOTUwMyAxMS40NjA4IDIwLjUxMTkgMTEuMDIxNiAxOS45NzE5IDExLjAyMTZIMTkuNTQ1NUwxOS41NDA3IDExLjAxMDRDMTkuMjEyNyAxMC4yNTY4IDE4LjY5NTEgOS41ODk1NiAxOC4wNDIzIDkuMDgwNzZMMTguMDMyNyA5LjA3Mjc2TDE4LjI2MDcgOC4yODIzNkMxOC4zNDQ3IDcuOTgzOTYgMTguMjg2MyA3LjY3MTE2IDE4LjA5OTEgNy40MjM5NkMxNy45MTI3IDcuMTc2NzYgMTcuNjI3OSA3LjAzNTE2IDE3LjMxOTEgNy4wMzUxNkgxNy4yMzE5QzE2LjMxODMgNy4wMzUxNiAxNS40NTU5IDcuMzg3MTYgMTQuODAzMSA4LjAyNjM2TDE0Ljc5NzUgOC4wMzE5NkgxMC4wMDcxQzcuNjU1MDkgOC4wMzE5NiA1LjYwODY5IDkuNzAyMzYgNS4xNDIyOSAxMi4wMDMyTDUuMTM5MDkgMTIuMDE3Nkg1LjA2Nzg5QzQuNDgzODkgMTIuMDE3NiA0LjAwOTQ5IDExLjU0MjQgNC4wMDk0OSAxMC45NTkyQzQuMDA5NDkgMTAuNTU2OCA0LjIzNDI5IDEwLjE5NDQgNC41OTU4OSAxMC4wMTJMNC43MzI2OSA5Ljk0NDc2TDQuNzQyMjkgOS45MzY3NkM0Ljk3ODI5IDkuODE3NTYgNS4wNzUwOSA5LjUyNzk2IDQuOTU4MjkgOS4yOTE5NkM0LjkwMTQ5IDkuMTc3NTYgNC44MDMwOSA5LjA5MTk2IDQuNjgwNjkgOS4wNTExNkM0LjU1ODI5IDkuMDEwMzYgNC40Mjc4OSA5LjAxOTE2IDQuMzEzNDkgOS4wNzU5Nkw0LjE2NzA5IDkuMTUwMzZDMy40NzgyOSA5LjQ5NTE2IDMuMDUwMjkgMTAuMTg4IDMuMDUwMjkgMTAuOTU5MkMzLjA1MDI5IDEyLjA1MDQgMy45MzU4OSAxMi45NTYgNS4wMjU0OSAxMi45Nzc2SDUuMDQzODlWMTIuOTk2QzUuMDQzODkgMTQuNTcwNCA1Ljc2Nzg5IDE2LjAxNzYgNy4wMjk0OSAxNi45NjcyTDcuMDM2NjkgMTYuOTcyOFYxOC40NzY4QzcuMDM2NjkgMTkuMjkxMiA3LjY5OTA5IDE5Ljk1MjggOC41MTI2OSAxOS45NTI4SDkuNTA5NDlDMTAuMzIzOSAxOS45NTI4IDEwLjk4NTUgMTkuMjkwNCAxMC45ODU1IDE4LjQ3NjhWMTcuOTZIMTMuMDE1MVYxOC40NzY4QzEzLjAxNTEgMTkuMjkxMiAxMy42Nzc1IDE5Ljk1MjggMTQuNDkxMSAxOS45NTI4VjE5Ljk1MzZaTTEwLjUwNTUgMTcuMDAwOEMxMC4yNDA3IDE3LjAwMDggMTAuMDI1NSAxNy4yMTYgMTAuMDI1NSAxNy40ODA4VjE4LjQ3NzZDMTAuMDI1NSAxOC43NjI0IDkuNzkzNDkgMTguOTk0NCA5LjUwODY5IDE4Ljk5NDRIOC41MTE4OUM4LjIyNzA5IDE4Ljk5NDQgNy45OTUwOSAxOC43NjI0IDcuOTk1MDkgMTguNDc3NlYxNi43MjcyQzcuOTk1MDkgMTYuNTY4IDcuOTE1MDkgMTYuNDE5MiA3Ljc4MjI5IDE2LjMyOEM2LjY2Nzg5IDE1LjU4MDggNi4wMDIyOSAxNC4zMzUyIDYuMDAyMjkgMTIuOTk2QzYuMDAyMjkgMTAuNzg4IDcuNzk5MDkgOC45OTE5NiAxMC4wMDYzIDguOTkxOTZIMTUuMDAxNUMxNS4xMzkxIDguOTkxOTYgMTUuMjY5NSA4LjkzNDM2IDE1LjM1ODMgOC44MzI3NkwxNS4zNjM5IDguODI2MzZIMTUuMzY3MUMxNS44NDA3IDguMjk3NTYgMTYuNTE5OSA3Ljk5NTE2IDE3LjIzMTEgNy45OTUxNkgxNy4zNDIzTDE3LjMzNTkgOC4wMTgzNkwxNy4wMTgzIDkuMTMzNTZDMTYuOTYxNSA5LjMzNDM2IDE3LjAzOTkgOS41NDc5NiAxNy4yMTM1IDkuNjY0NzZDMTcuOTI4NyAxMC4xNDE2IDE4LjQ4MDcgMTAuODUwNCAxOC43Njc5IDExLjY2MDhDMTguODM2NyAxMS44NTI4IDE5LjAxOTEgMTEuOTgxNiAxOS4yMjA3IDExLjk4MTZIMTkuOTkyN1YxNS4wMDhIMTguNzIyM0MxOC41NjMxIDE1LjAwOCAxOC40MTQzIDE1LjA4OCAxOC4zMjMxIDE1LjIyMDhDMTcuODQ1NSAxNS45MzY4IDE3LjEzNjcgMTYuNDg4IDE2LjMyNzEgMTYuNzcyQzE2LjEzMzUgMTYuODQwOCAxNi4wMDMxIDE3LjAyMjQgMTYuMDAzMSAxNy4yMjQ4VjE4LjQ3NjhDMTYuMDAzMSAxOC43NjE2IDE1Ljc3MTEgMTguOTkzNiAxNS40ODYzIDE4Ljk5MzZIMTQuNDg5NUMxNC4yMDQ3IDE4Ljk5MzYgMTMuOTcyNyAxOC43NjE2IDEzLjk3MjcgMTguNDc2OFYxNy40OEMxMy45NzI3IDE3LjIxNTIgMTMuNzU3NSAxNyAxMy40OTI3IDE3SDEwLjUwMzFMMTAuNTA1NSAxNy4wMDA4WiIgZmlsbD0iIzE4MTgxOCIvPgogIDxwYXRoIGQ9Ik0xMS41MDE3IDQuMDQ2NDVDOS44MDAxMiA0LjA0NjQ1IDguMzYwMTIgNS4yNjMyNSA4LjA3ODUyIDYuOTM5MjVDOC4wNTY5MiA3LjA2NTY1IDguMDg1NzIgNy4xOTI4NSA4LjE2MDkyIDcuMjk3NjVDOC4yMzUzMiA3LjQwMTY1IDguMzQ1NzIgNy40NzA0NSA4LjQ3MTMyIDcuNDkwNDVDOC41OTg1MiA3LjUxMTI1IDguNzI0OTIgNy40ODE2NSA4LjgyOTcyIDcuNDA3MjVDOC45MzQ1MiA3LjMzMjg1IDkuMDAzMzIgNy4yMjMyNSA5LjAyMzMyIDcuMDk3NjVDOS4yMzEzMiA1Ljg4NDg1IDEwLjI3MzcgNS4wMDQ4NSAxMS41MDE3IDUuMDA0ODVDMTIuNTY0OSA1LjAwNDg1IDEzLjUxNjEgNS42NzY4NSAxMy44Njk3IDYuNjc2ODVDMTMuOTU2OSA2LjkyNjQ1IDE0LjIzMTMgNy4wNTc2NSAxNC40ODE3IDYuOTcwNDVDMTQuNjAxNyA2LjkyODA1IDE0LjY5ODUgNi44NDE2NSAxNC43NTQ1IDYuNzI1NjVDMTQuODEwNSA2LjYwOTY1IDE0LjgxNzcgNi40NzkyNSAxNC43NzUzIDYuMzU5MjVDMTQuMjg1NyA0Ljk3NTI1IDEyLjk2OTcgNC4wNDU2NSAxMS41MDA5IDQuMDQ1NjVMMTEuNTAxNyA0LjA0NjQ1WiIgZmlsbD0iIzE4MTgxOCIvPgo8L3N2Zz4=)
}

.c24-customer-layer .c24-customer-option-travel-center .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjEuNTE4NSAxOS41MzdDMjEuMDE2OCAxOS40MzYyIDIwLjQ4OTYgMTkuMTk5IDE5Ljk1MTYgMTguODMxOEMxOS42MzkgMTguNjE3MyAxOS4zNDc1IDE4LjM3MDggMTkuMDM0NSAxOC4wNTY2QzE4Ljk0MjcgMTcuOTYzIDE4LjgxOTUgMTcuOTEwOSAxOC42ODM3IDE3LjkwOThDMTguNTUwNCAxNy45MDk4IDE4LjQyNDIgMTcuOTYyIDE4LjMyODEgMTguMDU3QzE4LjAwNiAxOC4zODA2IDE3LjcyNDUgMTguNjE5NCAxNy40MTU2IDE4LjgzMTVDMTYuNjkyMSAxOS4zMjYxIDE1Ljk3NDkgMTkuNTg3NCAxNS4zNDE2IDE5LjU4NzRDMTQuNTQ0MSAxOS41ODc0IDEzLjc3MzggMTkuMTc2NiAxMy4yNjgyIDE4LjgzMkMxMi45NTU0IDE4LjYxNzIgMTIuNjYzOCAxOC4zNzA2IDEyLjM1MDUgMTguMDU2MUMxMi4xNTc2IDE3Ljg2MjUgMTEuODQxMSAxNy44NjI4IDExLjY0NDcgMTguMDU3MUMxMS4zMjI1IDE4LjM4MDYgMTEuMDQxIDE4LjYxOTUgMTAuNzMyMSAxOC44MzE2QzEwLjAwODYgMTkuMzI2MiA5LjI5MTQ5IDE5LjU4NzUgOC42NTgxMyAxOS41ODc1QzcuODYwNjkgMTkuNTg3NSA3LjA5MTI1IDE5LjE3NzIgNi41ODgzNyAxOC44MzQ2TDYuNTY3MTggMTguODE4NkM2LjI2MDUzIDE4LjYwNDcgNS45NzQ0NSAxOC4zNjEzIDUuNjY3MDkgMTguMDUyNkM1LjQ3MzMzIDE3Ljg1ODIgNS4xNTUyNSAxNy44NTg0IDQuOTU3ODEgMTguMDUzNkM0LjYzNTMzIDE4LjM3NzQgNC4zNTM4MSAxOC42MTYyIDQuMDQ0OTMgMTguODI4MkMzLjY3NDkzIDE5LjA4MjggMy4xMDMyNSAxOS40MTE4IDIuNDgwNTMgMTkuNTMzOEMyLjI3MTQ5IDE5LjU3NzQgMi4wNTk4MSAxOS43NTA4IDIuMDU5ODEgMTkuOTk3OUMyLjA1OTgxIDIwLjE0OTQgMi4xMjUwMSAyMC4yOTQ4IDIuMjM0MzcgMjAuMzg3QzIuMzAyNzcgMjAuNDQ0NyAyLjQxNzY1IDIwLjUwNzggMi41NzU5NyAyMC40Nzk1QzMuMzk2NjEgMjAuMzM2OSA0LjExODIxIDE5LjkyOTMgNC41Nzg2OSAxOS42MTI3QzQuODE3NjUgMTkuNDUwOCA1LjA0NzAxIDE5LjI3MjkgNS4yNjAyMSAxOS4wODRMNS4zMTU4MSAxOS4wMzQ3TDUuMzcxODkgMTkuMDgzNEM1LjU5MzgxIDE5LjI3NjIgNS44MjMxNyAxOS40NTQyIDYuMDUzNTcgMTkuNjEyMkM2LjY2NjkzIDIwLjAzMjcgNy42MTY3NyAyMC41MzQgOC42NTgxMyAyMC41MzRDOS40ODk0MSAyMC41MzQgMTAuMzY1OCAyMC4yMjM4IDExLjI2MjggMTkuNjEyMkMxMS41MDE1IDE5LjQ1MDQgMTEuNzMwNyAxOS4yNzI2IDExLjk0MzcgMTkuMDgzOUwxMS45OTk5IDE5LjAzNDJMMTIuMDU2MSAxOS4wODRDMTIuMTk1NSAxOS4yMDc1IDEyLjQyNjkgMTkuMzk5NCAxMi43MzcgMTkuNjEyM0MxMy4zNTA0IDIwLjAzMjggMTQuMzAwMiAyMC41MzQxIDE1LjM0MTcgMjAuNTM0MUMxNi4xNjkzIDIwLjUzNDEgMTcuMDQ1NyAyMC4yMjUgMTcuOTQ2OCAxOS42MTU0QzE4LjE4NTMgMTkuNDUzOCAxOC40MTQyIDE5LjI3NjIgMTguNjI3MiAxOS4wODc2TDE4LjY4MzMgMTkuMDM3OEwxOC43Mzk1IDE5LjA4NzZDMTguODc4NyAxOS4yMTA5IDE5LjEwOTcgMTkuNDAyNiAxOS40MjA0IDE5LjYxNThDMTkuODgxNSAxOS45MzI2IDIwLjYwMzMgMjAuMzQwNCAyMS40MjMzIDIwLjQ4MjlDMjEuNTgyNyAyMC41MTA2IDIxLjY5NzMgMjAuNDQ3OCAyMS43NjUzIDIwLjM5MDVDMjEuODc0NiAyMC4yOTgzIDIxLjkzOTkgMjAuMTUyOSAyMS45Mzk5IDIwLjAwMTRDMjEuOTM5OSAxOS43NTA3IDIxLjcyOCAxOS41NzgxIDIxLjUxODUgMTkuNTM3WiIgZmlsbD0iIzE4MTgxOCIvPgogIDxwYXRoIGQ9Ik02LjUzNDI3IDcuNTY3NThIOC45OTkwN0M4LjM1OTE1IDguMzQ3ODIgNy45NjQwMyA5LjIyMjM4IDcuODU0MDMgMTAuMTA0M0M3Ljc0NzM5IDEwLjk1ODkgNy45MDI4MyAxMS43OTczIDguMjkxODcgMTIuNDY1QzguNDMwMjcgMTIuNzAyMSA4LjY1MjAzIDEyLjg1MTQgOC45MTYyNyAxMi44ODU0QzkuMjAyOTEgMTIuOTIyNSA5LjUxMDkxIDEyLjgxNTMgOS43MTkyMyAxMi42MDYxTDEyLjUzNzkgOS43NzU5OEMxMi41MjcxIDkuODg0OTQgMTIuNTE0NiAxMC4wMDA4IDEyLjUwMDQgMTAuMTI2QzEyLjMgMTEuODE0IDExLjg0NjUgMTMuNTA3OCAxMS4xODg2IDE1LjAyN0g5LjkzNjE5QzguMjk5OTUgMTUuMDI3IDYuODE0OTEgMTUuOTI5IDYuMDQ4MTEgMTcuMzgzN0M2LjEwMzE1IDE3LjQyMzMgNi4xNTYyNyAxNy40NjY0IDYuMjA1NTUgMTcuNTE1OEM2LjQwNDgzIDE3LjcxNTkgNi41OTI1OSAxNy44ODQxIDYuNzgzMDcgMTguMDMyOUw2Ljc4NDkxIDE4LjAyODhDNy4zNDIxMSAxNi43ODE1IDguNTc5MDcgMTUuOTc1NSA5LjkzNjE5IDE1Ljk3NTVIMTQuMTIzMUMxNS40NjUxIDE1Ljk3NTUgMTYuNjk2MyAxNi43Njg5IDE3LjI1OTkgMTcuOTk2N0wxNy4yNjEzIDE3Ljk5OThDMTcuNDMxNSAxNy44NjM3IDE3LjYwMjIgMTcuNzA4OSAxNy43ODk2IDE3LjUyMDVDMTcuODUzIDE3LjQ1NzggMTcuOTIxNSAxNy40MDMxIDE3Ljk5MzkgMTcuMzU1N0MxNy4zMTYzIDE2LjA5NTEgMTYuMDg1OSAxNS4yNDI4IDE0LjY4MzUgMTUuMDYyOUMxNS4xOTQzIDEzLjI5NDEgMTUuMzQzOCAxMS40MzcyIDE1LjEyNzcgOS41NDI1NEMxNS4wOTM4IDkuMjQyMTQgMTUuMDQ5MyA4LjkzOTEgMTQuOTkyMSA4LjYxODU0SDE5LjYxODVDMTkuOTE0MyA4LjYxODU0IDIwLjIwNzggOC40NzU5OCAyMC4zODQ0IDguMjQ2NjJDMjAuNTQ2OSA4LjAzNTc0IDIwLjU5ODMgNy43NzI5NCAyMC41Mjk0IDcuNTA2MzhDMjAuMTQyNyA2LjAxODM4IDE4LjU3ODMgNC41MTcwMiAxNS45NTQ5IDQuNTE3MDJDMTUuMTk5OSA0LjUxNzAyIDE0LjQ5OTMgNC42NDA3IDEzLjg3MTkgNC44ODQ3QzEzLjAwMDcgMy45Njk1IDExLjY5NzggMy40NjYwNiAxMC4xOTc5IDMuNDY2MDZDNy41NzQ1MSAzLjQ2NjA2IDYuMDEwMDMgNC45Njc1IDUuNjIzMzkgNi40NTU1OEM1LjU1NDM1IDYuNzIxOSA1LjYwNTg3IDYuOTg0NzggNS43NjgyNyA3LjE5NTY2QzUuOTQ0OTEgNy40MjUxIDYuMjM4NDMgNy41Njc1OCA2LjUzNDI3IDcuNTY3NThaTTEzLjcxIDE1LjAyN0gxMi4yMTUyQzEyLjgyODMgMTMuNTEyNCAxMy4yNDAyIDExLjkwMTggMTMuNDM5NyAxMC4yMzg4QzEzLjUwMDQgOS43MzU1OCAxMy41Mzg2IDkuMjM3MDIgMTMuNTUzMiA4Ljc1NjM4TDEzLjY5MDUgOC42MTg1NEgxNC4wMzUzQzE0LjA5ODcgOC45NDY3OCAxNC4xNTExIDkuMjkzMzQgMTQuMTkxNCA5LjY0OTQyQzE0LjMzNTkgMTAuOTI0MyAxNC4zNjg3IDEyLjg4ODggMTMuNzA5OSAxNS4wMjdIMTMuNzFaTTEwLjE5NzkgNC40MTQ1NEMxMi4wNDI4IDQuNDE0NTQgMTIuOTc4NSA1LjI1MzEgMTMuMzcyMSA1Ljc1MzFDMTMuNTA4NiA1LjkyNjA2IDEzLjc0NDUgNS45ODAxNCAxMy45NDYzIDUuODg0NzhDMTQuNTI0NSA1LjYwNjU0IDE1LjIwMDMgNS40NjU1IDE1Ljk1NSA1LjQ2NTVDMTguMjk3NiA1LjQ2NTUgMTkuMzMxNSA2LjgyMTY2IDE5LjU5MjMgNy42Njk5OEgxOC41MjEyVjcuMDkzMjZDMTguNTIxMiA2LjgzMTc0IDE4LjMwOTEgNi42MTg5NCAxOC4wNDg0IDYuNjE4OTRDMTcuNzg3NyA2LjYxODk0IDE3LjU3NTYgNi44MzE3NCAxNy41NzU2IDcuMDkzMjZWNy42NzMyNkgxMy40OTE4QzEzLjM2MzYgNy42NzMyNiAxMy4yNDQ0IDcuNzIyMTQgMTMuMTU1OSA3LjgxMDg2TDExLjg0MzEgOS4xMjkwMkwxMS41NzcxIDguODYxOUMxMS40ODgzIDguNzcyNjIgMTEuMzY5NSA4LjcyMzQyIDExLjI0MjkgOC43MjM0MkMxMS4xMTYzIDguNzIzNDIgMTAuOTk3NiA4Ljc3MjYyIDEwLjkwODcgOC44NjE5QzEwLjgxOTkgOC45NTExOCAxMC43NzA5IDkuMDcwMTQgMTAuNzcwOSA5LjE5Njg2QzEwLjc3MDkgOS4zMjM1OCAxMC44MTk4IDkuNDQyNjIgMTAuOTA4NyA5LjUzMTlMMTEuMTc1MyA5Ljc5OTU4TDkuMDY4NTEgMTEuOTE0OUM4LjY1NDgzIDExLjEzMjIgOC40MzEyMyA5LjQ0MjMgMTAuMDkyIDcuNzc0N0MxMC40NDcxIDcuNDE4MyAxMC44MjUxIDcuMTI4MTQgMTEuMjE2MyA2LjkxMTU4QzExLjQ0MzkgNi43NzkyNiAxMS41MjM5IDYuNDg5MSAxMS4zOTQ3IDYuMjY0NzhDMTEuMzA5NCA2LjExNjg2IDExLjE1MTMgNi4wMjUwMiAxMC45ODIyIDYuMDI1MDJDMTAuOTAzNCA2LjAyNTAyIDEwLjgyNDUgNi4wNDUxIDEwLjc1MzkgNi4wODM0MkMxMC40ODYyIDYuMjMwNTQgMTAuMjE5MSA2LjQxMDYyIDkuOTU5NDcgNi42MTg5NEg5LjEwMDUxVjYuMDQyM0M5LjEwMDUxIDUuNzgwNyA4Ljg4ODQzIDUuNTY3OTggOC42Mjc3MSA1LjU2Nzk4QzguMzY2OTkgNS41Njc5OCA4LjE1NDkxIDUuNzgwNzggOC4xNTQ5MSA2LjA0MjNWNi42MTg5NEg2LjU1OTk1QzYuODE4NDMgNS43NzA3IDcuODUwMTkgNC40MTQ0NiAxMC4xOTc4IDQuNDE0NDZMMTAuMTk3OSA0LjQxNDU0WiIgZmlsbD0iIzE4MTgxOCIvPgo8L3N2Zz4=)
}

.c24-customer-layer .c24-customer-option-energy-center .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOC45NTc2OSAxOS43MDg3QzkuMTA2NDkgMTkuNzA4NyA5LjI1MTI5IDE5LjY1NTkgOS4zNjQwOSAxOS41NTk5TDE3LjQyNDkgMTIuNzE0M0MxNy42MDg5IDEyLjU1OTEgMTcuNzEzNyAxMi4zMzExIDE3LjcxMzcgMTIuMDg5NUMxNy43MTM3IDExLjYzNzUgMTcuMzQ1NyAxMS4yNzAzIDE2Ljg5NDUgMTEuMjcwM0gxMy44ODQxTDE1LjY0ODkgNS4wODg2OEMxNS43MDQxIDQuODk4MjggMTUuNjY3MyA0LjY5OTA4IDE1LjU0ODEgNC41NDA2OEMxNS40MjgxIDQuMzgxNDggMTUuMjQ1NyA0LjI5MDI4IDE1LjA0NjUgNC4yOTAyOEgxNS4wMjgxQzE0Ljg4NTcgNC4yOTQyOCAxNC43NDk3IDQuMzQ3MDggMTQuNjQyNSA0LjQzOTg4TDYuNTYxNjkgMTEuMzUyN0M2LjM4NzI5IDExLjUwMTUgNi4yODgwOSAxMS43MTc1IDYuMjg4MDkgMTEuOTQ3MUM2LjI4ODA5IDEyLjM3ODMgNi42MzkyOSAxMi43Mjk1IDcuMDcwNDkgMTIuNzI5NUgxMC4xMjA5TDguMzU2MDkgMTguOTExMUM4LjMwMDg5IDE5LjEwMTUgOC4zMzc2OSAxOS4zMDA3IDguNDU2ODkgMTkuNDU5MUM4LjU3Njg5IDE5LjYxODMgOC43NTkyOSAxOS43MDk1IDguOTU4NDkgMTkuNzA5NUw4Ljk1NzY5IDE5LjcwODdaTTExLjIxNjkgMTIuMzc4M0MxMS4yNTkzIDEyLjIzMzUgMTEuMjMwNSAxMi4wNzc1IDExLjE0MDEgMTEuOTU5OUMxMS4wNDgxIDExLjg0MDcgMTAuOTA0MSAxMS43Njg3IDEwLjc1NDUgMTEuNzY4N0g3LjU0ODA5TDEzLjQzNjkgNi43MzEwOEwxNC40MjI1IDUuODg3MDhMMTQuMTMyMSA2LjkwMzA4TDEyLjc4NDEgMTEuNjIxNUMxMi43NDE3IDExLjc2NjMgMTIuNzcwNSAxMS45MjIzIDEyLjg2MDkgMTIuMDM5MUMxMi45NTI5IDEyLjE1ODMgMTMuMDk2OSAxMi4yMzAzIDEzLjI0NjUgMTIuMjMwM0gxNi41MTYxTDkuNTc3NjkgMTguMTE5OUwxMS4yMTYxIDEyLjM3ODNIMTEuMjE2OVoiIGZpbGw9IiMxODE4MTgiLz4KPC9zdmc+)
}

.c24-customer-layer .c24-customer-option-internet-center .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNC40MjcxNSAxMC4wMDcyQzYuNTE5MTUgOC4xNjQ3OSA5LjIwNzk1IDcuMTUwMzkgMTEuOTk4MyA3LjE1MDM5QzE0Ljc4ODcgNy4xNTAzOSAxNy40NzY4IDguMTY0NzkgMTkuNTY4IDEwLjAwNzJDMTkuNjY0OCAxMC4wOTM2IDE5Ljc4NCAxMC4xMzQ0IDE5LjkxNTEgMTAuMTI3MkMyMC4wNDMxIDEwLjExOTIgMjAuMTYxNiAxMC4wNjE2IDIwLjI0NzkgOS45NjMxOUMyMC4zMzM1IDkuODY2MzkgMjAuMzc1OSA5Ljc0MjM5IDIwLjM2NzEgOS42MTQzOUMyMC4zNTkxIDkuNDg2MzkgMjAuMzAwNyA5LjM2ODc5IDIwLjIwMzEgOS4yODMxOUwyMC4xMjA3IDkuMjExMTlDMTcuODY3MSA3LjI2MDc5IDE0Ljk4NzEgNi4xODc5OSAxMS45OTc1IDYuMTg3OTlDOS4wMDc5NSA2LjE4Nzk5IDYuMDU2NzUgNy4yODcxOSAzLjc5MTE1IDkuMjgzMTlDMy41OTQzNSA5LjQ1ODM5IDMuNTc0MzUgOS43NjM5OSAzLjc0Nzk1IDkuOTYzMTlDMy44MzE5NSAxMC4wNiAzLjk0ODc1IDEwLjExNzYgNC4wNzc1NSAxMC4xMjU2QzQuMjAzOTUgMTAuMTM0NCA0LjMyNzk1IDEwLjA5MjggNC40MjQ3NSAxMC4wMDk2TDQuNDI3MTUgMTAuMDA3MloiIGZpbGw9IiMxODE4MTgiLz4KICA8cGF0aCBkPSJNMTEuOTk4NSAxNS4xNDRDMTEuMjYyNSAxNS4xNDQgMTAuNjY0MSAxNS43NDI0IDEwLjY2NDEgMTYuNDc4NEMxMC42NjQxIDE3LjIxNDQgMTEuMjYyNSAxNy44MTI4IDExLjk5ODUgMTcuODEyOEMxMi43MzQ1IDE3LjgxMjggMTMuMzMyOSAxNy4yMTQ0IDEzLjMzMjkgMTYuNDc4NEMxMy4zMzI5IDE1Ljc0MjQgMTIuNzM0NSAxNS4xNDQgMTEuOTk4NSAxNS4xNDRaIiBmaWxsPSIjMTgxODE4Ii8+CiAgPHBhdGggZD0iTTE3LjM3OTMgMTMuMjQ0N0MxNy4zNzM3IDEzLjExNjcgMTcuMzE3NyAxMi45OTgzIDE3LjIyMjUgMTIuOTExMUMxNS43OTUzIDExLjYwMDcgMTMuOTQwOSAxMC44NzkyIDExLjk5OTMgMTAuODc5MkMxMC4wNTc3IDEwLjg3OTIgOC4yMDE3IDExLjYwMTUgNi43NzI5IDEyLjkxMzVDNi41Nzc3IDEzLjA5MTkgNi41NjQ5IDEzLjM5NzUgNi43NDI1IDEzLjU5MzVDNi44MzIxIDEzLjY5MTkgNi45NjA5IDEzLjc0ODcgNy4wOTYxIDEzLjc0ODdDNy4yMTY5IDEzLjc0ODcgNy4zMzM3IDEzLjcwMzkgNy40MjMzIDEzLjYyMjNDOC42NzI5IDEyLjQ3NDMgMTAuMjk4NSAxMS44NDE2IDExLjk5OTMgMTEuODQxNkMxMy43MDAxIDExLjg0MTYgMTUuMzIzMyAxMi40NzM1IDE2LjU3MzcgMTMuNjIwN0MxNi42NjgxIDEzLjcwNzEgMTYuNzkwNSAxMy43NTEyIDE2LjkxOTMgMTMuNzQ2NEMxNy4wNDgxIDEzLjc0MDggMTcuMTY2NSAxMy42ODU1IDE3LjI1MzcgMTMuNTkxMUMxNy4zNDA5IDEzLjQ5NTkgMTcuMzg1NyAxMy4zNzM2IDE3LjM4MDEgMTMuMjQ1NkwxNy4zNzkzIDEzLjI0NDdaIiBmaWxsPSIjMTgxODE4Ii8+Cjwvc3ZnPg==)
}

.c24-customer-layer .c24-customer-option-mobile-center .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAuNzYwMSAxNi41MUg4Ljc1NTExQzguNTM1MTEgMTYuNTEgOC4zNjAxMSAxNi42OSA4LjM2MDExIDE2LjkxQzguMzYwMTEgMTcuMTMgOC41NDAxMSAxNy4zMSA4Ljc1NTExIDE3LjMxSDEwLjc2MDFDMTAuOTgwMSAxNy4zMSAxMS4xNTUxIDE3LjEzIDExLjE1NTEgMTYuOTFDMTEuMTU1MSAxNi42OSAxMC45NzUxIDE2LjUxIDEwLjc2MDEgMTYuNTFaIiBmaWxsPSIjMzMzMzMzIi8+CiAgPHBhdGggZD0iTTE5LjIyNTEgMTQuMDE5OUMxOS4yMjUxIDEzLjY0OTkgMTkuMDg1MSAxMy4zMDQ5IDE4LjgyNTEgMTMuMDQ0OUwxNy4zNjAxIDExLjU2NDlDMTcuMTAwMSAxMS4zMDQ5IDE2Ljc1NTEgMTEuMTU5OSAxNi4zODUxIDExLjE1OTlIMTMuNzA1MUMxMi45NTAxIDExLjE1OTkgMTIuMzMwMSAxMS43Nzk5IDEyLjMzMDEgMTIuNTM5OVYxOC44MDk5QzEyLjMzMDEgMTkuNTY5OSAxMi45NDUxIDIwLjE4OTkgMTMuNzA1MSAyMC4xODk5SDE3Ljg1NTFDMTguNjEwMSAyMC4xODk5IDE5LjIzMDEgMTkuNTY5OSAxOS4yMzAxIDE4LjgwOTlWMTQuMDE0OUwxOS4yMjUxIDE0LjAxOTlaTTE4LjI5NTEgMTguODE0OUMxOC4yOTUxIDE5LjA1OTkgMTguMDk1MSAxOS4yNjQ5IDE3Ljg1NTEgMTkuMjY0OUgxMy43MDUxQzEzLjQ2MDEgMTkuMjY0OSAxMy4yNjUxIDE5LjA2NDkgMTMuMjY1MSAxOC44MTQ5VjEyLjUxOTlDMTMuMjgwMSAxMi4yODQ5IDEzLjQ3MDEgMTIuMDk0OSAxMy43MDUxIDEyLjA5NDlIMTYuMzg1MUMxNi41MDAxIDEyLjA5NDkgMTYuNjE1MSAxMi4xNDQ5IDE2LjY5NTEgMTIuMjI0OUwxOC4xNjAxIDEzLjcwNDlDMTguMjQ1MSAxMy43ODk5IDE4LjI5MDEgMTMuOTA0OSAxOC4yOTAxIDE0LjAxOTlWMTguODE0OUgxOC4yOTUxWiIgZmlsbD0iIzMzMzMzMyIvPgogIDxwYXRoIGQ9Ik0xNi43MTAxIDE0LjQzOTlIMTQuOTcwMUMxNC40MjUxIDE0LjQzOTkgMTMuOTg1MSAxNC44ODQ5IDEzLjk4NTEgMTUuNDI5OVYxNy4zODQ5QzEzLjk4NTEgMTcuOTI5OSAxNC40MzAxIDE4LjM3NDkgMTQuOTcwMSAxOC4zNzQ5SDE2LjcxMDFDMTcuMjU1MSAxOC4zNzQ5IDE3LjY5NTEgMTcuOTI5OSAxNy42OTUxIDE3LjM4NDlWMTUuNDI5OUMxNy42OTUxIDE0Ljg4NDkgMTcuMjUwMSAxNC40Mzk5IDE2LjcxMDEgMTQuNDM5OVpNMTUuNDY1MSAxNy42MjQ5SDE0Ljk3MDFDMTQuODQwMSAxNy42MjQ5IDE0LjczNTEgMTcuNTE0OSAxNC43MzUxIDE3LjM4NDlWMTYuNzg0OUgxNS40NjUxVjE3LjYyNDlaTTE1LjQ2NTEgMTYuMDM0OUgxNC43MzUxVjE1LjQzNDlDMTQuNzM1MSAxNS4zMDQ5IDE0Ljg0MDEgMTUuMTk0OSAxNC45NzAxIDE1LjE5NDlIMTUuNDY1MVYxNi4wMzQ5Wk0xNi45NDUxIDE3LjM4NDlDMTYuOTQ1MSAxNy41MTQ5IDE2Ljg0MDEgMTcuNjI0OSAxNi43MTAxIDE3LjYyNDlIMTYuMjE1MVYxNi43ODQ5SDE2Ljk0NTFWMTcuMzg0OVpNMTYuOTQ1MSAxNi4wMzQ5SDE2LjIxNTFWMTUuMTk0OUgxNi43MTAxQzE2Ljg0MDEgMTUuMTk0OSAxNi45NDUxIDE1LjMwNDkgMTYuOTQ1MSAxNS40MzQ5VjE2LjAzNDlaIiBmaWxsPSIjMzMzMzMzIi8+CiAgPHBhdGggZD0iTTEzLjc5NDkgNS43OTk5M1YxMC4zNDQ5SDE0Ljc0OTlWNS43OTk5M0MxNC43NDk5IDQuNjk5OTMgMTMuODU5OSAzLjgwNDkzIDEyLjc2OTkgMy44MDQ5M0g2Ljc1NDlDNS42NjQ5IDMuODA0OTMgNC43NzQ5IDQuNjk5OTMgNC43NzQ5IDUuNzk5OTNWMTcuOTE5OUM0Ljc3NDkgMTkuMDE5OSA1LjY2NDkgMTkuOTE0OSA2Ljc1NDkgMTkuOTE0OUgxMS41Mzk5QzExLjQ0NDkgMTkuNzE5OSAxMS4zOTk5IDE5LjUwOTkgMTEuMzk5OSAxOS4yOTQ5VjE4Ljk1NDlINi43NTQ5QzYuMTg5OSAxOC45NTQ5IDUuNzI5OSAxOC40ODk5IDUuNzI5OSAxNy45MTk5VjUuNzk5OTNDNS43Mjk5IDUuMjI5OTMgNi4xODk5IDQuNzY0OTMgNi43NTQ5IDQuNzY0OTNIMTIuNzY5OUMxMy4zMzQ5IDQuNzY0OTMgMTMuNzk0OSA1LjIyOTkzIDEzLjc5NDkgNS43OTk5M1oiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+)
}

.c24-customer-layer .c24-customer-option-financing-center .c24-customer-option-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjAuMjg1MSAxNS45NDAxSDE4LjE4NTFDMTYuNzcwMSAxNS45NDAxIDE1LjQyNTEgMTUuMjU1MSAxNC41OTAxIDE0LjEwMDFMMTQuMjEwMSAxMy41NzUxSDE5LjQxMDFDMTkuNjc1MSAxMy41NzUxIDE5Ljg5MDEgMTMuMzYwMSAxOS44OTAxIDEzLjA5NTFDMTkuODkwMSAxMi44MzAxIDE5LjY3NTEgMTIuNjE1MSAxOS40MTAxIDEyLjYxNTFIMTMuODg1MUwxMy44MzUxIDEyLjM0NTFDMTMuNzg1MSAxMi4wNjUxIDEzLjc2MDEgMTEuNzg1MSAxMy43NjAxIDExLjUxNTFDMTMuNzYwMSAxMS4yMTAxIDEzLjc5MDEgMTAuOTAwMSAxMy44NTUxIDEwLjU5NTFMMTMuOTEwMSAxMC4zMzAxSDE5LjQxNTFDMTkuNjgwMSAxMC4zMzAxIDE5Ljg5NTEgMTAuMTE1MSAxOS44OTUxIDkuODUwMTJDMTkuODk1MSA5LjU4NTEyIDE5LjY4MDEgOS4zNzAxMiAxOS40MTUxIDkuMzcwMTJIMTQuMjUwMUwxNC42NTUxIDguODM1MTJDMTUuNTA1MSA3LjcyMDEyIDE2Ljc5NTEgNy4wODAxMiAxOC4xOTAxIDcuMDgwMTJIMjAuMjc1MUMyMC41NDAxIDcuMDgwMTIgMjAuNzU1MSA2Ljg2NTEyIDIwLjc1NTEgNi42MDAxMkMyMC43NTUxIDYuMzM1MTIgMjAuNTQwMSA2LjEyMDEyIDIwLjI3NTEgNi4xMjAxMkgxOC4xOTAxQzE2LjEzMDEgNi4xMjAxMiAxNC4yMjAxIDcuMzIwMTIgMTMuMzI1MSA5LjE4MDEyTDEzLjIzNTEgOS4zNzAxMkgxMS4yOTAxQzExLjAyNTEgOS4zNzAxMiAxMC44MTAxIDkuNTg1MTIgMTAuODEwMSA5Ljg1MDEyQzEwLjgxMDEgMTAuMTE1MSAxMS4wMjUxIDEwLjMzMDEgMTEuMjkwMSAxMC4zMzAxSDEyLjkxNTFMMTIuODYwMSAxMC43MTAxQzEyLjgyMDEgMTAuOTcwMSAxMi44MDUxIDExLjI0NTEgMTIuODA1MSAxMS41MTUxQzEyLjgwNTEgMTEuNzcwMSAxMi44MjAxIDEyLjAxNTEgMTIuODU1MSAxMi4yNDAxTDEyLjkxMDEgMTIuNjE1MUgxMS4zMDAxQzExLjAzNTEgMTIuNjE1MSAxMC44MjAxIDEyLjgzMDEgMTAuODIwMSAxMy4wOTUxQzEwLjgyMDEgMTMuMzYwMSAxMS4wMzUxIDEzLjU3NTEgMTEuMzAwMSAxMy41NzUxSDEzLjIxNTFMMTMuMzA1MSAxMy43NjUxQzE0LjE4NTEgMTUuNjcwMSAxNi4xMTAxIDE2LjkwMDEgMTguMjA1MSAxNi45MDAxSDIwLjI5MDFDMjAuNTU1MSAxNi45MDAxIDIwLjc3MDEgMTYuNjg1MSAyMC43NzAxIDE2LjQyMDFDMjAuNzcwMSAxNi4xNTUxIDIwLjU3MDEgMTUuOTUwMSAyMC4zMDUxIDE1Ljk0MDFIMjAuMjg1MVoiIGZpbGw9IiMxODE4MTgiLz4KICA8cGF0aCBkPSJNMTguMzcwMSAxOC4wMjVDMTguMTY1MSAxOC4wNDUgMTcuOTYwMSAxOC4wNTUgMTcuNzYwMSAxOC4wNTVDMTcuNjQwMSAxOC4wNTUgMTcuNTIwMSAxOC4wNTUgMTcuNDAwMSAxOC4wNDVDMTcuMzM1MSAxOC4zNjUgMTcuMDUwMSAxOC42MDUgMTYuNzE1MSAxOC42MDVINy4yNzAwNUM2Ljg4NTA1IDE4LjYwNSA2LjU3MDA1IDE4LjI5IDYuNTcwMDUgMTcuOTA1VjEwLjI5NUwxMS45OTAxIDUuNTUwMDVMMTMuNDI1MSA2LjgwNTA1QzEzLjY3MDEgNi41ODUwNSAxMy45MzAxIDYuMzgwMDUgMTQuMjA1MSA2LjIwMDA1TDEyLjMxMDEgNC41NDUwNUMxMi4yMjUxIDQuNDcwMDUgMTIuMTEwMSA0LjQyNTA1IDExLjk5NTEgNC40MjUwNUgxMS45OTAxQzExLjg3MDEgNC40MjUwNSAxMS43NTUxIDQuNDY1MDUgMTEuNjcwMSA0LjU0NTA1TDkuNDI1MDUgNi41MTAwNVY2LjUyMDA1TDMuNDEwMDUgMTEuNzg1QzMuMzIwMDUgMTEuODcgMy4yNjAwNSAxMS45ODUgMy4yNTUwNSAxMi4xMTVDMy4yNTAwNSAxMi4yNDUgMy4yOTAwNSAxMi4zNjUgMy4zODAwNSAxMi40NkMzLjQ3NTA1IDEyLjU2NSAzLjYwMDA1IDEyLjYyIDMuNzM1MDUgMTIuNjJDMy44NTAwNSAxMi42MiAzLjk2MDA1IDEyLjU4IDQuMDUwMDUgMTIuNTA1TDUuNjE1MDUgMTEuMTM1VjE3LjkwNUM1LjYxNTA1IDE4LjgyIDYuMzYwMDUgMTkuNTY1IDcuMjgwMDUgMTkuNTY1SDE2LjcyNTFDMTcuNjAwMSAxOS41NjUgMTguMzIwMSAxOC44OCAxOC4zODUxIDE4LjAyTDE4LjM3MDEgMTguMDI1WiIgZmlsbD0iIzE4MTgxOCIvPgo8L3N2Zz4=)
}

.c24-customer-layer .c24-customer-options a:after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOSAxNiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTguNTkyMTggNy40MDc4OEwxLjQyODIyIDAuMjQzODU4QzEuMjcwODQgMC4wODY1OTg1IDEuMDYwNiAwIDAuODM2MTY1IDBDMC42MTE3MzEgMCAwLjQwMTU1MyAwLjA4NjU5ODYgMC4yNDM5MiAwLjI0NDE2OUMwLjA4NjcyMyAwLjQwMTU1MyA2LjIyMjIxZS0wNSAwLjYxMTc5MyA2LjIyMjIxZS0wNSAwLjgzNjEwMkM2LjIyMjIxZS0wNSAxLjA2MDQxIDAuMDg2NzIzNCAxLjI3MDY1IDAuMjQ0MDQ1IDEuNDI4MTZMNi44MTU3NiA4TDAuMjQzOTIgMTQuNTcxOEMwLjA4NjY2MDggMTQuNzI5MiAwIDE0LjkzOTUgMCAxNS4xNjM4QzAgMTUuMzg4MiAwLjA4NjU5ODkgMTUuNTk4MyAwLjI0NDEwNyAxNS43NTYxQzAuNDAxNDkxIDE1LjkxMzMgMC42MTE3MzEgMTYgMC44MzYxMDIgMTZDMS4wNjA0NyAxNiAxLjI3MDcxIDE1LjkxMzMgMS40MjgyMiAxNS43NTZMOC41OTIyNCA4LjU5MTkzQzguNzQ5NDQgOC40MzQ1NSA4LjgzNjA0IDguMjI0MzEgOC44MzYwNCA4LjAwMDA2QzguODM2MDQgNy43NzU4MSA4Ljc0OTQ0IDcuNTY1NTcgOC41OTIwNiA3LjQwNzk0TDguNTkyMTggNy40MDc4OFoiIGZpbGw9IiNEQ0RDREMiLz4KPC9zdmc+);
    position: absolute;
    right: 0;
    width: 9px;
    height: 16px
}

.c24-customer-layer .c24-customer-options li,
.c24-customer-layer .c24-customer-center li {
    list-style: none
}

.c24-customer-layer .c24-customer-options a,
.c24-customer-layer .c24-customer-center a {
    line-height: 16px;
    width: 100%;
    padding: 16px 0;
    position: relative;
    display: flex;
    place-items: center
}

.c24-customer-layer .c24-customer-options li {
    border-bottom: 1px solid #DCDCDC
}

.c24-customer-layer .c24-customer-options li a {
    color: #181818
}

.c24-customer-layer .c24-customer-options li a {
    border-left: 15px solid #fff0;
    border-right: 15px solid #fff0;
    left: -15px
}

.c24-customer-layer .c24-customer-options li a:hover {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    text-decoration: none
}

.c24-customer-layer .c24-customer-center {
    display: block;
    margin: 0;
    padding: 10px 0 10px;
    border-top: 1px solid #dcdcdc
}

.c24-customer-layer .c24-customer-center li.c24-customer-center-km {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 9px
}

.c24-customer-layer .c24-customer-center li:last-child {
    margin-bottom: 0
}

.c24-customer-layer .c24-customer-center li a,
.c24-customer-layer .c24-customer-check a {
    display: block;
    text-decoration: none
}

.c24-customer-layer .c24-customer-check a:hover {
    text-decoration: underline
}

.c24-customer-layer .c24-customer-center li a:hover span:first-child {
    text-decoration: underline
}

.c24-customer-layer #c24-meinkonto-abmelden {
    margin-top: 8px;
    margin-bottom: 0
}

.c24-customer-check {
    padding: 10px 0 5px;
    line-height: 22px;
    font-size: 12px
}

.c24-customer-check a {
    width: fit-content;
    margin: 0 auto
}

.c24-customer-check .c24-customer-check-q {
    color: #181818;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c24-customer-trigger {
    display: none;
    position: absolute
}

.c24-customer-trigger .c24-customer-layer {
    padding: 17px 16px;
    width: 232px;
    box-sizing: border-box
}

.c24-customer-trigger .c24-customer-trigger-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    cursor: pointer
}

.c24-customer-trigger .c24-header-layer {
    font-size: 12px;
    border-radius: 16px !important;
    padding: 16px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / .3)
}

.c24-customer-trigger .c24-customer-trigger-text {
    color: #181818;
    margin: 0 0 8px;
    padding: 0;
    line-height: 18px
}

.c24-customer-trigger .c24-customer-salutation-text {
    border: 0;
    margin: 0;
    padding: 0
}

.c24-customer-trigger .c24-button {
    margin-bottom: 8px
}

.c24-customer-community-widgets {
    margin-bottom: 24px;
    margin-top: 15px
}

.c24-customer-community-widgets.hidden {
    display: none
}

.c24-community-widget {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 15px 0 rgb(0 0 0 / .1);
    padding: 12px 16px;
    text-decoration: none;
    color: #181818;
    margin-bottom: 12px;
    box-sizing: border-box;
    min-height: 82px
}

.c24-community-widget:hover {
    background-color: #f7f7f7
}

.c24-community-widget:last-child {
    margin-bottom: 0
}

.c24-community-widget:hover {
    text-decoration: none
}

.c24-community-widget-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f6b800
}

.c24-community-widget-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c24-community-widget-community .c24-community-widget-icon img {
    width: 30px;
    height: 30px;
    object-fit: unset;
    margin-top: 2px
}

.c24-community-widget-content {
    flex: 1;
    min-width: 0
}

.c24-community-widget-title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: anywhere
}

.c24-community-widget-display-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: anywhere
}

.c24-community-widget-side {
    flex-shrink: 0
}

.c24-community-widget-groups {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.c24-community-widget-group-img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #fff;
    overflow: hidden;
    margin-left: -8px
}

.c24-community-widget-group-img:first-child {
    margin-left: 0
}

.c24-community-widget-group-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c24-community-widget-description {
    font-size: 12px;
    text-align: right;
    margin-top: 8px
}

.c24-community-skeleton .skeleton-pulse {
    background: #efeff4 linear-gradient(120deg, #fff0 30%, rgb(221 221 221 / .5) 50%, #fff0 70%);
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s c24wfloadingscreen ease-in-out infinite
}

@keyframes c24wfloadingscreen {
    to {
        background-position-x: -20%
    }
}

.c24-community-skeleton .c24-community-widget-icon {
    background-color: #fff0
}

.c24-community-skeleton .skeleton-text {
    height: 16px;
    border-radius: 4px
}

.c24-community-skeleton .c24-community-widget-title {
    margin-bottom: 4px
}

.c24-community-skeleton .c24-community-widget {
    height: 82px
}

.c24-notification {
    flex-shrink: 0;
    width: max-content;
    margin: 20px 4px
}

.c24-notification-icon {
    height: 45px;
    position: relative;
    padding: 0;
    cursor: pointer;
    box-sizing: content-box;
    display: flex;
    place-items: center;
    place-content: center;
    flex-direction: column
}

.c24-notification-icon .c24-notification-icon-svg,
.c24-notification-icon .c24-notification-icon-svg-active {
    display: block;
    width: 21px;
    height: 24px;
    background-repeat: no-repeat
}

.c24-notification-label {
    color: #fff;
    font-size: 12px;
    margin-top: 4px;
    text-align: center
}

.c24-notification-icon .c24-notification-icon-svg {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAuMDk3IDIyOSI+PHBhdGggZD0iTTEyMi40ODYsMjAyLjk4NWwtLjE5OS0uMDY5LS4wMDUuMDAzYy0xLjQzMi0uNDQ2LTIuOTYxLS4zMjktNC4zMzMuMzI4LTEuNDM3LjY4OS0yLjUxMywxLjg4Ni0zLjAzMSwzLjM2OC0yLjIzMSw2LjI4Ny04LjIxNCwxMC41MTEtMTQuODkxLDEwLjUxMXMtMTIuNjU3LTQuMjE5LTE0Ljg4My0xMC40OTVjLS44MjMtMi4zNzktMy4wOC0zLjk3Ni01LjYxNS0zLjk3Ni0uNjY1LDAtMS4zMjYuMTExLTEuOTY0LjMzMi0xLjQ4NS41MTMtMi42ODEsMS41NzUtMy4zNjYsMi45OTEtLjY5OCwxLjQ0MS0uNzkyLDMuMDY2LS4yNjMsNC41OCwzLjg5OSwxMS4wMzEsMTQuMzg1LDE4LjQ0MSwyNi4wOTMsMTguNDQxczIyLjE5NS03LjQxNSwyNi4wOTYtMTguNDUxYy41MjMtMS40OTQuNDMyLTMuMTA1LS4yNTctNC41MzYtLjY4Ny0xLjQzMS0xLjg4OS0yLjUwNy0zLjM4Mi0zLjAyOFoiIGZpbGw9IiMxODE4MTgiLz48cGF0aCBkPSJNMTk0LjU5NywxNTMuNjQzbC0xLjI2NS0xLjI2M2MtMTQuMzM2LTE0LjM4My0yMi4yMzEtMzMuNDQyLTIyLjIzMS01My42Njd2LTEzLjE2MmMwLTE3Ljc1NS02LjU3Mi0zNC43NS0xOC41MDYtNDcuODU0LTExLjgwMS0xMi45NTctMjcuODY1LTIxLjA2OS00NS4yMzItMjIuODQybC0xLjQtLjE0M1Y1LjkzNmMwLTMuMjczLTIuNjY0LTUuOTM2LTUuOTM4LTUuOTM2cy01LjkzNSwyLjY2My01LjkzNSw1LjkzNnY4Ljc3NWwtMS40LjE0M2MtMTcuMzY5LDEuNzc0LTMzLjQzMyw5Ljg4Ni00NS4yMzIsMjIuODQyLTExLjkzNCwxMy4xMDMtMTguNTA2LDMwLjA5OC0xOC41MDYsNDcuODU0djEzLjE2MmMwLDE5LjkzMS04LjA4NiwzOS40NzUtMjIuMTgyLDUzLjYxN2wtMS4yNjksMS4yNjljLTMuNDk1LDMuNDk1LTUuNSw4LjMyLTUuNSwxMy4yMzgsMCwxMC4zMzMsOC40MDYsMTguNzM5LDE4LjczOSwxOC43MzlsMTYyLjYyMS4wNDZjMTAuMzMyLDAsMTguNzM4LTguNDA2LDE4LjczOC0xOC43MzksMC00LjkxNy0yLjAwNS05Ljc0My01LjUtMTMuMjM5Wk0xODQuOTAyLDE2MC43MTVsMS4yNjYsMS4yNjRjMS4yOTYsMS4yOTgsMi4wMSwzLjAyMiwyLjAxLDQuODU3LDAsMy43ODUtMy4wOCw2Ljg2NS02Ljg2NSw2Ljg2NUgxOC43MzljLTMuNzg1LDAtNi44NjUtMy4wOC02Ljg2NS02Ljg2NSwwLTEuODM3LjcxNC0zLjU2MiwyLjAxMS00Ljg1N2wxLjIyLTEuMjE4YzE2LjU4NS0xNi41NDIsMjUuNzE5LTM4LjU3NywyNS43MTktNjIuMDQ4di0xMy4xNjJjMC0yOS40NDIsMjAuNTM4LTU5LjI0Niw1OS43OTMtNTkuMjQ2LDE3LjMzMSwwLDMyLjE2Niw2LjA0Myw0Mi45MDEsMTcuNDc2LDEwLjEwMiwxMC43NjEsMTUuNjY2LDI1LjU3OCwxNS42NjYsNDEuNzIzdjEzLjE2M2MwLDIzLjA4Niw5LjM3NCw0NS43MDEsMjUuNzE5LDYyLjA0N1oiIGZpbGw9IiMxODE4MTgiLz48L3N2Zz4=);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.c24-notification-count {
    position: absolute;
    top: 0;
    left: 40px;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    font-weight: 700;
    width: 16px;
    text-align: center;
    color: #fff;
    background-color: #e30613;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-family: Arial, sans-serif;
    display: none
}

.c24-notification-count.min-font {
    font-size: 8px;
    line-height: 15px;
    height: 15px;
    min-width: 15px
}

.c24-notification-layer-hover {
    visibility: hidden;
    position: absolute;
    right: -6px;
    width: 338px;
    z-index: 1003
}

.c24-notification-layer {
    background: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / .3);
    z-index: 1003;
    overflow: hidden
}

.c24-notification-layer .content {
    font-size: 12px;
    line-height: 16px
}

.c24-notification-layer .content.list-content {
    padding: 15px 15px 0
}

.c24-notification-layer .content .news-feed-headline {
    font-size: 16px;
    color: #181818;
    margin-bottom: 10px;
    font-weight: 700
}

.c24-notification-layer .content .message {
    position: relative;
    cursor: pointer;
    display: flex;
    padding-top: 10px
}

.c24-notification-layer .content .message {
    padding-bottom: 10px
}

.c24-notification-layer .content .message:nth-child(1) {
    margin-top: -5px
}

.c24-notification-layer .content .message:not(:last-child) {
    border-bottom: 1px solid #dcdcdc
}

.c24-notification-layer .content .message:hover {
    background: #f7f7f7;
    border-left: 15px solid #f7f7f7;
    border-right: 15px solid #f7f7f7;
    width: 100%;
    left: -15px
}

.c24-notification-layer .content .message .content-wrapper {
    max-width: 225px;
    margin-right: 4px;
    flex: 1
}

.c24-notification-layer .content .message .subline {
    font-size: 12px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c24-notification-layer .content .message .news-image {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-right: 10px
}

.c24-notification-layer .content .message .news-default-image {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTEgMTAwIj4KICAgIDxwYXRoIGQ9Im00MS41LDEyLjljMS4yLjMsMi4xLjksMi42LDEuOWgwYy4zLjcuNSwxLjQuNSwyLjNoMGMwLC45LS4yLDItLjQsMy4zaDBjLS40LDEuNy0uNywzLTEuMiw0LjJoMGMtLjUsMS4yLTEuMiwyLjItMi4zLDNoMGMtMi4xLDEuNi01LjQsMi43LTExLjIsNGgwYy03LjcsMS43LTEzLDMuMS0xNi43LDVoMGMtMy43LDEuOC01LjksNC4xLTcuNSw3LjZoMGMtMS4xLDIuMy0xLjksNS4zLTIuNyw5aDBsLTIuMywxMS4xaDQ5LjdsMi4zLTExLjJIMTcuN3MuNS0yLjcsMS0zLjdoMGMuNS0xLjMsMS4zLTIuMiwyLjMtMi45aDBjMS0uNywyLjEtMS4yLDMuNi0xLjZoMGMyLjgtLjgsNi44LTEuMywxMi41LTIuOGgwYzcuMS0xLjgsMTEuOS0zLjgsMTUuMy03LjJoMGMzLjQtMy4zLDUuNS03LjksNy0xNS4xaDBjLjUtMi43LjktNS4zLjktNy4zaDBjMC0yLjktLjUtNS0xLjUtNi43aDBjLTEtMS43LTIuNC0yLjktNC4zLTMuOGgwQzUwLjguNCw0NS40LDAsMzguOSwwaDBDMzAuNywwLDI0LjMuOSwxOS41LDMuOGgwYy00LjgsMi45LTguMSw4LjMtMTAsMTdoMGwtLjUsMi40aDE1LjFsLjYtMi43Yy42LTIuNiwxLjEtNC40LDIuMS01LjZoMGMxLTEuMiwyLjQtMS45LDQuMy0yLjFoMGMxLjMtLjIsMi45LS4yLDQuOC0uMmguOWMyLjEsMCwzLjYuMSw0LjcuM2gwWiIgZmlsbD0iIzAwNWVhOCIgc3Ryb2tlLXdpZHRoPSIwIi8+CiAgICA8cGF0aCBkPSJtNDguNywxMDBoMGMtMTAsMC0xOS41LTIuNy0yNy42LTcuNy04LTQuOS0xMi43LTEwLjgtMTQuOS0xNC4xbC0yLjksNy41Yy0uMy43LTEsMS4xLTEuOCwxcy0xLjMtLjgtMS40LTEuNmwtLjEtMTQuNmgwYzAtLjQuMi0uOC41LTEuMS4zLS4zLjctLjUsMS4xLS41aDE0LjljLjgsMCwxLjQuNSwxLjUsMS4zLDAsLjEuMS4yLjEuMywwLC43LS40LDEuMi0xLDEuNWwtNy4zLDIuOGM2LjQsNS43LDE5LjYsMTQuOSwzOC4xLDE0LjksMS42LDAsMy4yLS4xLDQuOC0uMiw3LjgtLjcsMTUuNy0yLjYsMjIuOC01LjUsNi4yLTIuNiwxMS43LTUuOSwxNS45LTkuNmwtNy41LTIuMmMtLjYtLjItMS4xLS44LTEuMS0xLjV2LS4yYy4xLS44LjctMS40LDEuNS0xLjRsMTQuNi0xLjRoLjJjLjQsMCwuOC4xLDEsLjQuMy4zLjUuNy42LDEuMWwxLjIsMTQuNGMwLC43LS41LDEuNC0xLjIsMS41LS4xLjEtLjMuMS0uNC4xLS42LDAtMS4yLS4zLTEuNS0uOWwtMy41LTYuOGMtMi44LDMuOC03LjcsOS4zLTE1LjUsMTMuOS03LjgsNC44LTE2LjYsNy42LTI2LDguNGwtLjkuMWgwYy0xLjUsMC0yLjguMS00LjIuMVoiIGZpbGw9IiMwMDVlYTgiIHN0cm9rZS13aWR0aD0iMCIvPgogICAgPHBhdGggZD0ibTgzLjIsNi44Yy0xLjcsMS44LTE2LjUsMTcuMy0yMi42LDIzLjYtMS4yLDEuMy0yLjUsMi43LTMuMSwzLjktLjUuOS0xLjEsMy4zLTEuNCw1LS42LDMuNi0xLjEsNi44LTEuNCw4LjItLjEuMy0uMS43LS4xLDEsMCwxLjEuNSwxLjgsMS4xLDIuNC42LjUsMS40LjgsMi4zLjhoMjkuM2wtMi43LDEyLjcsMTUuNC0xLjUsMi40LTExLjNoNS41bDIuNC0xMS4zaC01LjVzNS41LTI1LjgsNS43LTI2LjhDMTEyLjQsMywxMDguMSwwLDk4LjMsMGMtMi40LjEtOC0uNS0xNS4xLDYuOFptNi41LDMzLjRoLTIyLjFsMjYuNC0yNy4zaDEuNmwtNS45LDI3LjNaIiBmaWxsPSIjMDA1ZWE4IiBzdHJva2Utd2lkdGg9IjAiLz4KPC9zdmc+)
}

.c24-header-inner .c24-notification-layer a:hover.message.unread {
    text-decoration: none
}

.c24-notification-layer .content .message .date {
    font-size: 10px;
    color: #666;
    top: 10px;
    right: 13px
}

.c24-notification-layer .content .message .title {
    color: #181818;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 17px;
    margin-bottom: 2px;
    font-size: 14px
}

.c24-notification-layer .content .message .text {
    color: #181818;
    overflow: hidden;
    height: 34px;
    position: relative;
    line-height: 16px;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.c24-notification-layer .content .empty {
    color: #181818;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    padding: 16px
}

.c24-notification-layer .loader .loading-news-item-image,
.c24-notification-layer .loader .loading-news-item-line {
    background: #efeff4 linear-gradient(120deg, #fff0 30%, rgb(221 221 221 / .5) 50%, #fff0 70%);
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s c24wfloadingscreen ease-in-out infinite
}

.c24-notification-layer .content .loader .loading-news-item {
    display: flex;
    gap: 10px;
    padding-bottom: 10px
}

.c24-notification-layer .content .loader .loading-news-item:not(:last-child) {
    border-bottom: 1px solid #dcdcdc
}

.c24-notification-layer .content .loader .loading-news-item:not(:first-child) {
    padding-top: 10px
}

.c24-notification-layer .content .loader .loading-news-item-image {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    flex-shrink: 0
}

.c24-notification-layer .content .loader .loading-news-item-text-container {
    width: 100%
}

.c24-notification-layer .content .loader .loading-news-item-line {
    border-radius: 5px;
    height: 12px;
    width: 100%;
    margin-top: 4px
}

.c24-notification-layer .content .loader .loading-news-item-first-line {
    margin-bottom: 8px
}

.c24-notification-layer .content .loader .loading-news-item-line:last-child {
    margin-top: 12px;
    width: 175px
}

.c24-notification-layer .content .loader .loading-news-item-first-line .loading-news-item-line {
    margin-top: 0
}

.c24-notification-layer .content .loader .loading-news-item-first-line .loading-news-item-line:first-child {
    width: 200px;
    margin-right: 8px;
    display: inline-block
}

.c24-notification-layer .content .loader .loading-news-item-first-line .loading-news-item-line:nth-child(2) {
    width: 55px;
    display: inline-block
}

@keyframes c24wfloadingscreen {
    to {
        background-position-x: -20%
    }
}

#c24-lastseen .loader {
    margin: 457px auto;
    width: 0
}

#c24-lastseen .spinner .bar {
    top: 180px
}

.c24-notification-layer .content .message .text .more {
    position: absolute;
    bottom: 2px;
    right: 0;
    background: #fff
}

.c24-notification-layer .content .message .text .more:before {
    padding-left: 3px
}

.c24-notification-layer .content .message .text .more.dot:before {
    content: '... '
}

.c24-notification-layer .content .message:hover .text .more {
    background: #f9f9f9
}

.c24-notification-layer .content .message:hover .text .more a {
    text-decoration: underline
}

.c24-notification-layer .all {
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
    color: #0563C1;
    cursor: pointer;
    display: none;
    margin: 0 15px;
    font-size: 12px
}

@keyframes c24-notification-loader-0 {
    0% {
        opacity: .25007500000000005
    }

    0.01% {
        opacity: .25
    }

    0.02% {
        opacity: 1
    }

    0.010000000000005116% {
        opacity: .25
    }

    100% {
        opacity: .25007500000000005
    }
}

@keyframes c24-notification-loader-1 {
    0% {
        opacity: .3250750000000001
    }

    10.01% {
        opacity: .25
    }

    10.02% {
        opacity: 1
    }

    10.010000000000005% {
        opacity: .25
    }

    100% {
        opacity: .3250750000000001
    }
}

@keyframes c24-notification-loader-2 {
    0% {
        opacity: .40007500000000007
    }

    20.01% {
        opacity: .25
    }

    20.020000000000003% {
        opacity: 1
    }

    20.010000000000005% {
        opacity: .25
    }

    100% {
        opacity: .40007500000000007
    }
}

@keyframes c24-notification-loader-3 {
    0% {
        opacity: .475075
    }

    30.01% {
        opacity: .25
    }

    30.020000000000003% {
        opacity: 1
    }

    30.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .475075
    }
}

@keyframes c24-notification-loader-4 {
    0% {
        opacity: .550075
    }

    40.01% {
        opacity: .25
    }

    40.019999999999996% {
        opacity: 1
    }

    40.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .550075
    }
}

@keyframes c24-notification-loader-5 {
    0% {
        opacity: .625075
    }

    50.01% {
        opacity: .25
    }

    50.019999999999996% {
        opacity: 1
    }

    50.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .625075
    }
}

@keyframes c24-notification-loader-6 {
    0% {
        opacity: .700075
    }

    60.01% {
        opacity: .25
    }

    60.019999999999996% {
        opacity: 1
    }

    60.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .700075
    }
}

@keyframes c24-notification-loader-7 {
    0% {
        opacity: .7750750000000001
    }

    70.01% {
        opacity: .25
    }

    70.02000000000001% {
        opacity: 1
    }

    70.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .7750750000000001
    }
}

@keyframes c24-notification-loader-8 {
    0% {
        opacity: .850075
    }

    80.01% {
        opacity: .25
    }

    80.02000000000001% {
        opacity: 1
    }

    80.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .850075
    }
}

@keyframes c24-notification-loader-9 {
    0% {
        opacity: .9250750000000001
    }

    90.01% {
        opacity: .25
    }

    90.02000000000001% {
        opacity: 1
    }

    90.00999999999999% {
        opacity: .25
    }

    100% {
        opacity: .9250750000000001
    }
}

.c24-cookie {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: -56px;
    -webkit-transition: visibility 0s, bottom 300ms linear;
    -o-transition: visibility 0s, bottom 300ms linear;
    transition: visibility 0s, bottom 300ms linear;
    background: rgb(4 21 60 / .8);
    z-index: 100000
}

.c24-responsive .c24-cookie {
    bottom: -120px
}

.c24-cookie.c24-cookie-hide {
    visibility: hidden
}

.c24-cookie.c24-cookie-animate {
    bottom: 0;
    visibility: visible
}

.c24-cookie-cnt {
    min-width: 994px;
    margin: 0 auto;
    line-height: 20px;
    position: relative;
    max-width: 1310px;
    width: 100%;
    padding: 8px 15px;
    box-sizing: border-box
}

.c24-cookie-text {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    float: left
}

.c24-cookie-text a {
    text-decoration: underline;
    color: #fff
}

.c24-cookie-button {
    color: #fff;
    font-size: 13px;
    display: inline-block;
    float: right;
    line-height: 21px;
    width: 105px;
    padding: 5px 0;
    margin-top: 4px
}

.c24-cookie-consent-notice *,
.c24-cookie-consent-screen * {
    -webkit-text-size-adjust: none !important
}

.c24-cookie-consent-wrapper .c24-cc-logo {
    margin: 0;
    width: 130px;
    height: 34px;
    float: left
}

.c24-cookie-consent-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    z-index: 20001;
    visibility: hidden
}

.c24-cookie-consent-notice:before,
.c24-cookie-consent-screen:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOTYgOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJtNjAuMzEyIDUwLjM3NmMtNS4zOS01LjgxNzUtMTAuNTY3LTExLjg4Mi0xNC44NDQtMTguNTktMy4wODUxLTQuODM4My01Ljc4ODctMTAuMjM1LTkuMDQxNC0xMy42MzktMi45Mzg4LTMuMDc0Ny00Ljc2ODYtNi4zNzg2LTUuNzQyNS05LjcyMTMtNi41NjY1IDEuODY0My0xMS4wNDYgMy40OTg3LTE2Ljk1IDkuNjI3Mi00MC45MDkgNDIuNDY0IDE4LjI4MyAxMDcuOTEgNjMuNzc3IDY0Ljg1OSAzLjMyODYtMy4xNDk3IDIuMTMwOC02Ljk0MjcgNC4xMDQ2LTEwLjQxMy02LjI3MjEtNy4zOTgzLTE0LjY1NS0xNC45NDctMjEuMzA0LTIyLjEyNHoiIGZpbGw9IiNkZTgxNGIiLz4NCjxwYXRoIGQ9Im03Ny41MTEgODIuOTEyYy00Mi4xMzggMzQuMzY3LTEwMC43OS0yMC4yNjQtNjMuNzc3LTY0Ljg1OSAwLjU4MjMtMC43MDE2NSAxLjI0NjktMS4zNzc3IDEuOTE0Ni0yLjA0ODQgOC40NDk2LTguNDk1NSAxNy44NDUtMTIuNDM5IDI3LjA2My0xMy4wMDEgMC45MDc1Mi0wLjA1NTM5NCAxLjY4ODkgMC42NTgxNyAxLjcwNiAxLjU3MTkgMC4xMDMwNyA1LjQ3MjEgMy42OTUyIDkuMTczMyA4Ljg4MjcgOS45MzIyIDAuNzc2NiAwLjExMzc3IDEuMjkwOCAwLjg5MzQ1IDEuMDY5OCAxLjY1MTEtMC41MTAwMyAxLjc1LTAuNzY1MzUgMy42MTQ5LTAuNzI4NjIgNS41NDU5IDAuMTg4MzggOS44NjMxIDguMzAzMyAxNy45MzcgMTguMTE0IDE4LjAzNSAyLjAxOTQgMC4wMjAyNTEgMy45NjA2LTAuMjkwNjcgNS43NzkyLTAuODc4NTYgMC43NDI4NC0wLjI0MDA0IDEuNTI2IDAuMjEyMDUgMS42Njg3IDAuOTgzMzkgMS4yMTg1IDYuNTg5NSA3LjE2NzEgNS4zNjA3IDkuOTEwNCA0LjQxMTggMC43ODY2Ny0wLjI3MjIgMS42NDA5IDAuMTcyNzMgMS44NjQ4IDAuOTc4NjIgNS41NzI1IDIwLjA4OS0xMy40NjcgMzcuNjc3LTEzLjQ2NyAzNy42Nzd6IiBmaWxsPSIjZjZiMDU5Ii8+DQo8cGF0aCBkPSJtNDguOTE4IDQwLjQ5OWMwIDQuOTc4My00LjAxMzkgOC4zMjg3LTguOTY1IDguMzI4Ny00Ljk1MTEgMC04Ljk2NS0zLjM1MDQtOC45NjUtOC4zMjg3IDAtNC45Nzg5IDQuMDEzOS05LjAxNDkgOC45NjUtOS4wMTQ5IDQuOTUxMSAwIDguOTY1IDQuMDM2NiA4Ljk2NSA5LjAxNDl6IiBmaWxsPSIjNmQ0MjBkIi8+DQo8cGF0aCBkPSJtNzYuOTc5IDYyLjE0NWMwIDMuODE4Ni0zLjA3ODYgNi45MTQxLTYuODc2MyA2LjkxNDEtMy43OTc3IDAtNi40Mjc5LTIuMjYyMi02LjQyNzktNi4wODA4IDAtMy44MTg2IDIuNjMwMS03Ljc0NzQgNi40Mjc5LTcuNzQ3NCAzLjc5NzcgNS45NTYzZS00IDYuODc2MyAzLjA5NTUgNi44NzYzIDYuOTE0MXoiIGZpbGw9IiM2ZDQyMGQiLz4NCjxwYXRoIGQ9Im0yNS42NDIgNTMuNzA5YzAgMi45MjU3LTIuMTMyIDQuNjEyNi01LjA0MTcgNC42MTI2LTIuOTA5NyAwLTUuNDk2Ni0xLjY4NjItNS40OTY2LTQuNjEyNiAwLTIuOTI2MyAyLjM1ODgtNS4yOTgxIDUuMjY5Mi01LjI5ODEgMi45MTAzIDAgNS4yNjkyIDIuMzcyNCA1LjI2OTIgNS4yOTgxeiIgZmlsbD0iIzZkNDIwZCIvPg0KPHBhdGggZD0ibTQxLjc2IDcxLjY4MmMwIDEuMzE2OS0xLjA2MTUgMi4zODQzLTIuMzcxMyAyLjM4NDMtMS4zMDk3IDAtMi4zNzEzLTEuMDY3NC0yLjM3MTMtMi4zODQzIDAtMS4zMTY5IDEuMDYxNS0yLjM4NDMgMi4zNzEzLTIuMzg0MyAxLjMwOTcgMCAyLjM3MTMgMS4wNjc0IDIuMzcxMyAyLjM4NDN6IiBmaWxsPSIjNmQ0MjBkIi8+DQo8cGF0aCBkPSJtMjIuOTA1IDIyLjcwNGMwLTEuNDYyOSAxLjE3OTQtMi42NDg4IDIuNjM0My0yLjY0ODhzMi42MzQzIDEuMTg1OSAyLjYzNDMgMi42NDg4YzAgMS40NjI5LTEuMTc5NCAyLjY0ODgtMi42MzQzIDIuNjQ4OHMtMi42MzQzLTEuMTg1OS0yLjYzNDMtMi42NDg4eiIgZmlsbD0iIzZkNDIwZCIvPg0KPHBhdGggZD0ibTY5Ljk4MSA2LjI4MDVjMC4yODM3NCAzLjE1ODgtMi41ODY1IDUuNzE5NS02LjQxMDkgNS43MTk1LTMuODI0NCAwLTYuNzYxLTIuODAxNi02LjU2MDEtNi4yNTcxIDAuMjAxNTQtMy40NTU1IDMuMDcxOC02LjAxNjIgNi40MTA5LTUuNzE5NSAzLjMzOTcgMC4yOTcyNiA2LjI3NjkgMy4wOTgzIDYuNTYwMSA2LjI1NzF6IiBmaWxsPSIjZjZiMDU5Ii8+DQo8cGF0aCBkPSJtNjUuMDA5IDEwLjczNGMxLjUxNjEgMC4wMTI3OTggMi44OTAzLTAuMzk0OTkgMy45NjI2LTEuMDgzOC0xLjEzOTIgMS40MTU5LTMuMTE0NCAyLjM0OTYtNS40MDUgMi4zNDk2LTMuODE3NyAwLTYuNzU2Ny0yLjgwMzktNi41NTU4LTYuMjUzIDAuMTIwNTYtMi4wNjk4IDEuMjIzOC0zLjgzNDggMi43ODk5LTQuODQ0LTAuNzg0ODQgMC45NjMzNC0xLjI4NzggMi4yMDI0LTEuMzQ4MSAzLjU3ODItMC4xNTM0NCAzLjQyMjMgMi43ODU2IDYuMjI1NyA2LjU1NjQgNi4yNTN6IiBmaWxsPSIjZGU4MTRiIi8+DQo8cGF0aCBkPSJtNjkuOTg5IDI0Ljg3Yy0wLjE2NDQ0IDIuMTM3MS0yLjAzMyAzLjk4MjctNC4xNzMyIDQuMTIxOS0yLjE0MDggMC4xMzkxOC0zLjg0ODctMS41OTM0LTMuODE1NC0zLjg2OTcgMC4wMzMyNTgtMi4yNzY5IDEuOTAxOS00LjEyMTkgNC4xNzMyLTQuMTIxOSAyLjI3MTQgMCAzLjk3OTIgMS43MzI2IDMuODE1NCAzLjg2OTd6IiBmaWxsPSIjZjZiMDU5Ii8+DQo8cGF0aCBkPSJtNjYuNjg1IDI4LjA5MWMwLjg2NTk0LTAuMDQ5OTYyIDEuNjgzOC0wLjM3ODI5IDIuMzYzOC0wLjg4NzQyLTAuNzc1NCAxLjAwMjgtMS45NTMgMS43MDUzLTMuMjM0NiAxLjc4ODUtMi4xMzcxIDAuMTM5MTgtMy44NDY4LTEuNTk1Mi0zLjgxMjktMy44Njc5IDAuMDIwMzI0LTEuMzYzMyAwLjY5MDQxLTIuNTgwMiAxLjcxNC0zLjMzMTQtMC41MTMwMyAwLjY3ODY1LTAuODI0MDYgMS41MjE1LTAuODQzMTUgMi40MzAzLTAuMDUwNTAzIDIuMjYwOCAxLjY1OTIgMy45OTQ2IDMuODEyOSAzLjg2Nzl6IiBmaWxsPSIjZGU4MTRiIi8+DQo8cGF0aCBkPSJtOTUuOTg4IDI2LjM1NGMtMC4xODQ5NyAyLjQwNDQtMi4yODY4IDQuNDgwNS00LjY5NSA0LjYzNzYtMi40MDgyIDAuMTU2NDYtNC4zMjk4LTEuNzkyMi00LjI5MjEtNC4zNTM2czIuMTM5Ni00LjYzNzYgNC42OTUtNC42Mzc2IDQuNDc3MSAxLjk0OTIgNC4yOTIxIDQuMzUzNnoiIGZpbGw9IiNmNmIwNTkiLz4NCjxwYXRoIGQ9Im05Mi4yNzEgMjkuOTc3YzAuOTczNzYtMC4wNTYzMjcgMS44OTM5LTAuNDI1NTggMi42NTkxLTAuOTk4NTItMC44NzE4NSAxLjEyODItMi4xOTY3IDEuOTE4NS0zLjYzODggMi4wMTI0LTIuNDA0MSAwLjE1NjQ2LTQuMzI2OS0xLjc5NDUtNC4yODkyLTQuMzUxNCAwLjAyMjM4NS0xLjUzMzkgMC43NzcwMS0yLjkwMjggMS45MjgxLTMuNzQ3Ny0wLjU3NjcyIDAuNzYzNTQtMC45MjY2NCAxLjcxMTQtMC45NDg0MyAyLjczNDQtMC4wNTY1NTMgMi41NDMyIDEuODY2OCA0LjQ5NDIgNC4yODkyIDQuMzUwOHoiIGZpbGw9IiNkZTgxNGIiLz4NCjwvc3ZnPg0K);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 96px;
    height: 97px;
    position: absolute;
    top: -73px;
    content: ' ';
    left: calc(50% - 50px)
}

.c24-cookie-consent-notice,
.c24-cookie-consent-screen {
    background: rgb(4 20 60 / .8);
    border-radius: 16px;
    padding: 30px 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    width: 530px;
    min-width: 530px;
    max-width: 530px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    visibility: hidden;
    z-index: 20001;
    position: relative
}

.c24-cookie-consent-wrapper .c24-cookie-consent-notice-title,
.c24-cookie-consent-wrapper .c24-cookie-consent-screen-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

.c24-cookie-consent-notice-cnt,
.c24-cookie-consent-screen-cnt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.c24-cookie-consent-notice-cnt div,
.c24-cookie-consent-screen-cnt div {
    font-size: 16px;
    line-height: 24px
}

.c24-cookie-consent-notice a {
    color: #fff;
    text-decoration: underline
}

.c24-cookie-consent-notice-text {
    margin-bottom: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1
}

.c24-cookie-consent-wrapper .c24-cookie-consent-imprint,
.c24-cookie-consent-wrapper .c24-cookie-consent-backlink,
.c24-cookie-consent-wrapper .c24-cookie-consent-functional {
    color: #fff;
    text-decoration: underline;
    float: right;
    font-size: 14px;
    line-height: 30px
}

.c24-cookie-consent-wrapper .c24-cookie-consent-imprint-flex {
    display: flex;
    place-content: space-between
}

.c24-cookie-consent-wrapper .c24-cookie-consent-imprint {
    line-height: 22px
}

.c24-cookie-consent-wrapper .c24-cookie-consent-functional,
.c24-cookie-consent-wrapper .c24-cookie-consent-backlink {
    line-height: 16px
}

.c24-cookie-consent-notice-buttons,
.c24-cookie-consent-screen-buttons {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0
}

.c24-cookie-consent-notice-buttons {
    margin-bottom: 15px
}

.c24-cookie-consent-screen-buttons {
    margin-top: auto;
    padding-top: 25px
}

a.c24-cookie-consent-button {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    padding: 12px 0;
    float: right;
    width: 222px;
    font-weight: 400
}

a.c24-cookie-consent-button-secondary {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff0;
    border: 1px solid #dcdcdc !important;
    padding: 11px 0
}

.c24-cookie-consent-screen-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 166px;
    overflow-y: scroll;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.c24-cookie-consent-screen-list-entry {
    padding: 15px 15px 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #fff
}

.c24-cookie-consent-screen-list-entry-header {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c24-cookie-consent-screen-list-entry:first-child {
    border-top: none
}

.c24-cookie-consent-screen-list-entry-header>div:nth-child(1) {
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c24-cookie-consent-screen-list-entry-header>div:nth-child(2) {
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    cursor: pointer
}

.c24-cookie-consent-screen-list-entry-header>div:nth-child(3) {
    color: #181818;
    width: 50px
}

.c24-cookie-consent-screen-list-entry-header input[type=checkbox] {
    display: none
}

.c24-cookie-consent-screen-list-entry-header div:first-child span:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}

.c24-cookie-consent-screen-list-entry-header input[type=checkbox]:checked+span:before {
    background: #fff url(images/haken-darkblue.svg) no-repeat center;
    background-size: contain;
    border: 1px solid #999;
    width: 18px;
    height: 18px
}

.c24-cookie-consent-screen-list-entry-header input[type=checkbox][disabled]:checked+span:before {
    background-color: #b4b4b4;
    border: 1px solid #999
}

.c24-cookie-consent-button-more-icon {
    display: block;
    width: 14px;
    height: 24px;
    float: right
}

.c24-cookie-consent-button-more-icon-open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c24-cookie-consent-screen-list-entry-content {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 18px;
    padding-top: 10px
}

a.c24-cookie-consent-buttonlink {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    padding: 11px 0;
    border: 1px solid #dcdcdc !important
}

.c24-cookie-consent-wrapper ::-webkit-scrollbar {
    width: 5px;
    padding-left: 15px
}

.c24-cookie-consent-wrapper ::-webkit-scrollbar-thumb {
    background: #b4b4b4
}

body.c24-cc-visible {
    width: 100%;
    position: fixed;
    overflow-y: scroll
}

.c24-cc-visible .c24-cookie-consent-wrapper {
    visibility: visible
}

.c24-cc-visible .c24-strict-blocking-layer {
    display: block
}

.c24-cc-visible .c24-cookie-consent-notice {
    visibility: visible
}

.c24-cc-visible .c24-cookie-consent-screen {
    display: none
}

.c24-cookie-consent-screen-list-m {
    padding-left: 15px
}

.c24-cookie-consent-screen-list-m-title {
    font-weight: 700;
    margin: 17px 0 15px
}

.c24-cookie-consent-screen-list-m-entry {
    margin-bottom: 15px
}

.c24-cookie-consent-screen-list-m-entry .c24-cookie-consent-screen-list-entry-header>div:nth-child(2) {
    line-height: 24px;
    margin-top: -2px
}

.c24-cookie-consent-screen-list-m-entry .c24-cookie-consent-button-more-icon {
    margin-top: -2px
}

.c24-cookie-consent-screen-list-m-entry .c24-cookie-consent-screen-list-entry-content {
    padding-left: 29px
}

a.c24-cookie-consent-cookielink,
a.c24-cookie-consent-cookielink:hover {
    color: #fff;
    text-decoration: underline
}

@media print {
    .c24-cookie-consent-wrapper {
        display: none
    }
}

.c24-contact-layer-chatbot {
    width: 300px
}

.c24-contact-layer-chatbot .c24-contact-title {
    font-size: 15px;
    color: #181818;
    text-align: center;
    margin: 5px 0 45px;
    font-weight: 700
}

.c24-contact-layer-chatbot .c24-contact-text-wrapper {
    background: #f7f7f7;
    border-radius: 17px;
    padding: 40px 20px 14px;
    font-size: 14px;
    line-height: 18px;
    color: #181818;
    position: relative;
    cursor: pointer
}

.c24-contact-layer-chatbot .c24-contact-text {
    white-space: normal
}

.c24-contact-layer-chatbot .c24-contact-img {
    height: 56px;
    width: 56px;
    border-radius: 28px;
    position: absolute;
    left: calc(50% - 30px);
    top: -30px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTAuMTc2IDU1MC4xNzYiPgogIDxjaXJjbGUgY3g9IjI3NS4wODgiIGN5PSIyNzUuMDg4IiByPSIyNzUuMDg4IiBmaWxsPSIjZDNlY2ViIiAvPgogIDxnPgogICAgPHBhdGggZD0iTTMzMC4xNSwxOTguMzcxbDIwLjMwNCw2OC40OTJjNS42NTgsMTkuMDg4LDIwLjU4OSwzNC4wMTgsMzkuNjc3LDM5LjY3N2w2OC40OTIsMjAuMzA0YzcuMTg3LDIuMTMxLDcuMTg3LDEyLjMwOSwwLDE0LjQzOWwtNjguNDkyLDIwLjMwNGMtMTkuMDg4LDUuNjU4LTM0LjAxOCwyMC41ODktMzkuNjc3LDM5LjY3N2wtMjAuMzA0LDY4LjQ5MmMtMi4xMzEsNy4xODctMTIuMzA5LDcuMTg3LTE0LjQzOSwwbC0yMC4zMDQtNjguNDkyYy01LjY1OC0xOS4wODgtMjAuNTg5LTM0LjAxOC0zOS42NzctMzkuNjc3bC02OC40OTEtMjAuMzA0Yy03LjE4Ny0yLjEzMS03LjE4Ny0xMi4zMDksMC0xNC40MzlsNjguNDkyLTIwLjMwNGMxOS4wODgtNS42NTgsMzQuMDE4LTIwLjU4OSwzOS42NzctMzkuNjc3bDIwLjMwMy02OC40OTFjMi4xMzEtNy4xODcsMTIuMzA5LTcuMTg3LDE0LjQzOSwwaDBaIiBmaWxsPSIjMDA1YzYxIiBzdHJva2Utd2lkdGg9IjAiLz4KICAgIDxwYXRoIGQ9Ik0xODIuNTY4LDg0LjE2OWwxMS44MywzOS45MDZjMy4yOTcsMTEuMTIyLDExLjk5NiwxOS44MiwyMy4xMTcsMjMuMTE3bDM5LjkwNiwxMS44M2M0LjE4NywxLjI0MSw0LjE4Nyw3LjE3MiwwLDguNDEzbC0zOS45MDYsMTEuODNjLTExLjEyMiwzLjI5Ny0xOS44MiwxMS45OTYtMjMuMTE3LDIzLjExN2wtMTEuODMsMzkuOTA2Yy0xLjI0MSw0LjE4Ny03LjE3Miw0LjE4Ny04LjQxMywwbC0xMS44My0zOS45MDZjLTMuMjk3LTExLjEyMi0xMS45OTYtMTkuODItMjMuMTE3LTIzLjExN2wtMzkuOTA2LTExLjgzYy00LjE4Ny0xLjI0MS00LjE4Ny03LjE3MiwwLTguNDEzbDM5LjkwNi0xMS44M2MxMS4xMjItMy4yOTcsMTkuODItMTEuOTk2LDIzLjExNy0yMy4xMTdsMTEuODMtMzkuOTA2YzEuMjQxLTQuMTg3LDcuMTcyLTQuMTg3LDguNDEzLDBaIiBmaWxsPSIjMDA1YzYxIiBzdHJva2Utd2lkdGg9IjAiLz4KICA8L2c+Cjwvc3ZnPg==);
    background-size: 100%
}

.c24-contact-layer-chatbot .c24-chatbot-open {
    color: #0563C1;
    text-align: right;
    margin-top: 5px
}

.c24-contact-layer-chatbot .c24-contact-text-wrapper:hover .c24-chatbot-open {
    text-decoration: underline
}

.c24-contact-layer-chatbot a.c24-contact-layer-link,
.c24-contact-layer-chatbot a.c24-contact-layer-link:hover {
    display: block;
    margin: 15px 0 5px;
    font-size: 14px;
    text-align: center;
    color: #181818;
    text-decoration: none
}

.c24-contact-layer-chatbot a.c24-contact-layer-link span {
    color: #0563C1
}

.c24-contact-layer-chatbot a.c24-contact-layer-link:hover span {
    text-decoration: underline
}

.c24-chatbot-button {
    position: fixed;
    z-index: 30;
    bottom: 24px;
    right: 24px;
    height: 62px;
    width: 62px;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzUgODIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zNC4yMjM2IDE1Ljk3NDZMMjYuMTAzNSAxMy43MTgxQzI1Ljk1NjIgMTMuNjgyMyAyNS44MDg5IDEzLjY0MzUgMjUuNjYxNiAxMy41OTU4QzI1LjI1MDQgMTMuNDcwNiAyNC44NTQzIDEzLjMwNjcgMjQuNDc3MSAxMy4xMUMyNC4wNzE5IDEyLjkwNDMgMjMuNjg4MyAxMi42NTk4IDIzLjMzNTQgMTIuMzc5NkMyMy4xMzU4IDEyLjIyNDYgMjIuOTQ4OCAxMi4wNjA3IDIyLjc2NzcgMTEuODg0OEMyMi41ODY3IDExLjcwODkgMjIuNDE3NyAxMS41MjcxIDIyLjI1ODEgMTEuMzMzNEMyMS45Njk4IDEwLjk4NzYgMjEuNzE4MiAxMC42MTUgMjEuNTAzNCAxMC4yMjE1QzIxLjI5NDYgOS44NDI5MSAyMS4xMjI3IDkuNDQ2NDQgMjAuOTkwOSA5LjAzMjExQzIwLjk1NCA4LjkxNTg1IDIwLjkyMDIgOC44MDI1NyAyMC44ODk0IDguNjg2MzFMMTguNTg0OCAwLjg1NTUxNUMxOC41NzU2IDAuODE2NzY1IDE4LjU2MzQgMC43NzgwMTMgMTguNTUxMSAwLjczOTI2MkMxOC40MDY4IDAuMzEwMDEyIDE3Ljk5MjYgMCAxNy41MDE1IDBDMTcuMDEwNSAwIDE2LjU4NyAwLjMxNTk3NCAxNi40NDU5IDAuNzU0MTY2TDE1LjAwMDQgNS42NjY2N0wxNC4xMjI3IDguNjQ0NTlDMTQuMDg1OSA4Ljc4NzY2IDE0LjA0NiA4LjkzMDc1IDEzLjk5NjkgOS4wNzM4M0MxMy44NjggOS40NzMyNyAxMy43MDIzIDkuODU3ODIgMTMuNDk5OCAxMC4yMjE1QzEzLjI4NSAxMC42MTUgMTMuMDMzMyAxMC45ODc2IDEyLjc0NDkgMTEuMzMzNEMxMi41ODUzIDExLjUyNzEgMTIuNDEzNCAxMS43MTE5IDEyLjIzMjMgMTEuODg0OEMxMi4wNTQ0IDEyLjA2MDcgMTEuODY0MSAxMi4yMjQ2IDExLjY2NzcgMTIuMzc5NkMxMS4zMTE3IDEyLjY1OTggMTAuOTI4MSAxMi45MDczIDEwLjUyMyAxMy4xMTI5QzEwLjEzNjMgMTMuMzE1NiA5LjcyODE4IDEzLjQ3OTYgOS4zMDQ2OSAxMy42MDc4QzkuMTg1IDEzLjY0NjUgOS4wNjIyNSAxMy42NzkzIDguOTM2NDIgMTMuNzEyMUwwLjg4MDc1MyAxNS45NDc4QzAuODQwODYgMTUuOTU2NyAwLjgwMDk2NSAxNS45Njg2IDAuNzYxMDcgMTUuOTgwNkMwLjMxOTE1OSAxNi4xMjA3IDAgMTYuNTIzMSAwIDE3QzAgMTcuNDc3IDAuMzE5MTU5IDE3Ljg3OTQgMC43NjEwNyAxOC4wMTk1QzAuODAwOTY1IDE4LjAzMTQgMC44NDA4NiAxOC4wNDMzIDAuODgwNzUzIDE4LjA1MjNMOC45MzY0MiAyMC4yODhDOS4wNjIyNSAyMC4zMjA3IDkuMTg1IDIwLjM1MzYgOS4zMDQ2OSAyMC4zOTIzQzkuNzI4MTggMjAuNTIwNCAxMC4xMzYzIDIwLjY4NDMgMTAuNTIzIDIwLjg4N0MxMC45MjgxIDIxLjA5MjcgMTEuMzExNyAyMS4zNDAyIDExLjY2NzcgMjEuNjIwM0MxMS44NjcyIDIxLjc3NTQgMTIuMDU0NCAyMS45Mzk0IDEyLjIzNTQgMjIuMTE1MkMxMi40MTY1IDIyLjI5MTIgMTIuNTg1MyAyMi40NzMgMTIuNzQ0OSAyMi42NjY3QzEzLjAzMzMgMjMuMDEyNCAxMy4yODggMjMuMzgyMSAxMy40OTk4IDIzLjc3ODZDMTMuNjk2MiAyNC4xMzAyIDEzLjg1ODggMjQuNTAyOSAxMy45ODc3IDI0Ljg5MDRDMTQuMDQzIDI1LjA1NDQgMTQuMDg5IDI1LjIxODMgMTQuMTMyIDI1LjM4NTNMMTYuNDQ1OSAzMy4yNDU4QzE2LjU4NyAzMy42ODExIDE3LjAwNDQgMzQgMTcuNTAxNSAzNEMxNy45OTg3IDM0IDE4LjM4MjMgMzMuNzA1IDE4LjUzODggMzMuMjk2NkwxOC41ODQ4IDMzLjE0MTVWMzMuMTM1N0wxOS45OTk2IDI4LjMzMzNMMjAuODkyNSAyNS4yOTU4TDIwLjk5MDkgMjQuOTY0OUMyMS4xMjI3IDI0LjU1MDcgMjEuMjk0NiAyNC4xNTExIDIxLjUwMzQgMjMuNzc1NkMyMS43MTgyIDIzLjM4MjEgMjEuOTY5OCAyMy4wMDk0IDIyLjI1ODEgMjIuNjY2N0MyMi40MTQ4IDIyLjQ3NiAyMi41ODY3IDIyLjI5MTIgMjIuNzY3NyAyMi4xMTgyQzIyLjk0NTYgMjEuOTQyNCAyMy4xMzU4IDIxLjc3NTQgMjMuMzM1NCAyMS42MjAzQzIzLjY4ODMgMjEuMzQwMiAyNC4wNzE5IDIxLjA5NTcgMjQuNDc3MSAyMC44ODdDMjQuODYwNiAyMC42ODczIDI1LjI2MjcgMjAuNTIzNCAyNS42ODMxIDIwLjM5NTNDMjUuNjg5MSAyMC4zOTIzIDI1LjY5ODMgMjAuMzkyMyAyNS43MDQ1IDIwLjM4OTNDMjUuODMwNCAyMC4zNTA2IDI1Ljk1MzEgMjAuMzE3NyAyNi4wODIgMjAuMjg1TDI5LjE2OTMgMTkuNDI5NEwzNC4yMjM2IDE4LjAyNTRDMzQuNjcxNyAxNy44ODgzIDM1IDE3LjQ4MjkgMzUgMTdDMzUgMTYuNTE3MSAzNC42NzE3IDE2LjExMTcgMzQuMjIzNiAxNS45NzQ2WiIgZmlsbD0iIzAwNkNGRiIvPgo8cGF0aCBkPSJNNzMuNjcxNiA1MS4zMTM3QzczLjY3MTYgNTEuMzEzNyA3My42NTU3IDUxLjMxMTEgNzMuNjQ3OSA1MS4zMDYxTDcwLjAwMjMgNTAuMzAxM0w2Mi41MDU1IDQ4LjIzNThMNjAuMDAxNSA0Ny41NDU0TDU5LjY3NTMgNDcuNDU2NkM1OS42NzUzIDQ3LjQ1NjYgNTkuNjU0MiA0Ny40NTE2IDU5LjY0NjQgNDcuNDQ5MUM1OS40MjU1IDQ3LjM5MzIgNTkuMjA3MSA0Ny4zMzQ4IDU4Ljk5NDEgNDcuMjY4OEM1OC4yODM5IDQ3LjA1MDcgNTcuNjAyNSA0Ni43NzQxIDU2Ljk1NTYgNDYuNDQxN0M1NS44NzQzIDQ1Ljg4NTkgNTQuODg3OSA0NS4xODA2IDU0LjAyNzggNDQuMzUwNkM1My4xNjc2IDQzLjUyMDkgNTIuNDMzOSA0Mi41NjY4IDUxLjg1NzkgNDEuNTIxM0M1MS40ODQzIDQwLjg0MTQgNTEuMTc2NSA0MC4xMjMyIDUwLjk0NSAzOS4zNzJDNTAuOTEzNCAzOS4yNzgzIDUwLjg4NzIgMzkuMTg0MyA1MC44NjA5IDM5LjA4NzlMNTAuNzEwOSAzOC41ODgxTDUwLjAwMDggMzYuMTg3NUw0Ny44NTQ0IDI4Ljk0MDNMNDYuODEyNyAyNS40MTgyQzQ2LjgxMjcgMjUuNDE4MiA0Ni44MDc1IDI1LjQwMDQgNDYuODA0OCAyNS4zOTAzQzQ2LjU2MDIgMjQuNjUyIDQ1Ljg0NDcgMjQuMTE2NCA0NS4wMDA0IDI0LjExNjRDNDQuMTU2IDI0LjExNjQgNDMuNDMyNiAyNC42NTY5IDQzLjE5MDcgMjUuMzk4VjI1LjQwODFMNDIuMTQzNyAyOC45NDAzTDQwLjAwMjcgMzYuMTcyM0wzOS4yODcyIDM4LjU4ODFMMzkuMTk1MSAzOC45MDI2QzM5LjE5NTEgMzguOTAyNiAzOS4xODk5IDM4LjkyMjkgMzkuMTg3MiAzOC45MzA2QzM5LjEyOTQgMzkuMTQzNiAzOS4wNjg4IDM5LjM1NDMgMzkuMDAwNCAzOS41NkMzOC43NzQyIDQwLjI0MjQgMzguNDg3NiA0MC44OTk2IDM4LjE0NTcgNDEuNTIxM0MzNy41Njk2IDQyLjU2OTQgMzYuODM1NyA0My41MjA5IDM1Ljk3MjkgNDQuMzUwNkMzNS4xMTI3IDQ1LjE4MyAzNC4xMjM4IDQ1Ljg5MTEgMzMuMDQwMSA0Ni40NDQyQzMyLjM4NTEgNDYuNzc5MiAzMS42OTg1IDQ3LjA1ODIgMzAuOTgwNCA0Ny4yNzY1QzMwLjk2NzMgNDcuMjgxNiAzMC45NTQxIDQ3LjI4NCAzMC45NDA5IDQ3LjI4OTJDMzAuNzQ4OSA0Ny4zNDc2IDMwLjU1NDMgNDcuNDAwOSAzMC4zNTcgNDcuNDQ5MUgzMC4zNTE4TDMwLjAwMiA0Ny41NDU0TDI3LjUwMzEgNDguMjM1OEwyMC4wMDEzIDUwLjMwMzdMMTYuMzMxOCA1MS4zMTYyQzE1LjU2MzcgNTEuNTQ3MiAxNS4wMDM1IDUyLjIzOTkgMTUuMDAzNSA1My4wNTk2QzE1LjAwMzUgNTMuODYzOSAxNS41NDAxIDU0LjU0NjUgMTYuMjg0NSA1NC43OTAxTDE2LjQ0NDkgNTQuODM1N0wyMC4wMDEzIDU1LjgxNTNMMjcuNTA1NiA1Ny44ODM0TDMwLjAwMiA1OC41NzFMMzAuMzU3IDU4LjY2OTlDMzAuMzcyOSA1OC42NzUxIDMwLjM4ODYgNTguNjc3NiAzMC40MDE4IDU4LjY4MjdDMzAuNTgzMiA1OC43MjU4IDMwLjc2NDggNTguNzc2NSAzMC45NDA5IDU4LjgyOThMMzAuOTQ4OSA1OC44MzI0QzMxLjY3NzUgNTkuMDUwNSAzMi4zNzk4IDU5LjMzNDggMzMuMDQyNiA1OS42NzQ4QzM0LjEyNjMgNjAuMjMwNSAzNS4xMTU0IDYwLjkzODYgMzUuOTc1NSA2MS43NjgzQzM2LjgzNTcgNjIuNTk4MSAzNy41Njk2IDYzLjU1MjIgMzguMTQzIDY0LjU5NzdDMzguNDgyMiA2NS4yMDY3IDM4Ljc2MzcgNjUuODQ4NyAzOC45ODQ3IDY2LjUxNkMzOS4wNjYyIDY2Ljc1NyAzOS4xMzcyIDY3LjAwMDYgMzkuMjAyOSA2Ny4yNDk0TDM5LjI4NDUgNjcuNTMxMUw0MC4wMDI3IDY5Ljk1MThMNDIuMTQzNyA3Ny4xNzYyTDQzLjE4MjggODAuNjkzMUw0My4xOTYgODAuNzMxMkM0My40NDA3IDgxLjQ2NzIgNDQuMTU2IDgyIDQ1LjAwMDQgODJINDUuMDAyOUM0NS44NSA4MiA0Ni41NjggODEuNDU5NSA0Ni44MDc1IDgwLjcxODZMNDcuODU2OSA3Ny4xNzYyTDUwLjAwMzMgNjkuOTI2NUw1MC43MTM2IDY3LjUzMTFMNTAuODg3MiA2Ni45NDQ4TDUwLjkxMzQgNjYuODUzNUM1MS4xNTAyIDY2LjA2NDMgNTEuNDY4NCA2NS4zMTA4IDUxLjg2MyA2NC41OTc3QzUyLjQzNjQgNjMuNTUyMiA1My4xNjc2IDYyLjYwMDYgNTQuMDMwNSA2MS43NzA5QzU0Ljg4NzkgNjAuOTQxIDU1Ljg3NyA2MC4yMzA1IDU2Ljk2MDcgNTkuNjc3M0M1Ny42MjYyIDU5LjMzNDggNTguMzI1OSA1OS4wNTMxIDU5LjA1NzEgNTguODMyNEw1OS4wNjUxIDU4LjgyOThDNTkuMjQxMiA1OC43NzY1IDU5LjQyMjggNTguNzI1OCA1OS42MDQyIDU4LjY4MjdDNTkuNjE3NCA1OC42Nzc2IDU5LjYzMzEgNTguNjc1MSA1OS42NDkgNTguNjY5OUw2MC4wMDQgNTguNTcxTDYyLjUwMDQgNTcuODgzNEw3MC4wMDQ4IDU1LjgxNTNMNzMuNjExMSA1NC44MjA1TDczLjY5IDU0LjgwMDJDNzQuNDUwMSA1NC41NTkyIDc1IDUzLjg3MTYgNzUgNTMuMDU5NkM3NSA1Mi4yNDc0IDc0LjQ0MjMgNTEuNTQ5OCA3My42NzQxIDUxLjMxMzdINzMuNjcxNloiIGZpbGw9IiMwMjJEOTQiLz4KPC9zdmc+Cg==);
    background-size: 26px;
    background-position: center 8px;
    background-repeat: no-repeat;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1), 0 0 10px rgb(0 0 0 / .2);
    cursor: pointer
}

.c24-chatbot-button-text {
    font-size: 10px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 8px
}

body.c24-responsive {
    min-width: unset
}

body.c24-responsive #c24-page-and-ads {
    min-width: unset
}

body.c24-responsive.c24-header-transparent .c24-header {
    min-width: unset
}

.c24-responsive .c24-footer-icon-wrapper {
    position: relative;
    right: unset
}

.c24-responsive #c24-product-name {
    display: none
}

.c24-responsive #c24-header-top {
    padding: 0
}

.c24-responsive .c24-header-back-wrapper {
    display: none
}

.c24-responsive .c24-logo {
        width: 244px;
    height: 55px;
    flex-shrink: 0;
    margin-top: 9px;
    padding: 0;
    background-size: 230px;
}

.c24-responsive .c24-search-slim .c24-search-icon.open {
    display: none
}

.c24-responsive .c24-search-slim .c24-search-content {
    display: block
}

.c24-responsive .c24-search-content {
    position: relative
}

.c24-responsive .c24-search input.c24-search-input {
    height: 44px;
    border-radius: 22px
}

.c24-responsive .c24-search {
    margin-top: 20px
}

.c24-responsive .c24-footer-bottom {
    padding: 32px 0
}

.c24-responsive .c24-footer {
    width: 100%
}

.c24-responsive .c24-cookie-consent-notice a,
.c24-responsive .c24-cookie-consent-screen a,
.c24-responsive .c24-cookie-consent-notice div,
.c24-responsive .c24-cookie-consent-screen div {
    -webkit-tap-highlight-color: #fff0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c24-responsive .c24-cookie-consent-wrapper .c24-cc-logo {
    display: block;
    width: 134px;
    height: 34px;
    float: left;
    cursor: pointer
}

.c24-responsive .c24-cookie-consent-wrapper {
    display: none;
    line-height: 16px;
    overflow-y: scroll
}

.c24-responsive.c24-cc-visible .c24-cookie-consent-wrapper {
    display: flex
}

.c24-responsive .c24-cookie-consent-notice,
.c24-responsive .c24-cookie-consent-screen {
    visibility: visible;
    width: calc(100% - 20px);
    max-width: 500px;
    max-height: calc(100% - 20px);
    min-width: unset;
    padding: 30px 15px 25px
}

.c24-responsive.c24-cc-visible .c24-cookie-consent-screen {
    display: none
}

.c24-responsive .c24-cookie-consent-wrapper .c24-cookie-consent-notice-title,
.c24-responsive .c24-cookie-consent-wrapper .c24-cookie-consent-screen-title {
    font-size: 20px;
    line-height: 24px
}

.c24-responsive .c24-cookie-consent-notice-cnt div,
.c24-responsive .c24-cookie-consent-screen-cnt div {
    font-size: 14px;
    line-height: 20px
}

.c24-responsive .c24-cookie-consent-notice .c24-cookie-consent-imprint,
.c24-responsive .c24-cookie-consent-notice-cnt .c24-cookie-consent-functional,
.c24-responsive .c24-cookie-consent-screen-cnt .c24-cookie-consent-imprint {
    line-height: 15px;
    font-size: 12px
}

.c24-responsive .c24-cookie-consent-notice .c24-cookie-consent-imprint {
    line-height: 18px
}

.c24-responsive .c24-cookie-consent-notice-cnt .c24-cookie-consent-functional {
    max-width: calc(100% - 145px);
    text-align: right
}

.c24-responsive .c24-cookie-consent-notice-buttons {
    margin-bottom: 10px
}

.c24-responsive .c24-cookie-consent-screen-buttons {
    padding-top: 15px
}

.c24-responsive a.c24-cookie-consent-button {
    font-size: 16px;
    padding: 10px 0;
    width: calc(50% - 5px);
    border-radius: 20px
}

.c24-responsive a.c24-cookie-consent-button-secondary {
    padding: 9px 0
}

.c24-responsive .c24-cookie-consent-screen-list {
    max-height: 225px
}

.c24-responsive .c24-cookie-consent-screen-list-entry {
    padding: 15px
}

.c24-responsive .c24-cookie-consent-screen-list-entry-header>div:nth-child(2) {
    font-size: 14px;
    line-height: 18px
}

.c24-responsive .c24-cookie-consent-screen-list-entry-header>div:nth-child(3) {
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.c24-responsive .c24-cookie-consent-button-more-icon {
    height: 16px;
    width: 14px
}

.c24-responsive .c24-cookie-consent-screen-list-m-entry .c24-cookie-consent-screen-list-entry-header>div:nth-child(2) {
    line-height: 19px;
    font-size: 12px
}

.c24-responsive .c24-cookie-consent-screen-list-m-entry .c24-cookie-consent-button-more-icon {
    margin-top: -2px
}

@media screen and (max-height:500px) {
    .c24-responsive .c24-cookie-consent-wrapper {
        font-family: Arial, sans-serif
    }

    .c24-responsive .c24-cookie-consent-notice:before,
    .c24-responsive .c24-cookie-consent-screen:before {
        width: 60px;
        height: 61px;
        top: -43px;
        left: calc(50% - 30px)
    }

    .c24-responsive .c24-cookie-consent-wrapper .c24-cookie-consent-notice-title,
    .c24-responsive .c24-cookie-consent-wrapper .c24-cookie-consent-screen-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .c24-responsive .c24-cookie-consent-notice-text {
        margin-bottom: 15px
    }

    .c24-responsive .c24-cookie-consent-notice,
    .c24-responsive .c24-cookie-consent-screen {
        padding: 19px 15px 25px
    }

    .c24-responsive .c24-cookie-consent-notice-cnt {
        margin-bottom: 0 !important
    }

    .c24-responsive .c24-cookie-consent-notice-cnt div,
    .c24-responsive .c24-cookie-consent-screen-cnt div {
        font-size: 12px;
        line-height: 16px
    }

    .c24-responsive .c24-cookie-consent-screen-list {
        max-height: 120px;
        overflow-y: auto
    }

    .c24-responsive .c24-cookie-consent-screen-cnt {
        margin-bottom: 0 !important
    }
}

@media screen and (max-height:380px) {
    .c24-responsive .c24-cookie-consent-screen-list {
        max-height: 80px;
        min-height: 55px
    }

    .c24-responsive .c24-cookie-consent-notice:before,
    .c24-responsive .c24-cookie-consent-screen:before {
        width: 45px;
        height: 52px;
        top: -15px
    }
}

@media screen and (max-width:350px) {
    .c24-responsive a.c24-cookie-consent-button {
        font-size: 14px
    }
}

.c24-responsive #c24-footer {
    margin: 0 auto;
    width: 100%
}

.c24-responsive .c24-footer:not(.c24-footer-slim) .c24-footer-copyright {
    padding: 32px 0
}

.c24-responsive .c24-footer:not(.c24-footer-slim) .c24-footer-links {
    padding: 30px 0
}

.c24-responsive .c24-footer-terms-links {
    font-size: 14px
}

.c24-responsive .c24-footer-links-separator {
    margin: 0 auto
}

.c24-responsive .c24-header-skip-container {
    padding: 0
}

@media only screen and (max-width:1284px) {

    .c24-responsive .c24-ad-skyscraper,
    #c24-ads {
        display: none
    }

    .c24-responsive #c24-ads-content {
        width: 100%;
        margin: 0
    }
}

@media only screen and (max-width:1312px) {
    .c24-responsive .c24-header-inner {
        margin: 0;
        padding: 0 16px
    }

    .c24-responsive #c24-footer {
        margin: 0
    }

    .c24-responsive #c24-breadcrumb {
        padding: 16px
    }
}

@media only screen and (min-width:769px) and (max-width:1311px) {
    .c24-responsive #c24-footer {
        padding: 0 16px
    }
}

@media only screen and (min-width:1279px) {
    .c24-responsive .c24-quickchips {
        padding: 0 16px
    }

    .c24-responsive .c24-header-inner,
    .c24-responsive .c24-quickchips-container {
        max-width: 1280px;
        margin: 0 auto
    }
}

@media only screen and (min-width:1312px) {

    .c24-responsive #c24-footer,
    .c24-responsive .c24-footer-links-separator {
        width: 1280px;
        margin: 0 auto
    }
}

@media only screen and (max-width:1280px) {

    .c24-responsive .c24-customer-user,
    .c24-responsive .c24-customer-expired {
        margin: 20px 0 20px 17px
    }

    .c24-responsive .c24-customer-guest {
        margin: 20px 0 20px 6px
    }
}

@media only screen and (min-width:768px) {
    .c24-responsive #Chatbot-wrapper.Chatbot-mobile {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 375px;
        max-height: 660px !important;
        height: 70vh;
        bottom: 20px !important;
        right: 20px !important;
        left: unset;
        overflow: hidden;
        box-shadow: 0 0 10px #0000004d;
        transition: .4s;
        transform: translateY(0)
    }

    .c24-responsive .c24-search-clear {
        display: none !important
    }
}

@media only screen and (max-width:768px) {
    body.c24-responsive {
        font-family: Arial, sans-serif
    }

    body.c24-responsive,
    body.c24-responsive #c24-page-and-ads {
        min-width: unset
    }

    .c24-responsive #c24-footer {
        max-width: 1280px;
        margin: 0 auto
    }

    body.c24-responsive.c24-header-transparent .c24-quickchips {
        top: 121px
    }

    body.c24-responsive.c24-header-transparent .c24-search {
        background: #fff0
    }

    .c24-responsive .c24-search-clear {
        position: absolute;
        padding: 17px;
        top: 0;
        right: 0;
        border: 0;
        z-index: 10014;
        display: none
    }

    .c24-responsive .c24-search-clear svg {
        width: 14px;
        height: 14px
    }

    .c24-responsive #c24-page-and-ads {
        height: 100%;
        width: 100%;
        z-index: 10;
        top: 0;
        left: 0;
        transition: left 0.2s;
        -webkit-transition: left 0.2s;
        -moz-transition: left 0.2s
    }

    .c24-responsive #c24-page-and-ads.c24-nav-animate {
        left: 100%;
        transition: left 0.2s;
        -webkit-transition: left 0.2s
    }

    .c24-responsive #c24-header-bottom nav,
    .c24-responsive #c24-breadcrumb,
    .c24-responsive #c24-customer-salutation,
    .c24-responsive .c24-search .c24-search-corner,
    .c24-responsive .c24-header-payback-ele-title,
    .c24-responsive .hits-layer {
        display: none
    }

    .c24-responsive .c24-header-payback-ele {
        margin: 12px 0 0 25px
    }

    .c24-responsive #c24-header.c24-product-title-visible.c24-product-title-invisible #c24-product-name {
        display: none
    }

    .c24-responsive #c24-header.c24-product-title-visible:not(.c24-product-title-invisible) .c24-header-icon {
        float: unset
    }

    .c24-responsive #c24-header.c24-product-title-visible:not(.c24-product-title-invisible) #c24-header-top {
        display: flex
    }

    .c24-responsive #c24-header.c24-product-title-visible:not(.c24-product-title-invisible) .c24-logo {
        display: none
    }

    .c24-responsive .c24-header.c24-header-back-option .c24-logo {
        display: none
    }

    .c24-responsive .c24-header-back-wrapper {
        display: none;
        width: 27px;
        float: left;
        padding-left: 10px;
        position: absolute;
        cursor: pointer;
        top: 50%;
        transform: translateY(-50%);
        box-sizing: border-box
    }

    .c24-responsive .c24-header-back-option .c24-header-back-wrapper {
        display: block
    }

    .c24-responsive .c24-header-back {
        display: block;
        height: 22px;
        width: 11px;
        box-sizing: border-box
    }

    .c24-responsive:not(.c24-header-transparent) .c24-site-header {
        background: #022D94
    }

    .c24-responsive .c24-header-inner {
        padding: 0
    }

    .c24-responsive #c24-header-back svg {
        position: relative
    }

    .c24-responsive .c24-header-layer {
        display: none
    }

    .c24-responsive .c24-header-components {
        padding: 0 10px
    }

    .c24-responsive .c24-payback .c24-header-components {
        padding: 0 10px 0 10px
    }

    .c24-responsive .c24-navi .c24-navi-section ul li {
        display: block;
        width: 100%;
        height: 50px
    }

    .c24-responsive .c24-header-burger-menu {
        display: block;
        width: 100%;
        float: left
    }

    .c24-responsive .c24-nav-button {
        padding: 9px 20px
    }

    .c24-responsive #c24-header-top .c24-header-content {
        height: 70px;
        position: relative
    }

    .c24-responsive #c24-header:not(.c24-payback):not(.c24-progress-bar-visible):not(.c24-search-slim):not(.c24-nosearch):not(.c24-exploit-header-active) {
        height: auto;
        min-height: 70px;
        position: relative;
        padding-bottom: 52px
    }

    .c24-responsive #c24-header.c24-search-slim,
    .c24-responsive #c24-header.c24-nosearch {
        padding-bottom: 0
    }

    .c24-responsive #c24-header.c24-exploit-header-active:not(.c24-exploit-header-fixed) {
        padding-bottom: 54px
    }

    .c24-responsive #c24-header.c24-exploit-header-active.c24-exploit-header-fixed {
        padding-bottom: 0
    }

    .c24-wide.c24-responsive #c24-header:not(.c24-progress-bar-visible) {
        min-height: 70px
    }

    .c24-wide.c24-responsive #c24-header {
        min-height: 70px
    }

    .c24-wide.c24-responsive .c24-site-header #c24-header-top {
        padding: 0;
        height: 70px
    }

    .c24-responsive .c24-logo {
        display: block;
        width: 100%;
       
        margin: 0 auto;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        background-size: unset
    }

    .c24-responsive .c24-header-icon {
        width: 62px;
        box-sizing: border-box;
        margin: unset;
        padding: 16px 8px
    }

    .c24-responsive .c24-payback .c24-header-icon {
        padding: 16px 8px
    }

    .c24-responsive .c24-header-icon-label {
        font-size: 10px !important;
        line-height: 10px;
        margin-top: 2px
    }

    .c24-responsive .c24-activities-label {
        margin-top: 4px
    }

    .c24-responsive .c24-header-hover {
        min-width: unset;
        height: 100%;
        margin: unset
    }

    .c24-responsive .c24-customer,
    .c24-responsive .c24-contact-content,
    .c24-responsive .c24-header-inner a.c24-mylists-content,
    .c24-responsive .c24-cart-content,
    .c24-responsive .c24-notification-icon,
    .c24-responsive .c24-search-icon,
    .c24-responsive .c24-search-slim .c24-search-icon {
        margin-top: 0
    }

    .c24-responsive .c24-search-slim .c24-search-icon {
        min-width: unset
    }

    .c24-responsive .c24-customer .c24-customer-layer,
    .c24-responsive .c24-mylists-layer,
    .c24-responsive .c24-notification-layer-hover {
        right: 0;
        top: 40px
    }

    .c24-responsive .c24-customer-layer {
        top: 68px
    }

    .c24-responsive .c24-mylists-layer {
        top: 70px
    }

    .c24-responsive .c24-notification-layer-hover {
        right: 0;
        top: 70px
    }

    .c24-responsive .c24-notification {
        z-index: 1;
        margin: unset
    }

    .c24-responsive.c24-sticky .c24-notification {
        margin-top: 13px
    }

    .c24-responsive .c24-notification-label {
        margin-top: 4px
    }

    .c24-responsive .c24-notification-icon-svg {
        width: 22px;
        height: 24px;
        background-position: 90%;
        margin-top: -2px
    }

    .c24-responsive .c24-notification-count {
        left: 24px
    }

    .c24-responsive .c24-activities-count {
        left: 24px
    }

    .c24-responsive .c24-activities-icon {
        height: 100%
    }

    .c24-responsive .c24-activities-icon-svg {
        width: 22px;
        height: 23px;
        background-position: 90%;
        margin-top: -1px
    }

    .c24-responsive .c24-activities-icon-svg.active {
        height: 24px;
        margin-top: -2px
    }

    .c24-responsive .c24-activities-count {
        top: 5px
    }

    .c24-responsive .c24-activities-count,
    .c24-responsive .c24-mylists-count {
        left: 25px
    }

    .c24-responsive .c24-customer {
        margin: unset
    }

    .c24-responsive .c24-customer-user,
    .c24-responsive .c24-customer-expired {
        width: 42px;
        padding-right: 0;
        padding-left: 20px
    }

    .c24-responsive .c24-customer-guest {
        width: 56px;
        padding-right: 0;
        padding-left: 10px
    }

    .c24-responsive .c24-customer-hover-wrapper {
        height: unset
    }

    .c24-responsive .c24-customer-icon {
        margin-top: 0;
        width: 24px;
        height: 24px
    }

    .c24-responsive .c24-customer-hover {
        margin-top: 2px
    }

    .c24-responsive .c24-header-components:not(:has(.c24-customer)) .c24-contact {
        width: 44px;
        padding-right: 0;
        padding-left: 18px;
        margin-left: 0
    }

    .c24-responsive .c24-header-inner a.c24-mylists-content {
        height: 100%
    }

    .c24-responsive .c24-mylists-heart .c24-mylists-icon {
        width: 26px;
        height: 22px
    }

    .c24-responsive .c24-mylists .c24-mylists-label {
        margin-top: 4px
    }

    .c24-responsive .c24-mylists-icon .c24-mylists-icon-svg {
        width: 26px;
        height: 22px;
        padding-top: 2px;
        background-position: 90%
    }

    .c24-responsive .c24-contact-content {
        height: 100%
    }

    .c24-responsive .c24-contact .c24-contact-icon-svg {
        width: 26px;
        height: 24px
    }

    .c24-responsive .c24-contact .c24-contact-icon {
        padding-top: 0
    }

    .c24-responsive .c24-contact {
        font-size: 10px
    }

    .c24-responsive .c24-search-slim .c24-search-icon.open {
        display: flex
    }

    .c24-responsive .c24-header.c24-exploit-header-active .c24-search-icon {
        display: none
    }

    .c24-search .c24-search-separator {
        display: none
    }

    .c24-responsive .c24-search-placeholder-label {
        left: 42px;
        right: 32px;
        height: 48px;
        line-height: 48px;
        font-family: Arial, sans-serif
    }

    .c24-responsive .c24-search input.c24-search-input {
        height: 48px;
        border-radius: 24px;
        padding: 5px 32px 5px 42px;
        font-family: Arial, sans-serif;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .c24-responsive .c24-search .c24-search-form.open input.c24-search-input {
        border: 1px solid #DCDCDC;
        border-radius: 25px
    }

    .c24-responsive .c24-search .c24-search-form input.c24-search-input:focus {
        border: 1px solid #DCDCDC
    }

    .c24-responsive .c24-search .suggest-text-value-chatty {
        line-height: 18px !important
    }

    .c24-responsive .c24-search .suggest-text-value {
        line-height: 28px
    }

    .c24-responsive .c24-search {
        width: 100%;
        z-index: 1001;
        left: 0;
        position: absolute;
        top: 68px;
        background-color: #022D94;
        padding: 0;
        margin: 0;
        overflow: hidden
    }

    .c24-responsive .c24-search-slim:not(:has(.c24-search-icon.open)) .c24-search:not(:has(.c24-search-form.open)) {
        display: none !important
    }

    .c24-responsive .c24-search:has(.c24-search-form.open) .c24-search-content {
        position: fixed;
        width: 100%;
        left: 0
    }

    .c24-responsive .c24-search .c24-search-content {
        display: block;
        padding: 0 10px 6px
    }

    .c24-responsive .c24-header .c24-search-icon {
        box-sizing: border-box;
        float: right;
        position: relative;
        z-index: 1;
        display: flex;
        place-items: center;
        place-content: center;
        flex-direction: column
    }

    .c24-responsive .c24-search-icon-content {
        float: right;
        width: 22px;
        height: 23px;
        background-size: unset;
        margin-top: 0;
        margin-bottom: 0
    }

    .c24-responsive .c24-search-icon-label {
        margin-top: 3px
    }

    .c24-responsive .c24-search .c24-search-button {
        right: unset;
        padding: 12px 4px 10px 16px
    }

    .c24-responsive .c24-search .c24-search-button svg {
        fill: #999;
        height: 20px;
        width: 20px
    }

    .c24-responsive .c24-search .c24-search-overlay-header svg {
        width: 16px;
        height: 16px
    }

    .c24-responsive .c24-search-overlay-close {
        background: url(data:image/svg+xml;base64,ICAgICAgICAgICAgICAgIDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeT0iMHB4IiB4PSIwcHgiIGNsYXNzPSJjMjRtLW5hdmktaGVhZGVyLWNsb3NlIj4gPHBvbHlnb24gZmlsbD0iIzk0OTQ5NCIgcG9pbnRzPSI4OS43LDAgNTAsMzkuNiAxMC4zLDAgMCwxMC4zIDM5LjYsNTAgMCw4OS43IDEwLjMsMTAwIDUwLDYwLjQgODkuNywxMDAgMTAwLDg5LjcgNjAuNCw1MCAxMDAsMTAuMyI+PC9wb2x5Z29uPiA8L3N2Zz4K) no-repeat;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 0;
        right: 0;
        margin: 20px 20px 10px;
        box-sizing: border-box;
        z-index: 100001;
        cursor: pointer
    }

    .c24-responsive .hits-suggest-item .autosuggest-container {
        padding: 6px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-width: 0
    }

    .c24-responsive .hits-suggest-wrapper {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden;
        background: #fff;
        display: none
    }

    .c24-responsive .hits-suggest ul li.hits-suggest-item:last-child .autosuggest-container {
        border-bottom: none;
        padding: 4px 10px
    }

    .c24-responsive .hits-suggest ul {
        border: none;
        margin-top: 10px
    }

    .c24-responsive .hits-suggest ul li.hits-suggest-item {
        font-size: 15px;
        line-height: 18px;
        margin: 0;
        padding: 0 10px;
        border-radius: 0;
        list-style-position: inside;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0
    }

    .c24-responsive .hits-suggest ul li.hits-suggest-item:last-child {
        padding-bottom: 0
    }

    .c24-responsive .hits-suggest-chatty-headline {
        font-size: 14px
    }

    .c24-responsive .chatty-headline-container {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px 10px 4px
    }

    .c24-responsive .hits-suggest ul li.hits-suggest-item .hits-suggest-chattylink {
        font-size: 15px
    }

    .c24-responsive .hits-suggest {
        left: 0;
        top: 0;
        border: none;
        border-radius: unset;
        box-shadow: none;
        font-family: Arial, sans-serif;
        position: relative;
        height: calc(100% - 122px);
        overflow: scroll;
        margin-top: 4px
    }

    .c24-responsive .c24-search-header-container {
        width: 100%;
        background: #fff;
        height: 118px
    }

    .c24-responsive .c24-search-suggest ul.ui-autocomplete {
        width: 100% !important;
        border: 0 !important;
        border-top: 1px solid #dcdcdc !important;
        top: 43px !important
    }

    .c24-responsive .c24-quickchips {
        padding: 0;
        overflow: hidden;
        height: 52px
    }

    .c24-responsive .c24-quickchips-chips .c24-quickchips-link:first-child {
        margin-left: 10px
    }

    .c24-responsive .c24-quickchips-chips .c24-quickchips-link:last-child {
        margin-right: 10px
    }

    .c24-responsive .c24-site-header #c24-header-bottom,
    .c24-responsive.c24-wide .c24-site-header #c24-header-bottom {
        display: none
    }

    .c24-responsive .c24-footer-top .c24-footer-content {
        min-width: auto
    }

    .c24-responsive .c24-footer-bottom .c24-footer-company-line:after {
        content: ''
    }

    .c24-responsive .c24-footer-bottom .c24-footer-content {
        display: inline
    }

    .c24-responsive .c24-footer-bottom-links {
        padding-top: 0
    }

    .c24-responsive .c24-footer-bottom .c24-footer-company-line {
        margin-bottom: 5px;
        line-height: 20px
    }

    .c24-responsive .c24-footer-bottom-links ul>li {
        margin-top: 15px
    }

    .c24-responsive .c24-footer-bottom-links ul li a,
    .c24-responsive .c24-footer-bottom-links ul li a:hover {
        color: #181818
    }

    .c24-responsive .c24-footer-slim-item {
        display: block
    }

    .c24-responsive .c24-footer-copyright-content span {
        white-space: nowrap
    }

    .c24-responsive .c24-footer:not(.c24-footer-slim) .c24-footer-copyright {
        padding: 0 15px 16px 15px
    }

    .c24-responsive .c24-footer-terms-links {
        padding: 0 !important;
        display: block
    }

    .c24-responsive .c24-footer-bottom .c24-social-links {
        top: 13px;
        right: 15px
    }

    .c24-responsive footer .c24-grid-flex-content {
        width: 100%
    }

    .c24-responsive footer .c24-footer-top-content {
        padding: 0 15px 10px
    }

    .c24-responsive .c24-footer {
        padding: 0 10px !important
    }

    .c24-responsive .c24-cookie-cnt {
        width: 100%;
        box-sizing: border-box;
        padding: 12px;
        max-width: inherit;
        min-width: inherit
    }

    .c24-responsive .c24-header-skip-container {
        display: none
    }

    .c24-responsive #c24-exploit-header {
        width: calc(100% - 20px);
        z-index: 1001;
        left: 10px;
        position: absolute;
        top: 68px;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        max-height: 44px;
        min-width: 0;
        flex-grow: 0
    }

    .c24-responsive .c24-exploit-header-active.c24-exploit-header-fixed #c24-exploit-header {
        top: 69px;
        width: calc(100% - 20px);
        left: 10px
    }

    .c24-responsive .c24-site-header .c24-exploit-header-active.c24-exploit-header-fixed #c24-header-top {
        padding-bottom: 22px
    }

    .c24-responsive #c24-header.c24-exploit-header-active.c24-exploit-header-fixed {
        margin-bottom: 22px
    }
}

@media only screen and (max-width:1024px) {
    .c24-responsive .c24-footer-links details {
        grid-column: span 3
    }
}

@media screen and (max-width:910px) {
    .c24-responsive .c24-browser-info-icons {
        -webkit-flex-direction: row;
        flex-direction: row;
        margin-top: 15px;
        padding-left: 40px
    }

    .c24-responsive .c24-browser-info-text {
        margin: 0;
        display: block
    }
}

@media only screen and (max-width:790px) {
    .c24-responsive .c24-footer-icon-wrapper {
        margin-top: 16px
    }

    .c24-responsive .c24-footer-bottom {
        flex-direction: column
    }
}

@media only screen and (max-width:700px) {
    .c24-responsive .c24-hide-700 {
        display: none !important
    }

    .c24-responsive .c24-cookie-text {
        width: calc(100% - 115px);
        line-height: 16px
    }
}

@media only screen and (max-width:650px) {
    .c24-responsive .c24-search .c24-search-corner {
        right: 217px
    }

    .c24-responsive .c24-browser-info-cnt {
        justify-content: normal
    }

    .c24-responsive .c24-browser-info-icon span {
        display: none
    }

    .c24-responsive .c24-browser-info-icon {
        width: auto;
        height: 36px;
        padding: 3px 10px;
        margin-bottom: 5px
    }

    .c24-responsive .c24-search-suggest ul.ui-autocomplete {
        width: 400px !important
    }
}

@media only screen and (max-width:550px) {
    .c24-responsive .c24-footer-nav-hide {
        display: none
    }
}

@media screen and (max-width:350px) {
    .c24-responsive a.c24-cookie-consent-button {
        font-size: 14px
    }
}

@media only screen and (max-width:480px) {
    .c24-responsive .c24-footer-links details {
        grid-column: span 6;
        margin-bottom: 10px
    }

    .c24-responsive .c24-footer-links details:nth-child(3),
    .c24-responsive .c24-footer-links details:nth-child(4) {
        margin-bottom: 0
    }

    .c24-responsive .c24-cookie-consent-notice:before,
    .c24-responsive .c24-cookie-consent-screen:before {
        width: 76px;
        height: 77px;
        top: -56px;
        left: calc(50% - 36px)
    }
}

@media screen and (max-width:360px) {
    .c24-wide.c24-responsive .c24-site-header #c24-header-top {
        height: 52px
    }

    .c24-responsive .c24-search-header-container {
        height: 102px
    }

    .c24-responsive .hits-suggest {
        height: calc(100% - 102px)
    }

    .c24-wide.c24-responsive .c24-site-header .c24-payback #c24-header-top {
        height: 70px
    }

    .c24-responsive .c24-payback .c24-header-icon {
        padding: 23px 8px
    }

    .c24-responsive .c24-cookie-consent-notice:before,
    .c24-responsive .c24-cookie-consent-screen:before {
        display: none
    }

    .c24-responsive .c24-header-icon-label {
        display: none
    }

    .c24-responsive .c24-header-icon {
        width: 40px;
        padding: 14px 8px
    }

    .c24-responsive .c24-search {
        top: 52px
    }

    .c24-responsive .c24-logo {
        display: block;
        width: 106px;
        height: 26px;
        margin: 0 auto;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10px
    }

    .c24-responsive .c24-activities-count,
    .c24-responsive .c24-notification-count,
    .c24-responsive .c24-mylists-count {
        left: 14px
    }

    .c24-responsive .c24-quickchips {
        padding: 0
    }

    body.c24-responsive.c24-header-transparent .c24-quickchips {
        top: 105px
    }

    .c24-responsive #c24-header-top .c24-header-content {
        height: 52px
    }

    .c24-responsive .c24-payback #c24-header-top .c24-header-content {
        height: 70px
    }

    .c24-responsive #c24-header:not(.c24-payback):not(.c24-progress-bar-visible):not(.c24-search-slim):not(.c24-nosearch):not(.c24-exploit-header-active),
    .c24-wide.c24-responsive #c24-header:not(.c24-payback):not(.c24-progress-bar-visible):not(.c24-search-slim):not(.c24-nosearch):not(.c24-exploit-header-active) {
        height: auto;
        min-height: 52px;
        padding-bottom: 52px
    }

    .c24-responsive #c24-header.c24-search-slim,
    .c24-responsive #c24-header.c24-nosearch,
    .c24-wide.c24-responsive #c24-header.c24-search-slim,
    .c24-wide.c24-responsive #c24-header.c24-nosearch {
        padding-bottom: 0
    }

    .c24-responsive .c24-footer-links.c24-layout-12-column-grid {
        grid-template-rows: auto;
        grid-template-columns: none;
        place-content: baseline;
        grid: none;
        display: block
    }

    .c24-responsive .toggle-arrow {
        display: block
    }

    .c24-responsive .c24-footer-links {
        position: relative
    }

    .c24-responsive .c24-footer-links ul {
        position: relative;
        margin-bottom: 24px
    }

    .c24-responsive .c24-footer-links ul:last-child {
        margin-bottom: 0
    }

    .c24-responsive .c24-footer-links summary {
        font-weight: 700;
        pointer-events: initial
    }

    .c24-responsive .c24-footer-links ul li {
        margin-top: 8px
    }

    .c24-responsive .c24-footer-links ul li:first-child {
        font-weight: initial;
        margin-top: 16px
    }

    .c24-responsive .c24-footer-links summary:after {
        content: '';
        position: absolute;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTQgOCIgZmlsbD0ibm9uZSI+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUxMF80NDM1KSI+CiAgICA8cGF0aCBkPSJNNi45IDIuMUwxMi42IDcuN0wxMy43IDYuNkw2LjkgMEwwIDYuNkwxLjEgNy43TDYuOSAyLjFaIiBmaWxsPSIjMTgxODE4Ii8+CiAgPC9nPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwMF81MTBfNDQzNSI+CiAgICAgIDxyZWN0IHdpZHRoPSI3LjciIGhlaWdodD0iMTMuNyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KDAgLTEgMSAwIDAgNy43KSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPgo=);
        width: 14px;
        right: 0;
        height: 10px;
        background-repeat: no-repeat;
        transform: rotate(180deg);
        cursor: pointer;
        pointer-events: none
    }

    .c24-responsive .c24-footer-links details[open] summary::after {
        transform: rotate(0deg)
    }

    .c24-responsive .c24-footer-links summary::marker {
        content: ''
    }

    .c24-responsive .c24-footer-links .collapsed {
        margin-bottom: 24px
    }

    .c24-responsive .c24-footer-links .collapsed:last-child {
        margin-bottom: 0
    }

    .c24-responsive .c24-footer-links details:nth-child(3) {
        margin-bottom: 24px !important
    }

    .c24-responsive .c24-header-components:not(:has(.c24-customer)) .c24-contact {
        width: 32px;
        padding-left: 8px
    }

    .c24-responsive .c24-customer-guest,
    .c24-responsive .c24-customer-user,
    .c24-responsive .c24-customer-expired {
        width: 31px;
        padding-right: 0;
        padding-left: 9px
    }

    .c24-responsive #c24-header.c24-product-title-visible #c24-product-name {
        top: 0
    }

    .c24-responsive #c24-exploit-header {
        top: 51px
    }

    .c24-responsive #c24-header.c24-exploit-header-active:not(.c24-exploit-header-fixed),
    .c24-wide.c24-responsive #c24-header.c24-exploit-header-active:not(.c24-exploit-header-fixed) {
        padding-bottom: 54px
    }

    .c24-responsive #c24-header.c24-exploit-header-active.c24-exploit-header-fixed,
    .c24-wide.c24-responsive #c24-header.c24-exploit-header-active.c24-exploit-header-fixed {
        padding-bottom: 0
    }

    .c24-responsive .c24-exploit-header-active.c24-exploit-header-fixed #c24-exploit-header {
        top: 59px;
        width: calc(100% - 20px);
        left: 10px
    }

    .c24-responsive .c24-site-header .c24-exploit-header-active.c24-exploit-header-fixed #c24-header-top {
        padding-bottom: 22px
    }
}

.c24-footer-links details[open]>* {
    display: block
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
var {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

select {
    background-color: var(--color-white)
}

@font-face {
    font-display: swap;
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icons-2.1.1484.eot);
    src: url(../fonts/icons-2.1.1484.eot#iefix) format("embedded-opentype"), url(../fonts/icons-2.1.1484.woff) format("woff"), url(../fonts/icons-2.1.1484.ttf) format("truetype")
}

[class*=" cpIcon"]:before,
[class^=cpIcon]:before {
    display: inline-block;
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cpIconKostenlos:after {
    content: "\e030"
}

.cpIconPersoenlich:after {
    content: "\e036"
}

.cpIconSchnell:after {
    content: "\e03f"
}

.cpIconSchufa:after {
    content: "\e041"
}

.cpIconSicher:after {
    content: "\e044"
}

.cpIconPDF:before {
    content: "\e001"
}

.cpIconAnsweringQuestions:before {
    content: "\e002"
}

.cpIconArrow:before {
    content: "\e003"
}

.cpIconArrowDown:before {
    content: "\e004"
}

.cpIconArrowSide:before {
    content: "\e005"
}

.cpIconAutokredit:before {
    content: "\e006"
}

.cpIconBaufinance:before {
    content: "\e007"
}

.cpIconCampaign-group-a:before {
    content: "\e008"
}

.cpIconCampaign-group-b:before {
    content: "\e009"
}

.cpIconCampaign-group-c:before {
    content: "\e00a"
}

.cpIconChatActive:before {
    content: "\e00b"
}

.cpIconChatDefault:before {
    content: "\e00c"
}

.cpIconCheckBlau:before {
    content: "\e00d"
}

.cpIconCheckSchwarz:before {
    content: "\e00e"
}

.cpIconChevronRightBlue:before {
    content: "\e00f"
}

.cpIconClose:before {
    content: "\e010"
}

.cpIconConsultant:before {
    content: "\e011"
}

.cpIconContract:before {
    content: "\e012"
}

.cpIconCross:before {
    content: "\e013"
}

.cpIconCrossOutline:before {
    content: "\e014"
}

.cpIconDelete:before {
    content: "\e015"
}

.cpIconDeleteMobile:before {
    content: "\e016"
}

.cpIconDocument-sign:before {
    content: "\e017"
}

.cpIconDownload-outline:before {
    content: "\e018"
}

.cpIconEditIcon:before {
    content: "\e019"
}

.cpIconEmailInvertiert:before {
    content: "\e01a"
}

.cpIconEuro:before {
    content: "\e01b"
}

.cpIconExclamationOutline:before {
    content: "\e01c"
}

.cpIconExpandLess:before {
    content: "\e01d"
}

.cpIconExpandMore:before {
    content: "\e01e"
}

.cpIconFast:before {
    content: "\e01f"
}

.cpIconFestgeld:before {
    content: "\e020"
}

.cpIconFree:before {
    content: "\e021"
}

.cpIconGeldanlage:before {
    content: "\e022"
}

.cpIconGeschenk:before {
    content: "\e023"
}

.cpIconGift:before {
    content: "\e024"
}

.cpIconGift-points:before {
    content: "\e025"
}

.cpIconGirokonto:before {
    content: "\e026"
}

.cpIconHaekchen:before {
    content: "\e027"
}

.cpIconHaekchenBlau:before {
    content: "\e028"
}

.cpIconIconbank:before {
    content: "\e029"
}

.cpIconIndividualOffers:before {
    content: "\e02a"
}

.cpIconInfo:before {
    content: "\e02b"
}

.cpIconInfo-icon:before {
    content: "\e02c"
}

.cpIconInfoGray:before {
    content: "\e02d"
}

.cpIconInfoOutline:before {
    content: "\e02e"
}

.cpIconKostenlos:before {
    content: "\e02f"
}

.cpIconKostenlosBackground:before {
    content: "\e030"
}

.cpIconKredit-icon:before {
    content: "\e031"
}

.cpIconKreditkarte:before {
    content: "\e032"
}

.cpIconLock:before {
    content: "\e033"
}

.cpIconMoneyToday:before {
    content: "\e034"
}

.cpIconPersoenlich:before {
    content: "\e035"
}

.cpIconPersoenlichBackground:before {
    content: "\e036"
}

.cpIconPlusIcon:before {
    content: "\e037"
}

.cpIconPoints:before {
    content: "\e038"
}

.cpIconPost-branch-circle:before {
    content: "\e039"
}

.cpIconPost-letter-circle:before {
    content: "\e03a"
}

.cpIconQes:before {
    content: "\e03b"
}

.cpIconQuestion:before {
    content: "\e03c"
}

.cpIconQuestionOutline:before {
    content: "\e03d"
}

.cpIconSchnell:before {
    content: "\e03e"
}

.cpIconSchnellBackground:before {
    content: "\e03f"
}

.cpIconSchufa:before {
    content: "\e040"
}

.cpIconSchufaBackground:before {
    content: "\e041"
}

.cpIconShield:before {
    content: "\e042"
}

.cpIconSicher:before {
    content: "\e043"
}

.cpIconSicherBackground:before {
    content: "\e044"
}

.cpIconSliderPfeilNext:before {
    content: "\e045"
}

.cpIconSliderPfeilPrev:before {
    content: "\e046"
}

.cpIconSofa-circle:before {
    content: "\e047"
}

.cpIconStar:before {
    content: "\e048"
}

.cpIconTableOfContentsIcon:before {
    content: "\e049"
}

.cpIconTagesgeld:before {
    content: "\e04a"
}

.cpIconTagesgeldSticky:before {
    content: "\e04b"
}

.cpIconTelefonhoererBlau:before {
    content: "\e04c"
}

.cpIconTelephonWhite:before {
    content: "\e04d"
}

.cpIconTopArrow:before {
    content: "\e04e"
}

.cpIconTriangle_down:before {
    content: "\e04f"
}

.cpIconUmschuldung:before {
    content: "\e050"
}

.cpIconUseraccountLoggedOutGray:before {
    content: "\e051"
}

.cpIconWith-paperwork-circle:before {
    content: "\e052"
}

.cpIconWithout-paperwork-circle:before {
    content: "\e053"
}

[class*=" cpIcon"],
[class^=cpIcon] {
    position: relative
}

[class*=" cpIcon"]:after,
[class^=cpIcon]:after {
    display: inline-block;
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 18%;
    opacity: 20%;
    position: absolute;
    top: 14%
}

.gratification {
    align-items: center;
    background-color: var(--color-white);
    box-sizing: border-box;
    color: #005c61;
    display: flex;
    font-size: 12px;
    height: 42px;
    justify-content: center;
    line-height: 28px;
    margin: auto;
    padding: 0 50px;
    position: relative;
    width: 100%
}

.gratification.campaign-active:not(.hide) {
    background-color: transparent;
    z-index: 1000
}

@media (max-width:700px) {
    .gratification {
        padding: 10px
    }

    .gratification.hide {
        padding: 0
    }
}

.gratification.hide {
    display: none
}

.gratification .gratTitle {
    background-color: #c1e3e3;
    border-radius: 30px;
    box-sizing: border-box;
    max-width: 1300px;
    width: 100%
}

.gratification .gratTitle.campaign-gratification {
    padding-left: 10px
}

.gratification .gratTitle.hide {
    display: none
}

@media only screen and (max-width:1280px) {
    .gratification .gratTitle {
        padding: 0 15px
    }
}

@media only screen and (min-width:1281px) {
    .gratification .gratTitle {
        padding: 0 20px
    }
}

.gratification .gratTitleText {
    align-items: center;
    color: #005c61;
    display: flex
}

.gratification .gratTitleText.payback {
    align-items: center;
    display: flex;
    font-size: 13px;
    padding: 10px 0
}

@media (max-width:700px) {
    .gratification .gratTitleText.payback {
        line-height: 18px;
        padding-right: 20px
    }
}

.gratification .gratTitleText .gratVoucherAndPoints {
    align-items: center;
    display: flex;
    line-height: 18px
}

.gratification .gratTitleTextError {
    color: #c82d2d
}

.gratification .cpIconGift {
    display: inline-flex;
    font-size: 14px;
    margin-right: 10px;
    margin-top: -1px;
    vertical-align: middle
}

.gratification .cpIconGift.hide {
    display: none
}

.gratification .cpIconGift.mobile {
    margin-bottom: 3px
}

.gratification .cpIconGeschenk {
    display: inline-flex;
    font-size: 20px;
    margin-right: 8px;
    margin-top: -1px;
    vertical-align: middle
}

.gratification .cpIconGeschenk.hide {
    display: none
}

.gratification .cpIconGeschenk.mobile {
    margin-bottom: 3px
}

.gratification .cpIconPoints {
    color: #005c61;
    display: inline-flex;
    font-size: 17px;
    height: 12px;
    margin-right: 5px;
    vertical-align: text-bottom
}

.gratification .cpIconPoints:before {
    height: 12px
}

.gratification .cpIconPoints.hide {
    display: none
}

.gratification .cpIconPoints.mobile {
    margin-bottom: 1px
}

.gratification .cpIconGift-points {
    display: inline-flex;
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle
}

.gratification .gratHoverContent {
    display: none
}

.gratification .gratHelp {
    color: #005c61;
    cursor: help;
    display: inline-block;
    font-size: 16px;
    height: 16px;
    left: 10px;
    position: relative;
    top: -4px
}

.gratification .gratHelp:hover .gratHoverContent {
    background-color: var(--color-white);
    border: 1px solid var(--color-blue-100);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .45);
    color: var(--color-gray-600);
    cursor: default;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    left: -78px;
    line-height: 16px;
    padding: 15px;
    pointer-events: auto;
    position: absolute;
    text-align: left;
    top: 26px;
    transition: opacity .25s ease-out;
    width: 300px;
    z-index: 9999
}

.gratification .gratHelp:hover .gratHoverContent:before {
    background: var(--color-white);
    border-bottom: 1px solid transparent;
    border-left: 1px solid var(--color-blue-100);
    border-right: 1px solid transparent;
    border-top: 1px solid var(--color-blue-100);
    content: "";
    height: 10px;
    left: 75px;
    position: absolute;
    top: -6px;
    transform: rotate(45deg);
    width: 10px
}

.gratification .gratHelp.hide {
    display: none
}

.gratification .cpIconExclamationOutline {
    color: #c82d2d;
    display: inline-flex;
    font-size: 15px;
    padding-right: 6px;
    vertical-align: middle
}

.gratification .cpIconExclamationOutline~.gratHelp.cpIconInfoOutline,
.gratification .cpIconExclamationOutline~.gratTitleText {
    color: #c82d2d
}

@media (max-width:700px) {
    .gratification {
        height: auto;
        line-height: normal;
        position: relative
    }

    .gratification .gratTitle {
        color: var(--color-gray-600);
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        padding: 5px 20px
    }
}

@media (max-width:700px) and (max-width:320px) {
    .gratification .gratTitle {
        padding: 5px 15px
    }
}

@media (max-width:700px) {
    .gratification .cpIconExclamationOutline {
        font-size: 14px
    }

    .gratification .cpIconPoints {
        align-items: center;
        color: #005c61;
        display: inline-flex;
        font-size: 20px;
        height: 14px;
        vertical-align: text-top
    }

    .gratification .cpIconPoints:before {
        height: 14px
    }

    .gratification .cpIconGift-points {
        display: inline-flex;
        font-size: 23px;
        margin-right: 10px;
        vertical-align: middle
    }

    .gratification .gratTitleText {
        align-items: center;
        display: flex;
        justify-content: space-between;
        top: -1px
    }

    .gratification .gratTitleTextContent {
        flex: 1
    }

    .gratification .gratHelp {
        font-size: 18px;
        height: 18px;
        line-height: 18px;
        top: auto;
        width: 18px
    }
}

@media (max-width:700px) and (max-width:320px) {
    .gratification .gratHelp {
        left: calc(100% - 18px)
    }
}

@media (max-width:700px) {
    .gratification .gratHelp.payback {
        left: calc(100% - 30px);
        top: 23px;
        z-index: 1
    }

    .gratification [data-creditcard-gratification-text],
    .gratification [data-girokonto-gratification-text],
    .gratification [data-investment-gratification-text] {
        width: 100%
    }

    .gratification .gratHoverContent {
        background-color: #f4f4f4;
        border: 1px solid var(--color-blue-100);
        display: none;
        line-height: 20px;
        margin-bottom: 12px;
        margin-top: 20px;
        padding: 20px 15px 60px;
        position: relative
    }

    .gratification .closeOption {
        height: 40px;
        margin-top: -40px;
        width: 100%
    }

    .gratification .closeOption:after {
        border-color: var(--color-blue-100);
        border-style: solid;
        border-width: 1px 1px 0 0;
        bottom: 8px;
        content: "";
        display: block;
        height: 15px;
        left: 45%;
        position: absolute;
        transform: rotate(-45deg);
        width: 15px
    }

    .gratification .closeOption:before {
        border-top: 1px solid var(--color-blue-100);
        bottom: 40px;
        content: "";
        display: block;
        left: 15px;
        position: absolute;
        right: 15px
    }

    .gratification .showGratDesc {
        display: inline-block
    }

    .gratification .payback-image {
        height: 35px;
        width: auto
    }

    .gratification .overlay-backdrop {
        align-items: center;
        background: rgba(0, 0, 0, .6);
        display: none;
        height: 100vh;
        justify-content: center;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 800
    }

    .gratification .overlay-backdrop .overlay {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 10px;
        margin: 0 10px
    }

    .gratification .overlay-backdrop .overlay .overlay-close {
        display: flex;
        height: 20px;
        justify-content: flex-end
    }

    .gratification .overlay-backdrop .overlay .overlay-content {
        background-color: var(--color-white);
        border-radius: var(--border-radius-standard);
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 15px
    }

    .gratification .overlay-backdrop .overlay .overlay-content .overlay-content-title {
        font-size: 16px
    }

    .gratification .overlay-backdrop .overlay .overlay-content .overlay-content-list {
        display: flex;
        flex-direction: column;
        gap: 5px;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .gratification .overlay-backdrop .overlay .overlay-content .overlay-content-list .overlay-content-list-item {
        display: flex;
        font-size: 12px;
        gap: 5px;
        margin: 0
    }

    .gratification .overlay-backdrop .overlay .overlay-content .overlay-content-list .overlay-content-list-item .cpIconHaekchenBlau {
        color: var(--color-green)
    }
}

.black-friday-cc {
    background-color: #000 !important
}

.black-friday-cc,
.black-friday-cc:before {
    color: #e0e0e0 !important
}

.black-friday-cc .gratHoverContent {
    border-color: #000;
    color: #000 !important
}

.black-friday-cc .closeOption:after,
.black-friday-cc .closeOption:before {
    border-color: #000 !important
}

@keyframes spinAround {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.loaderInButton,
.loaderInButton a {
    position: relative
}

.loaderInButton .spinner {
    animation: spinAround .7s linear infinite;
    border: 4px solid hsla(0, 0%, 100%, .3);
    border-radius: 50%;
    border-top: 4px solid var(--color-white);
    box-sizing: border-box;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px
}

@media (max-width:700px) {
    .loaderInButton .spinner {
        margin-left: 10px
    }
}

.tippy-box[data-placement^=top]>.tippy-backdrop {
    border-radius: 40% 40% 0 0;
    transform-origin: 0 25%
}

.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%)
}

.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%)
}

.tippy-box[data-placement^=bottom]>.tippy-backdrop {
    border-radius: 0 0 30% 30%;
    transform-origin: 0 -50%
}

.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%)
}

.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%)
}

.tippy-box[data-placement^=left]>.tippy-backdrop {
    border-radius: 50% 0 0 50%;
    transform-origin: 50% 0
}

.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%)
}

.tippy-box[data-placement^=right]>.tippy-backdrop {
    border-radius: 0 50% 50% 0;
    transform-origin: -50% 0
}

.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%)
}

.tippy-box[data-animatefill] {
    background-color: transparent !important
}

.tippy-backdrop {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #333;
    border-radius: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all cubic-bezier(.46, .1, .52, .98);
    width: calc(110% + 32px);
    z-index: -1
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tippy-box {
    border: 1px transparent
}

.tippy-box[data-placement^=top]>.tippy-arrow:after {
    border-top-color: inherit;
    border-width: 8px 8px 0;
    bottom: -8px;
    left: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:after {
    border-bottom-color: inherit;
    border-width: 0 8px 8px;
    left: 0;
    top: -8px
}

.tippy-box[data-placement^=left]>.tippy-arrow:after {
    border-left-color: inherit;
    border-width: 8px 0 8px 8px;
    right: -8px;
    top: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:after {
    border-right-color: inherit;
    border-width: 8px 8px 8px 0;
    left: -8px;
    top: 0
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg:first-child:not(:last-child) {
    top: 17px
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg:first-child:not(:last-child) {
    bottom: 17px
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg:first-child:not(:last-child) {
    left: 12px
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg:first-child:not(:last-child) {
    right: 12px
}

.tippy-arrow {
    border-color: inherit
}

.tippy-arrow:after {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute;
    z-index: -1
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity;
    white-space: normal
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.info-tooltip__wrapper {
    display: none;
    position: absolute;
    z-index: 999
}

@media (min-width:701px) {
    .info-tooltip__wrapper[data-tooltip-type=top]:after {
        bottom: -11px;
        left: calc(50% - 10px);
        transform: rotate(225deg)
    }

    .info-tooltip__wrapper[data-tooltip-type=bottom]:after {
        left: calc(50% - 10px);
        top: -11px;
        transform: rotate(45deg)
    }

    .info-tooltip__wrapper[data-tooltip-type=right]:after {
        left: -11px;
        top: calc(50% - 10px);
        transform: rotate(-45deg)
    }

    .info-tooltip__wrapper[data-tooltip-type=left]:after {
        right: -11px;
        top: calc(50% - 10px);
        transform: rotate(-225deg)
    }
}

.info-tooltip__icon {
    cursor: help;
    display: inline-block;
    margin: 0 5px;
    position: relative
}

@media (min-width:701px) {
    .info-tooltip--mobile__close {
        display: none
    }

    .info-tooltip__wrapper {
        border: 1px solid var(--color-blue-100);
        color: var(--color-black);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        padding: 25px;
        text-align: left;
        width: max-content;
        z-index: 9999
    }

    .info-tooltip__wrapper,
    .info-tooltip__wrapper:after {
        background-color: var(--color-white);
        position: absolute
    }

    .info-tooltip__wrapper:after {
        border-color: var(--color-blue-100) transparent transparent var(--color-blue-100);
        border-style: solid;
        border-width: 1px;
        content: " ";
        height: 20px;
        width: 20px
    }
}

@media (max-width:700px) {
    .info-tooltip__wrapper {
        align-items: center;
        background-color: rgba(0, 0, 0, .45);
        color: #000;
        height: 100vh;
        justify-content: center;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 9999
    }

    .info-tooltip--mobile__close {
        background-size: contain;
        color: var(--color-white);
        display: block;
        font-size: 20px;
        line-height: 20px;
        opacity: .8;
        position: absolute;
        right: 8px;
        top: -28px
    }

    .info-tooltip__tooltip {
        background: #fff;
        border-radius: 8px;
        max-height: 70vh;
        max-width: calc(100vw - 50px);
        padding: 15px 5px 15px 15px;
        position: relative
    }

    .info-tooltip__content {
        box-sizing: border-box;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        max-height: 70vh;
        max-width: 100%;
        overflow: hidden auto;
        overflow-wrap: break-word;
        padding-right: 10px;
        width: 100%
    }

    .info-tooltip__content::-webkit-scrollbar {
        width: 5px
    }

    .info-tooltip__content::-webkit-scrollbar-track {
        background: hsla(0, 0%, 100%, .3)
    }

    .info-tooltip__content::-webkit-scrollbar-thumb {
        background: #063773
    }
}

.tippy-box[data-theme~=overlayTheme][data-placement^=bottom-start] .tippy-arrow,
.tippy-box[data-theme~=overlayTheme][data-placement^=top-end] .tippy-arrow,
.tippy-box[data-theme~=overlayTheme][data-placement^=top-start] .tippy-arrow {
    left: 8px !important
}

.tippy-box[data-theme~=overlayTheme][data-placement^=bottom-end] .tippy-arrow {
    left: -8px !important
}

.tippy-box[data-theme~=overlayTheme][data-placement^=left-start] .tippy-arrow,
.tippy-box[data-theme~=overlayTheme][data-placement^=right-start] .tippy-arrow {
    top: 8px !important
}

.tippy-box[data-theme~=overlayTheme][data-placement^=left-end] .tippy-arrow,
.tippy-box[data-theme~=overlayTheme][data-placement^=right-end] .tippy-arrow {
    top: -8px !important
}

.tippy-box {
    background-color: var(--color-white);
    border: 1px solid var(--color-blue-100);
    border-radius: var(--border-radius-standard);
    color: var(--color-gray-600)
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: var(--color-white)
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: var(--color-white)
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: var(--color-white)
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: var(--color-white)
}

.tippy-box .tippy-content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 15px
}

.tippy-box .tippy-content .hoverContent_item {
    display: inline;
    float: left;
    margin: 10px
}

.tippy-box .tippy-content .hoverContent_item a,
.tippy-box .tippy-content .hoverContent_item img {
    display: block
}

.tippy-box .tippy-content .hoverContent_item img {
    max-height: 150px;
    max-width: 200px
}

.tippy-box .tippy-content .hoverContent_text {
    text-align: justify
}

.tippy-box[data-theme~=overlayTheme],
.tippy-box[data-theme~=tuevSeal] {
    background-color: var(--color-white);
    color: var(--color-gray-600);
    font-size: 11px;
    line-height: 16px
}

.tippy-box[data-theme~=overlayTheme] .hoverTitle,
.tippy-box[data-theme~=overlayTheme] .hoverTitle h2,
.tippy-box[data-theme~=overlayTheme] .hoverTitle h3,
.tippy-box[data-theme~=overlayTheme] .hoverTitle h4,
.tippy-box[data-theme~=overlayTheme] .hoverTitle h5,
.tippy-box[data-theme~=overlayTheme] .hoverTitle h6,
.tippy-box[data-theme~=tuevSeal] .hoverTitle,
.tippy-box[data-theme~=tuevSeal] .hoverTitle h2,
.tippy-box[data-theme~=tuevSeal] .hoverTitle h3,
.tippy-box[data-theme~=tuevSeal] .hoverTitle h4,
.tippy-box[data-theme~=tuevSeal] .hoverTitle h5,
.tippy-box[data-theme~=tuevSeal] .hoverTitle h6 {
    color: var(--color-gray-600);
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 6px
}

.tippy-box[data-theme~=overlayTheme] .offerCTA,
.tippy-box[data-theme~=tuevSeal] .offerCTA {
    float: right;
    margin-top: 10px;
    min-width: 244px;
    padding: 11px 0
}

.tippy-box[data-theme~=tuevSeal] {
    min-height: 200px
}

.tippy-box[data-theme~=tuevSeal] .sealContainer {
    float: left;
    margin-right: 10px;
    text-align: center
}

.tippy-box[data-theme~=tuevSeal] .sealContainer .seal,
.tippy-box[data-theme~=tuevSeal] .sealContainer img {
    height: max-content;
    max-height: max-content;
    width: 120px
}

:root {
    --color-white: #fff;
    --color-gray-100: #fafafa;
    --color-gray-150: #fdfdfd;
    --color-gray-200: #f4f4f4;
    --color-gray-250: #efeff4;
    --color-gray-300: #dcdcdc;
    --color-gray-400: #949494;
    --color-gray-500: #666;
    --color-gray-550: #333;
    --color-gray-600: #181818;
    --color-black: #000;
    --color-blue-100: #0563c1;
    --color-blue-200: #064e9c;
    --color-blue-300: #022d94;
    --color-blue-300-a-26: #022d9426;
    --color-green: #008300;
    --color-orange: #e47600;
    --color-red-100: #e30613;
    --color-red-200: #c82d2d;
    --color-gold: #ffbb1c;
    --box-shadow-standard: 0 0 8px 0 rgba(0, 0, 0, .16);
    --border-radius-standard: 10px;
    --border-radius-large: 16px;
    --border-radius-max: 999px
}

.c24-header-icon-label {
    font-size: 12px
}

#c24-breadcrumb {
    position: absolute;
    z-index: 6
}

#c24-breadcrumb ul {
    margin-left: 5px
}

.c24-nav-ele-title:before {
    z-index: auto
}

@media (max-width:1300px) {
    .c24-nav {
        overflow-y: scroll
    }
}

#c24-page-content * {
    box-sizing: border-box
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.c24-meinkonto-login-link {
    font-size: 12px
}

body {
    font-size: 16px
}

.pg-row {
    background: var(--color-white);
    margin: 0 auto;
    position: relative
}

@media (max-width:1300px) {
    .pg-row.separateCells {
        display: flex;
        flex-flow: row wrap
    }

    .pg-row.separateCells .pg-column-25 {
        display: flex;
        flex-flow: row wrap;
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

.pg-row .pg-column:not(.pg-column-100) {
    float: left;
    min-height: 1px
}

.pg-row.page-fullwidth-row {
    width: 100%
}

.pg-row.page-variable-row {
    display: flex;
    flex-direction: row;
    width: 100%
}

.pg-row.center-vertically {
    align-items: center;
    display: flex
}

.pg-row.center-vertically:has(#kreditkarte-arten) {
    flex-flow: column
}

.pg-row:first-child {
    margin-top: 46px
}

.pg-row:first-child .typeTeaser {
    margin-top: -46px
}

.pg-row h1 {
    color: var(--color-gray-600);
    font-size: 32px;
    line-height: 1.6em;
    margin: 10px 0 15px;
    padding-top: 5px;
    text-align: center
}

.pg-row h2 {
    font-size: 25px
}

.pg-row h2,
.pg-row h3 {
    color: var(--color-gray-600);
    line-height: 1.6em;
    margin: 15px 0
}

.pg-row h3 {
    font-size: 20px
}

.pg-row h4 {
    font-size: 18px
}

.pg-row h4,
.pg-row h5 {
    color: var(--color-gray-600);
    line-height: 1.6em;
    margin: 15px 0
}

.pg-row h5 {
    font-size: 16px
}

.pg-row h6 {
    color: var(--color-gray-600);
    font-size: 14px
}

.pg-row h6,
.pg-row p {
    line-height: 1.6em;
    margin: 15px 0
}

.pg-row ul {
    display: block;
    list-style: disc;
    margin: 15px 0;
    padding: 0 10px 0 20px
}

.pg-row ul li {
    line-height: 1.6em;
    margin: 5px 0
}

.pg-row.tableRow {
    display: table
}

.pg-row.tableRow .pg-column {
    display: table-cell;
    float: none;
    vertical-align: middle
}

@media (max-width:1300px) {
    .pg-row {
        max-width: 100vw;
        min-width: auto;
        width: 100vw
    }

    .pg-row.page-fullwidth-row {
        padding: 0 !important
    }

    .pg-row.page-variable-row {
        flex-flow: row wrap
    }

    .pg-row:has(.starRatingExtended) {
        display: flex;
        flex-flow: row wrap
    }

    .pg-row:has(.starRatingExtended) .pg-column-50 {
        width: 100%
    }
}

@media (max-width:1300px) {

    #c24-page-and-ads,
    body {
        max-width: 100vw;
        min-width: auto
    }

    #c24-page-and-ads {
        width: 100vw
    }
}

.pg-row-narrow {
    max-width: 1092px
}

.page-grid-row-2-1 {
    column-gap: 25px;
    display: grid
}

.page-grid-row-2-1 .pg-column {
    width: 100%
}

.page-grid-row-2-1 .pg-column:first-child {
    grid-column: 1;
    grid-row: 1
}

.page-grid-row-2-1 .pg-column:nth-child(2) {
    grid-column: 1;
    grid-row: 2
}

.page-grid-row-2-1 .pg-column:nth-child(3) {
    grid-column: 2;
    grid-row: 1/span 2
}

.page-grid-row-3-2 {
    column-gap: 25px;
    display: grid
}

.page-grid-row-3-2 .pg-column {
    width: 100%
}

.page-grid-row-3-2 .pg-column:first-child {
    grid-column: 1;
    grid-row: 1
}

.page-grid-row-3-2 .pg-column:nth-child(2) {
    grid-column: 1;
    grid-row: 2
}

.page-grid-row-3-2 .pg-column:nth-child(3) {
    grid-column: 1;
    grid-row: 3
}

.page-grid-row-3-2 .pg-column:nth-child(4) {
    grid-column: 2;
    grid-row: 1/span 2
}

.page-grid-row-3-2 .pg-column:nth-child(5) {
    grid-column: 2;
    grid-row: 3
}

.pg-column-100 {
    width: 100%
}

.pg-column-50 {
    width: 50%
}

.pg-column-33 {
    width: 33.3333333333%
}

.pg-column-25 {
    width: 25%
}

.pg-column-20 {
    width: 20%
}

.pg-column-16 {
    width: 16.6666666667%
}

.pg-column-flex {
    display: flex;
    flex: 1 1 auto
}

.pg-column-75 {
    width: 75%
}

.text-align-center {
    text-align: center
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.scrollToTopBtn {
    background-color: var(--color-blue-100);
    border-radius: 50%;
    bottom: 20px;
    color: var(--color-white);
    cursor: pointer;
    display: block;
    font-size: 24px;
    height: 48px;
    line-height: 16px;
    opacity: 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: 48px;
    z-index: 999
}

.scrollToTopBtn:before {
    border-right: 5px solid var(--color-white);
    border-top: 5px solid var(--color-white);
    content: "";
    display: block;
    height: 11px;
    left: 16px;
    position: absolute;
    top: 19px;
    transform: rotate(-45deg);
    width: 11px
}

.scrollToTopBtn.show {
    display: block;
    opacity: 1;
    transition: opacity 1s ease-in-out
}

.linkButton {
    display: block
}

.linkButton.left {
    text-align: left
}

.linkButton.right {
    text-align: right
}

.linkButton a,
.linkButton.center {
    text-align: center
}

.linkButton a {
    background: var(--color-blue-100);
    border-radius: 50px;
    box-sizing: border-box;
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 30px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap
}

.linkButton a:hover {
    background: var(--color-blue-200)
}

@media (min-width:700px) and (max-width:993px) {
    .pg-row {
        box-sizing: border-box;
        padding: 0 10px
    }

    .page-fullwidth-row {
        margin-left: 0;
        margin-right: 0;
        width: 994px
    }
}

@media (min-width:995px) and (max-width:1300px) {
    .pg-row {
        max-width: 1300px;
        min-width: 994px
    }

    .pg-row-narrow {
        max-width: 1092px;
        padding: 0 12px
    }
}

@media (min-width:1300px) {
    .pg-row {
        max-width: 1300px
    }

    .pg-row.page-fullwidth-row {
        max-width: 100%
    }

    .pg-row-narrow {
        max-width: 1092px
    }
}

.boxArrowLeft,
.boxArrowRight {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -20px;
    height: 0;
    position: absolute;
    top: 60px;
    transform: rotate(90deg);
    width: 0
}

.boxArrowLeft:before,
.boxArrowRight:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.boxArrowTop:before {
    border-color: transparent transparent var(--color-white);
    border-style: solid;
    border-width: 0 9px 9px;
    content: "";
    position: absolute;
    z-index: 50
}

.boxArrowTop:after {
    border-color: transparent transparent var(--color-blue-100);
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    position: absolute;
    z-index: 20
}

.boxArrowRight {
    border-bottom: 10px solid var(--color-blue-100);
    right: -15px
}

.boxArrowRight:before {
    border-bottom: 9px solid var(--color-white);
    right: -9px;
    top: 1px
}

.boxArrowLeft {
    border-top: 10px solid var(--color-blue-100);
    left: -15px
}

.boxArrowLeft:before {
    border-top: 9px solid var(--color-white);
    left: -9px;
    top: -10px
}

.boxArrowTop:before {
    left: 11px;
    top: -9px
}

.boxArrowTop:after {
    left: 10px;
    top: -10px
}

.boxArrowBottom {
    bottom: 0;
    position: absolute
}

.boxArrowBottom:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid var(--color-white);
    content: "";
    left: 1px;
    position: absolute;
    z-index: 50
}

.boxArrowBottom:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--color-blue-100);
    content: "";
    position: absolute;
    z-index: 20
}

.teaserSubline {
    color: var(--color-gray-400);
    font-size: 18px;
    line-height: 24px;
    text-align: left
}

.sublineInfoTip {
    color: var(--color-gray-400);
    display: inline-block;
    position: relative
}

.sublineInfoTip.cpIconInfoOutline {
    font-size: 16px
}

.sublineInfoTip .infoTipHoverWrapper {
    background-color: var(--color-white);
    border: 1px solid var(--color-blue-100);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .45);
    color: var(--color-gray-400);
    display: none;
    font-size: 11px;
    left: 26px;
    padding: 15px 12px;
    position: absolute;
    text-align: left;
    top: -75px;
    width: 505px;
    z-index: 9999
}

.sublineInfoTip .infoTipHoverWrapper .infoTipHoverContent strong:first-child {
    color: var(--color-gray-600)
}

.sublineInfoTip .infoTipHoverWrapper .boxArrowLeft {
    top: 80px
}

@media (min-width:700px) and (max-width:1310px) {
    .sublineInfoTip .infoTipHoverWrapper {
        width: 460px
    }
}

.sublineInfoTip .boxArrowTop {
    left: 50%;
    position: absolute;
    top: 0
}

.sublineInfoTip:hover .infoTipHoverWrapper,
.sublineInfoTip:hover .infoTipHoverWrapper:hover {
    display: inline-block
}

.ballonFinance,
.krediteTeaser {
    height: 330px;
    position: relative;
    text-align: left;
    width: 100%
}

.smallTeaser.ballonFinance,
.smallTeaser.ballonFinance .contentContainer,
.smallTeaser.krediteTeaser,
.smallTeaser.krediteTeaser .contentContainer {
    height: 125px
}

.smallTeaser.ballonFinance .hideSmallTeaser,
.smallTeaser.krediteTeaser .hideSmallTeaser {
    display: none;
    visibility: hidden
}

.smallTeaser.ballonFinance .mobileWrapper,
.smallTeaser.krediteTeaser .mobileWrapper {
    min-height: auto
}

.smallTeaser.ballonFinance .sealContainer,
.smallTeaser.krediteTeaser .sealContainer {
    display: flex;
    justify-content: flex-end
}

.smallTeaser.ballonFinance .sealContainer .seal .boxArrowLeft,
.smallTeaser.krediteTeaser .sealContainer .seal .boxArrowLeft {
    bottom: auto;
    left: auto;
    right: -15px;
    top: 24px;
    transform: rotate(270deg)
}

.smallTeaser.ballonFinance .sealContainer .seal.ngg .cpTuevOverlay,
.smallTeaser.krediteTeaser .sealContainer .seal.ngg .cpTuevOverlay {
    bottom: auto;
    left: auto;
    right: 70px;
    top: 0
}

.smallTeaser.ballonFinance .sealContainer .seal.tuev .cpTuevOverlay,
.smallTeaser.krediteTeaser .sealContainer .seal.tuev .cpTuevOverlay {
    bottom: auto;
    left: auto;
    right: 80px;
    top: 0
}

.ballonFinance .contentContainer,
.krediteTeaser .contentContainer {
    height: 330px;
    left: 50%;
    max-width: 1280px;
    padding: 52px 12px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: 5
}

@media (max-width:600px) {
.selectDropdown .dropdownItems {

    overflow: scroll !important;  
    height: 250px;
}
}
@media (max-width:1300px) {

    .ballonFinance .contentContainer .page-fullwidth-row,
    .krediteTeaser .contentContainer .page-fullwidth-row {
        padding: 0 12px
    }
}

.ballonFinance .offerCTA,
.krediteTeaser .offerCTA {
    float: right;
    margin-top: 10px;
    min-width: 244px;
    padding: 11px 0
}

.ballonFinance .teaserHeadline,
.krediteTeaser .teaserHeadline {
    color: var(--color-gray-600);
    max-width: 100%;
    padding: 0;
    position: relative;
    top: 53px
}

.ballonFinance .teaserHeadline .headline-h3-equal,
.ballonFinance .teaserHeadline h2,
.ballonFinance .teaserHeadline h3,
.ballonFinance .teaserHeadline h4,
.ballonFinance .teaserHeadline h5,
.ballonFinance .teaserHeadline h6,
.krediteTeaser .teaserHeadline .headline-h3-equal,
.krediteTeaser .teaserHeadline h2,
.krediteTeaser .teaserHeadline h3,
.krediteTeaser .teaserHeadline h4,
.krediteTeaser .teaserHeadline h5,
.krediteTeaser .teaserHeadline h6 {
    color: var(--color-gray-600);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0
}

.ballonFinance .transparentBlock,
.krediteTeaser .transparentBlock {
    background: transparent;
    height: 25px;
    left: 0;
    position: absolute;
    top: -25px;
    width: 100%
}

.ballonFinance .teaserImage,
.krediteTeaser .teaserImage {
    display: block;
    height: 300px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 0
}

.ballonFinance .teaserImage.clearfix:after,
.ballonFinance .teaserImage.clearfix:before,
.krediteTeaser .teaserImage.clearfix:after,
.krediteTeaser .teaserImage.clearfix:before {
    clear: both;
    content: "";
    display: block
}

.ballonFinance .teaserImageContainer,
.krediteTeaser .teaserImageContainer {
    left: -440px;
    margin: 0 50%;
    position: absolute;
    width: 900px
}

.ballonFinance .stoererCage,
.krediteTeaser .stoererCage {
    height: 0;
    left: -440px;
    margin: 0 50%;
    position: absolute;
    top: -7px;
    width: 900px
}

.ballonFinance .stoererCage .teaserStoerer,
.krediteTeaser .stoererCage .teaserStoerer {
    align-items: center;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNjAiIGhlaWdodD0iMTYwIj48cGF0aCBmaWxsPSIjZTMwNjEzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Mi44MDMgNDkuOTgzYzI1LjMyMy0yMC43MTkgODcuMjIxLTMyLjE3NSA5Ni4xNDcgOC4zMDIgNC4wOTUgMTguNTcxIDUuMzIzIDQ2LjIxOS0xMi41NjQgNTkuNjM2LTIxLjk4NiAxNi40OTItNzMuNTY5IDEzLjQ4NS05My44MzUtMy42MzYtMjEuMzQ3LTE4LjAzMy0xOC43MTMtNDAuNjAzIDEwLjI1Mi02NC4zMDIiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat 50%;
    box-sizing: border-box;
    color: var(--color-white);
    display: flex;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 400;
    height: 160px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 160px;
    z-index: 10;
    -webkit-font-smoothing: antialiased
}

.ballonFinance .stoererCage .teaserStoerer span strong,
.krediteTeaser .stoererCage .teaserStoerer span strong {
    font-size: 26px
}

.ballonFinance .stoererCage .teaserStoerer.appCashBack span,
.krediteTeaser .stoererCage .teaserStoerer.appCashBack span {
    margin-top: 10px
}

.ballonFinance .stoererCage .teaserStoerer.appCashBack .first-line,
.krediteTeaser .stoererCage .teaserStoerer.appCashBack .first-line {
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    margin-top: 0
}

.ballonFinance .stoererCage .teaserStoerer.appCashBack .second-line,
.krediteTeaser .stoererCage .teaserStoerer.appCashBack .second-line {
    display: inline-block;
    font-size: 16px;
    margin: 0 7px 0 0
}

.ballonFinance .stoererCage .teaserStoerer.appCashBack .iIcon,
.krediteTeaser .stoererCage .teaserStoerer.appCashBack .iIcon {
    font-size: 14px;
    left: 44%;
    top: 85px
}

.ballonFinance .sealContainer,
.krediteTeaser .sealContainer {
    bottom: 10px;
    position: absolute
}

.ballonFinance .sealContainer.iconsTopRight,
.krediteTeaser .sealContainer.iconsTopRight {
    right: 10px
}

.ballonFinance .sealContainer .seal,
.krediteTeaser .sealContainer .seal {
    display: inline-block;
    height: 60px;
    margin: 0 5px;
    position: relative;
    width: auto
}

.ballonFinance .sealContainer .seal:first-child,
.krediteTeaser .sealContainer .seal:first-child {
    margin-left: 0
}

.ballonFinance .sealContainer .seal.tuev .cpTuevOverlay,
.krediteTeaser .sealContainer .seal.tuev .cpTuevOverlay {
    bottom: calc(100% - 64px)
}

.ballonFinance .sealContainer .seal.tuev .boxArrowLeft,
.krediteTeaser .sealContainer .seal.tuev .boxArrowLeft {
    bottom: 29px
}

.ballonFinance .sealContainer .seal.tuev img,
.krediteTeaser .sealContainer .seal.tuev img {
    height: 60px
}

.ballonFinance .sealContainer .seal.ngg .cpTuevOverlay,
.krediteTeaser .sealContainer .seal.ngg .cpTuevOverlay {
    bottom: calc(100% - 80px);
    width: 715px
}

.ballonFinance .sealContainer .seal.ngg .boxArrowLeft,
.krediteTeaser .sealContainer .seal.ngg .boxArrowLeft {
    bottom: 45px
}

.ballonFinance .sealContainer .seal.ngg img,
.krediteTeaser .sealContainer .seal.ngg img {
    height: 60px
}

.ballonFinance .sealContainer .seal.schufa .cpTuevOverlay,
.krediteTeaser .sealContainer .seal.schufa .cpTuevOverlay {
    bottom: calc(100% - 80px);
    width: 715px
}

.ballonFinance .sealContainer .seal.schufa .boxArrowLeft,
.krediteTeaser .sealContainer .seal.schufa .boxArrowLeft {
    bottom: 45px
}

.ballonFinance .sealContainer .seal.schufa img,
.krediteTeaser .sealContainer .seal.schufa img {
    height: 60px
}

.ballonFinance .sealContainer .seal.bild .cpTuevOverlay,
.krediteTeaser .sealContainer .seal.bild .cpTuevOverlay {
    bottom: calc(100% - 80px);
    width: 715px
}

.ballonFinance .sealContainer .seal.bild .boxArrowLeft,
.krediteTeaser .sealContainer .seal.bild .boxArrowLeft {
    bottom: 45px
}

.ballonFinance .sealContainer .seal.bild img,
.krediteTeaser .sealContainer .seal.bild img {
    height: 60px
}

.ballonFinance .sealContainer .seal .cpTuevOverlay,
.krediteTeaser .sealContainer .seal .cpTuevOverlay {
    background-color: var(--color-white);
    border: 1px solid var(--color-blue-100);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .45);
    color: var(--color-gray-500);
    display: none;
    font-size: 11px;
    height: auto;
    left: calc(100% + 5px);
    padding: 15px;
    position: absolute;
    width: 540px;
    z-index: 9999
}

.ballonFinance .sealContainer .seal .boxArrowLeft,
.krediteTeaser .sealContainer .seal .boxArrowLeft {
    bottom: calc(50% - 5px);
    top: auto
}

.ballonFinance .sealContainer .seal:hover .cpTuevOverlay,
.krediteTeaser .sealContainer .seal:hover .cpTuevOverlay {
    display: block
}

.ballonFinance .sealContainer .seal .tooltipSealContainer,
.krediteTeaser .sealContainer .seal .tooltipSealContainer {
    float: left;
    margin-right: 10px;
    text-align: center
}

.ballonFinance .sealContainer .seal .tooltipSealContainer .tooltipSeal,
.krediteTeaser .sealContainer .seal .tooltipSealContainer .tooltipSeal {
    height: 136px;
    margin: 2px 0 5px;
    width: 120px
}

.ballonFinance .sealContainer .seal .tooltipSealContainer .tooltipSeal img,
.krediteTeaser .sealContainer .seal .tooltipSealContainer .tooltipSeal img {
    height: auto;
    width: 100%
}

.ballonFinance .sealContainer .seal .tuvHeading h2,
.ballonFinance .sealContainer .seal .tuvHeading h3,
.ballonFinance .sealContainer .seal .tuvHeading h4,
.ballonFinance .sealContainer .seal .tuvHeading h5,
.ballonFinance .sealContainer .seal .tuvHeading h6,
.krediteTeaser .sealContainer .seal .tuvHeading h2,
.krediteTeaser .sealContainer .seal .tuvHeading h3,
.krediteTeaser .sealContainer .seal .tuvHeading h4,
.krediteTeaser .sealContainer .seal .tuvHeading h5,
.krediteTeaser .sealContainer .seal .tuvHeading h6 {
    color: var(--color-gray-600);
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 6px
}

.ballonFinance .teaserImageBox,
.krediteTeaser .teaserImageBox {
    bottom: 10px;
    height: 225px;
    left: 48%;
    position: absolute;
    width: 460px
}

.ballonFinance .teaserImageBox:hover .cpTeaserOverlay,
.krediteTeaser .teaserImageBox:hover .cpTeaserOverlay {
    display: block
}

.ballonFinance .teaserImageBox .imgClickArea,
.krediteTeaser .teaserImageBox .imgClickArea {
    height: 100%;
    position: absolute;
    width: 100%
}

.ballonFinance .cpTeaserOverlay,
.krediteTeaser .cpTeaserOverlay {
    background-color: var(--color-white);
    border: 1px solid var(--color-blue-100);
    bottom: -18px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .45);
    color: var(--color-gray-500);
    cursor: default;
    display: none;
    font-size: 11px;
    height: auto;
    padding: 15px;
    position: absolute;
    right: 100%;
    width: 455px;
    z-index: 9999
}

.ballonFinance .cpTeaserOverlay .imgHoverTextWrapper,
.krediteTeaser .cpTeaserOverlay .imgHoverTextWrapper {
    width: 425px
}

.ballonFinance .cpTeaserOverlay .boxArrowRight,
.krediteTeaser .cpTeaserOverlay .boxArrowRight {
    top: calc(50% + 10px)
}

.ballonFinance .cpTeaserOverlay ul,
.krediteTeaser .cpTeaserOverlay ul {
    margin: 0
}

.ballonFinance .cpTeaserOverlay ul+.c24-button,
.krediteTeaser .cpTeaserOverlay ul+.c24-button {
    bottom: 13px;
    position: absolute;
    right: 13px
}

.ballonFinance .cpTeaserOverlay.big-content,
.krediteTeaser .cpTeaserOverlay.big-content {
    bottom: -140px;
    right: 102%;
    width: 545px
}

.ballonFinance .cpTeaserOverlay.big-content .imgHoverTextWrapper,
.krediteTeaser .cpTeaserOverlay.big-content .imgHoverTextWrapper {
    width: 515px
}

.ballonFinance .cpTeaserOverlay.big-content .boxArrowRight,
.krediteTeaser .cpTeaserOverlay.big-content .boxArrowRight {
    top: calc(50% - 12px)
}

.ballonFinance .sublineContainer,
.krediteTeaser .sublineContainer {
    margin-top: 15px;
    max-width: 52%
}

.ballonFinance .sublineContainer .teaserSubline,
.krediteTeaser .sublineContainer .teaserSubline {
    white-space: nowrap;
    z-index: 1
}

.ballonFinance .sublineContainer .teaserSubline span,
.krediteTeaser .sublineContainer .teaserSubline span {
    white-space: normal
}

.ballonFinance .sublineContainer.bulletPoints,
.krediteTeaser .sublineContainer.bulletPoints {
    max-width: 54%
}

.ballonFinance .sublineContainer.bulletPoints .subTitle,
.krediteTeaser .sublineContainer.bulletPoints .subTitle {
    font-size: 16px;
    margin-bottom: 6px;
    padding-left: 25px;
    position: relative
}

.ballonFinance .sublineContainer.bulletPoints .subTitle:first-child,
.krediteTeaser .sublineContainer.bulletPoints .subTitle:first-child {
    cursor: pointer
}

.ballonFinance .sublineContainer.bulletPoints .subTitle .cpTeaserOverlay,
.krediteTeaser .sublineContainer.bulletPoints .subTitle .cpTeaserOverlay {
    cursor: default;
    display: none;
    left: 0;
    padding: 10px;
    top: 30px;
    width: 632px
}

.ballonFinance .sublineContainer.bulletPoints .subTitle .targetOverlap,
.krediteTeaser .sublineContainer.bulletPoints .subTitle .targetOverlap {
    background: transparent;
    height: 15px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 100%
}

.ballonFinance .sublineContainer.bulletPoints .subTitle:hover,
.krediteTeaser .sublineContainer.bulletPoints .subTitle:hover {
    cursor: default
}

.ballonFinance .sublineContainer.bulletPoints .subTitle:hover .cpTeaserOverlay,
.krediteTeaser .sublineContainer.bulletPoints .subTitle:hover .cpTeaserOverlay {
    display: none
}

.ballonFinance .sublineContainer.bulletPoints .subTitle .imgHoverTextWrapper,
.krediteTeaser .sublineContainer.bulletPoints .subTitle .imgHoverTextWrapper {
    line-height: 14px;
    width: 100%
}

.ballonFinance .sublineContainer.bulletPoints .subTitle .boxArrowTop:before,
.krediteTeaser .sublineContainer.bulletPoints .subTitle .boxArrowTop:before {
    left: 15px
}

.ballonFinance .sublineContainer.bulletPoints .subTitle .boxArrowTop:after,
.krediteTeaser .sublineContainer.bulletPoints .subTitle .boxArrowTop:after {
    left: 14px
}

.ballonFinance .hoverTitle,
.krediteTeaser .hoverTitle {
    color: var(--color-gray-600);
    font-weight: 700;
    margin-bottom: 6px
}

.ballonFinance p,
.krediteTeaser p {
    font-size: 11px;
    line-height: 16px;
    margin: 0
}

@media (max-width:700px) {

    .ballonFinance p,
    .krediteTeaser p {
        font-size: 14px;
        line-height: 16px
    }
}

.ballonFinance ul,
.krediteTeaser ul {
    list-style: disc
}

.ballonFinance ul li,
.krediteTeaser ul li {
    font-size: 11px;
    margin: 0
}

.ballonFinance ul li:empty,
.krediteTeaser ul li:empty {
    display: none
}

.ballonFinance .iIcon,
.krediteTeaser .iIcon {
    font-size: 14px;
    left: 103px;
    position: absolute;
    top: 78px
}

.ballonFinance.isLandingPageButNotFirstChild {
    margin-top: -46px
}

@media (max-width:700px) {

    .ballonFinance,
    .krediteTeaser {
        height: auto;
        min-height: 83px;
        padding: 10px 0 0 10px;
        width: auto
    }

    .ballonFinance .teaserHeadline,
    .krediteTeaser .teaserHeadline {
        align-items: center;
        color: var(--color-blue-100);
        display: flex;
        font-size: 20px;
        justify-content: space-between;
        left: 0;
        line-height: 24px;
        margin: 0;
        max-width: 100%;
        padding: 0;
        top: 0;
        width: 100%
    }

    .ballonFinance .teaserHeadline.hasZoomedImage,
    .krediteTeaser .teaserHeadline.hasZoomedImage {
        z-index: 101
    }

    .ballonFinance .teaserHeadline p,
    .krediteTeaser .teaserHeadline p {
        color: var(--color-gray-600);
        flex: 1;
        font-size: 24px;
        font-weight: 400;
        line-height: 1.2;
        margin: 0 0 10px;
        padding-right: 10px;
        text-overflow: ellipsis
    }

    .ballonFinance .teaserHeadline p:empty,
    .krediteTeaser .teaserHeadline p:empty {
        display: none
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile,
    .krediteTeaser .teaserHeadline .teaserStoererMobile {
        align-items: center;
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNjAiIGhlaWdodD0iMTYwIj48cGF0aCBmaWxsPSIjZTMwNjEzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Mi44MDMgNDkuOTgzYzI1LjMyMy0yMC43MTkgODcuMjIxLTMyLjE3NSA5Ni4xNDcgOC4zMDIgNC4wOTUgMTguNTcxIDUuMzIzIDQ2LjIxOS0xMi41NjQgNTkuNjM2LTIxLjk4NiAxNi40OTItNzMuNTY5IDEzLjQ4NS05My44MzUtMy42MzYtMjEuMzQ3LTE4LjAzMy0xOC43MTMtNDAuNjAzIDEwLjI1Mi02NC4zMDIiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat -18px -19px;
        background-size: 120%;
        box-sizing: border-box;
        color: var(--color-white);
        display: flex;
        display: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 19px;
        font-weight: 400;
        height: 115px;
        justify-content: center;
        line-height: 25px;
        padding-bottom: 10px;
        position: absolute;
        right: 0;
        text-align: center;
        text-decoration: none;
        top: 0;
        width: 138px;
        z-index: 10;
        -webkit-font-smoothing: antialiased
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile .stoererText,
    .krediteTeaser .teaserHeadline .teaserStoererMobile .stoererText {
        font-size: 13px;
        letter-spacing: .5px;
        line-height: 16px;
        text-align: center;
        white-space: nowrap
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack {
        display: block;
        height: 130px;
        width: 130px
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .stoererText,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .stoererText {
        display: block;
        margin-top: 25px
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .first-line,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .first-line {
        display: block;
        font-size: 24px;
        font-weight: 700;
        line-height: 35px;
        margin-top: 0
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .second-line,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .second-line {
        display: block;
        font-size: 15px;
        margin-right: 8px;
        margin-top: 0
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .iIcon,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .iIcon {
        font-size: 14px;
        left: 44%;
        top: 77px
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer {
        display: inline-flex;
        font-size: 12px
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer:before,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer:before {
        font-size: 15px;
        top: -1.5px
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popup,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popup {
        display: none
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popup.show,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popup.show {
        background-color: rgba(0, 0, 0, .6);
        display: block;
        inset: 0;
        position: fixed;
        z-index: 9999
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose {
        display: none;
        left: 50%;
        max-width: 400px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 93%;
        z-index: 9999
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .close,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .close {
        height: 30px;
        position: relative;
        text-align: end
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .close .cpIconDeleteMobile:before,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .close .cpIconDeleteMobile:before {
        color: var(--color-white);
        font-size: 20px;
        line-height: 20px
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent {
        background-color: var(--color-white);
        border: .0625rem solid var(--color-gray-400);
        border-radius: var(--border-radius-standard);
        box-shadow: .125rem .125em rgba(0, 0, 0, .1);
        color: var(--color-gray-600);
        display: block;
        font-size: 16px;
        line-height: 20px;
        max-height: calc(75vh - 60px);
        overflow-y: scroll;
        padding: 15px;
        position: relative;
        text-align: left;
        top: 0;
        user-select: none;
        white-space: normal;
        width: auto;
        -webkit-touch-callout: none
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverTitle,
    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverTitle>p,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverTitle,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverTitle>p {
        color: var(--color-gray-600) !important;
        font-weight: 700;
        margin-bottom: 15px
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverText,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverText {
        font-size: 14px
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverText p,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverText p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .ballonFinance .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverText a,
    .krediteTeaser .teaserHeadline .teaserStoererMobile.appCashBack .popupContainer .popupWithClose .popupContent .hoverText a {
        color: var(--color-blue-100);
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        text-decoration: none
    }

    .smallTeaser.ballonFinance,
    .smallTeaser.krediteTeaser {
        height: auto;
        min-height: 0
    }

    .smallTeaser.ballonFinance .teaserHeadline .teaserStoererMobile,
    .smallTeaser.krediteTeaser .teaserHeadline .teaserStoererMobile {
        display: flex
    }

    .ballonFinance .c24List,
    .krediteTeaser .c24List {
        margin: 0;
        padding: 0
    }

    .ballonFinance .c24List li,
    .krediteTeaser .c24List li {
        align-items: center;
        display: flex;
        font-size: 18px;
        gap: 5px;
        line-height: 18px;
        list-style: none;
        margin: 10px 0 0;
        position: relative
    }

    .ballonFinance .c24List li:before,
    .krediteTeaser .c24List li:before {
        color: var(--color-blue-300);
        font-size: 13px;
        margin-right: 5px
    }

    .ballonFinance .mobileLogo,
    .krediteTeaser .mobileLogo {
        bottom: 13px;
        height: 54px;
        position: absolute;
        right: 10px;
        width: 54px
    }

    .ballonFinance .mobileLogo.tuevLogoImg,
    .krediteTeaser .mobileLogo.tuevLogoImg {
        background: url(images/tuev.svg) no-repeat;
        background-size: contain
    }

    .ballonFinance .mobileLogo.tuevLogoImg+ul,
    .krediteTeaser .mobileLogo.tuevLogoImg+ul {
        width: calc(100% - 50px)
    }

    .ballonFinance .mobileLogo.nggTuvLogoImg,
    .krediteTeaser .mobileLogo.nggTuvLogoImg {
        background: url(images/nggTuvMobileLogo.png) no-repeat;
        background-size: contain;
        width: 128px
    }

    .ballonFinance .mobileLogo.nggTuvLogoImg+ul,
    .krediteTeaser .mobileLogo.nggTuvLogoImg+ul {
        width: calc(100% - 128px)
    }

    .ballonFinance .legalLine,
    .krediteTeaser .legalLine {
        background-color: var(--color-white);
        border-top: 1px solid var(--color-gray-300);
        color: var(--color-gray-500);
        display: block;
        font-size: 10px;
        line-height: 11px;
        margin: 0 0 -10px -10px;
        padding: 10px 15px
    }

    .ballonFinance .mobileWrapper,
    .krediteTeaser .mobileWrapper {
        min-height: 120px;
        position: relative
    }

    .ballonFinance .mobileWrapper .mobileTeaser,
    .krediteTeaser .mobileWrapper .mobileTeaser {
        bottom: 10px;
        height: 72px;
        position: absolute;
        right: 10px;
        width: 150px
    }

    .ballonFinance .mobileWrapper .mobileTeaser .teaserLink,
    .ballonFinance .mobileWrapper .mobileTeaser img,
    .krediteTeaser .mobileWrapper .mobileTeaser .teaserLink,
    .krediteTeaser .mobileWrapper .mobileTeaser img {
        bottom: 0;
        height: inherit;
        position: absolute;
        right: 0;
        width: inherit;
        z-index: 100
    }

    .ballonFinance .mobileWrapper .mobileTeaser .teaserLink,
    .krediteTeaser .mobileWrapper .mobileTeaser .teaserLink {
        z-index: 105
    }

    .ballonFinance .mobileWrapper .mobileTeaser .logo,
    .krediteTeaser .mobileWrapper .mobileTeaser .logo {
        height: 50px;
        position: absolute;
        right: 0;
        width: 50px;
        z-index: 150
    }

    .ballonFinance .mobileWrapper .mobileTeaser .ngg,
    .krediteTeaser .mobileWrapper .mobileTeaser .ngg {
        top: 5px
    }

    .ballonFinance .mobileWrapper .mobileTeaser .tuev,
    .krediteTeaser .mobileWrapper .mobileTeaser .tuev {
        bottom: 0
    }

    .ballonFinance .mobileWrapper .mobileTeaser.zoomTeaserImage img,
    .krediteTeaser .mobileWrapper .mobileTeaser.zoomTeaserImage img {
        bottom: -15px;
        height: auto;
        width: 190px
    }

    .ballonFinance .mobileWrapper .mobileTeaser.zoomTeaserImage .teaserLink,
    .krediteTeaser .mobileWrapper .mobileTeaser.zoomTeaserImage .teaserLink {
        bottom: -15px;
        height: 95px;
        width: inherit
    }

    .ballonFinance .mobileWrapper .c24List,
    .krediteTeaser .mobileWrapper .c24List {
        float: left;
        padding-bottom: 10px;
        width: calc(100% - 175px)
    }

    .ballonFinance .mobileWrapper .c24List .sublineInfoTip,
    .krediteTeaser .mobileWrapper .c24List .sublineInfoTip {
        font-size: 15px
    }

    .ballonFinance .mobileWrapper .c24List li,
    .krediteTeaser .mobileWrapper .c24List li {
        line-height: normal
    }

    .ballonFinance .blockingOverlay,
    .krediteTeaser .blockingOverlay {
        background: rgba(0, 0, 0, .6);
        cursor: pointer;
        display: none;
        inset: 0;
        position: fixed;
        z-index: 800
    }

    .ballonFinance .overlayBox,
    .krediteTeaser .overlayBox {
        background-color: var(--color-white);
        border: .0625rem solid var(--color-gray-400);
        border-radius: var(--border-radius-standard);
        box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .1);
        color: var(--color-gray-600);
        display: none;
        font-size: 16px;
        left: 10px;
        line-height: 16px;
        margin: 0 auto;
        max-width: 400px;
        padding: 15px;
        position: fixed;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1000
    }

    .ballonFinance .overlayBox .close,
    .krediteTeaser .overlayBox .close {
        color: var(--color-white);
        font-size: 20px;
        height: 20px;
        line-height: 20px;
        position: absolute;
        right: 0;
        top: -45px;
        width: 20px
    }

    .ballonFinance .overlayBox .close:before,
    .krediteTeaser .overlayBox .close:before {
        position: absolute;
        right: 0;
        top: 10px
    }

    .ballonFinance .overlayBox .overlayContent,
    .krediteTeaser .overlayBox .overlayContent {
        max-height: calc(75vh - 60px);
        overflow-y: scroll
    }

    .ballonFinance .overlayBox h5,
    .krediteTeaser .overlayBox h5 {
        color: var(--color-blue-100);
        display: block;
        font-size: 16px;
        font-weight: 700;
        margin: 10px 0
    }

    .ballonFinance .overlayBox a,
    .krediteTeaser .overlayBox a {
        color: var(--color-blue-100);
        cursor: pointer;
        display: inline-block;
        text-decoration: none
    }

    .ballonFinance .overlayBox ul,
    .krediteTeaser .overlayBox ul {
        display: block;
        list-style: none;
        margin-top: 10px;
        padding-left: 16px
    }

    .ballonFinance .overlayBox ul li,
    .krediteTeaser .overlayBox ul li {
        font-size: 14px;
        line-height: 16px;
        list-style: square
    }
}

@media (max-width:347px) {

    .ballonFinance .hoverTitle,
    .krediteTeaser .hoverTitle {
        margin: 20px 0 10px
    }
}

@media (min-width:1280px) {

    .ballonFinance .teaserImageBox,
    .krediteTeaser .teaserImageBox {
        height: 270px;
        left: 56%;
        width: 380px
    }

    .ballonFinance .teaserImageBox.auto,
    .krediteTeaser .teaserImageBox.auto {
        height: 180px;
        left: 48.5%;
        top: 41%;
        width: 380px
    }

    .ballonFinance .teaserImageBox.fastestLoan,
    .krediteTeaser .teaserImageBox.fastestLoan {
        height: 246px;
        left: 54%;
        top: 17%;
        width: 305px
    }

    .ballonFinance .teaserImageBox.refinance,
    .krediteTeaser .teaserImageBox.refinance {
        height: 246px;
        left: 50.5%;
        top: 22%;
        width: 324px
    }

    .ballonFinance .teaserImageBox.bestBest,
    .krediteTeaser .teaserImageBox.bestBest {
        height: 213px;
        left: 54%;
        top: 28%;
        width: 226px
    }

    .ballonFinance .tuevLogo,
    .krediteTeaser .tuevLogo {
        width: 60px
    }
}

@media (min-width:700px) and (max-width:1280px) {

    .ballonFinance .teaserImage,
    .krediteTeaser .teaserImage {
        top: 50px;
        transform: scale(.8);
        transform-origin: right
    }

    .ballonFinance .teaserStoerer,
    .krediteTeaser .teaserStoerer {
        font-size: 15px;
        height: 100px;
        width: 100px
    }

    .ballonFinance .teaserStoerer span strong,
    .krediteTeaser .teaserStoerer span strong {
        font-size: 23px
    }

    .ballonFinance .teaserImageBox,
    .krediteTeaser .teaserImageBox {
        height: 268px;
        left: 63%;
        width: 318px
    }

    .ballonFinance .teaserImageBox.auto,
    .krediteTeaser .teaserImageBox.auto {
        height: 150px;
        left: calc(49vw + 62px);
        top: 49%;
        width: 310px
    }
}

@media (min-width:700px) and (max-width:1280px) and (max-width:1040px) {

    .ballonFinance .teaserImageBox.auto,
    .krediteTeaser .teaserImageBox.auto {
        left: 574px
    }
}

@media (min-width:700px) and (max-width:1280px) {

    .ballonFinance .teaserImageBox.fastestLoan,
    .krediteTeaser .teaserImageBox.fastestLoan {
        height: 194px;
        left: calc(49vw + 128px);
        top: 31%;
        width: 241px
    }
}

@media (min-width:700px) and (max-width:1280px) and (max-width:1040px) {

    .ballonFinance .teaserImageBox.fastestLoan,
    .krediteTeaser .teaserImageBox.fastestLoan {
        left: 636px
    }
}

@media (min-width:700px) and (max-width:1280px) {

    .ballonFinance .teaserImageBox.refinance,
    .krediteTeaser .teaserImageBox.refinance {
        height: 194px;
        left: calc(50vw + 76px);
        top: 35%;
        width: 260px
    }
}

@media (min-width:700px) and (max-width:1280px) and (max-width:1040px) {

    .ballonFinance .teaserImageBox.refinance,
    .krediteTeaser .teaserImageBox.refinance {
        left: 596px
    }
}

@media (min-width:700px) and (max-width:1280px) {

    .ballonFinance .teaserImageBox.bestBest,
    .krediteTeaser .teaserImageBox.bestBest {
        height: 171px;
        left: calc(49vw + 123px);
        top: 39%;
        width: 189px
    }
}

@media (min-width:700px) and (max-width:1280px) and (max-width:1040px) {

    .ballonFinance .teaserImageBox.bestBest,
    .krediteTeaser .teaserImageBox.bestBest {
        left: 630px
    }
}

@media (min-width:700px) and (max-width:1280px) {

    .ballonFinance .sublineInfoTip .infoTipHoverWrapper,
    .krediteTeaser .sublineInfoTip .infoTipHoverWrapper {
        left: 24px
    }

    .ballonFinance .sublineInfoTip .boxArrowTop,
    .krediteTeaser .sublineInfoTip .boxArrowTop {
        left: 102px
    }
}

@supports (-moz-appearance:none) and (not (-moz-osx-font-smoothing:auto)) {
    .ballonFinance .cpTeaserOverlay .big-content {
        bottom: -200px
    }
}

.page-fullwidth-row {
    padding: 0
}

@media (max-width:700px) {
    .pg-row.page-fullwidth-row {
        margin: 0
    }
}

.krediteTeaser {
    height: unset;
    min-height: 0
}

@media (min-width:701px) {
    .krediteTeaser {
        margin: 0 auto;
        min-height: 220px
    }

    .krediteTeaser .iIcon {
        position: static
    }

    .krediteTeaser .contentContainer {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        z-index: unset
    }

    .krediteTeaser .teaserHeadline {
        display: flex;
        flex-flow: column;
        height: unset;
        padding: 0 140px;
        position: unset;
        top: 50px
    }
}

@media (min-width:701px) and (min-width:700px) and (min-width:1200px) {
    .krediteTeaser .teaserHeadline {
        max-width: calc(100% - 120px)
    }
}

@media (min-width:701px) {
    .krediteTeaser .teaserHeadline.with-bullet-points {
        gap: 12px
    }

    .krediteTeaser .teaserHeadline .headline-h3-equal,
    .krediteTeaser .teaserHeadline h2,
    .krediteTeaser .teaserHeadline h3,
    .krediteTeaser .teaserHeadline h4,
    .krediteTeaser .teaserHeadline h5,
    .krediteTeaser .teaserHeadline h6 {
        color: var(--color-gray-600);
        font-size: 30px;
        text-decoration: none solid #fff
    }

    .krediteTeaser .teaserHeadline .title {
        color: var(--color-gray-600);
        display: block;
        font-size: 30px;
        line-height: normal;
        margin: 0 auto;
        max-width: 925px;
        text-align: center;
        text-wrap: wrap
    }

    .krediteTeaser .teaserHeadline .sub-title {
        color: var(--color-gray-600);
        font-size: 18px;
        line-height: normal;
        margin: 0;
        padding-top: 8px;
        text-align: center
    }

    .krediteTeaser.isBlackFriday {
        background: linear-gradient(var(--color-blue-300), #000)
    }

    .krediteTeaser.isBlackFriday .teaserHeadline {
        max-width: calc(100% - 360px)
    }

    .krediteTeaser.isBlackFriday .teaserHeadline .headline-h3-equal,
    .krediteTeaser.isBlackFriday .teaserHeadline .title,
    .krediteTeaser.isBlackFriday .teaserHeadline h2,
    .krediteTeaser.isBlackFriday .teaserHeadline h3,
    .krediteTeaser.isBlackFriday .teaserHeadline h4,
    .krediteTeaser.isBlackFriday .teaserHeadline h5,
    .krediteTeaser.isBlackFriday .teaserHeadline h6 {
        font-size: 30px
    }

    .krediteTeaser.isBlackFriday .teaserHeadline .sub-title {
        font-size: 18px
    }

    .krediteTeaser[data-campaign-group=A],
    .krediteTeaser[data-campaign-group=B],
    .krediteTeaser[data-campaign-group=C] {
        background-color: #0281ec
    }

    .krediteTeaser[data-campaign-group=A] .contentContainer .teaserHeadline .sub-title:not(.campaignSubtitle),
    .krediteTeaser[data-campaign-group=B] .contentContainer .teaserHeadline .sub-title:not(.campaignSubtitle),
    .krediteTeaser[data-campaign-group=C] .contentContainer .teaserHeadline .sub-title:not(.campaignSubtitle) {
        display: none
    }

    .krediteTeaser[data-campaign-group=A] .contentContainer .teaserHeadline .sub-title,
    .krediteTeaser[data-campaign-group=A] .contentContainer .teaserHeadline .title,
    .krediteTeaser[data-campaign-group=B] .contentContainer .teaserHeadline .sub-title,
    .krediteTeaser[data-campaign-group=B] .contentContainer .teaserHeadline .title,
    .krediteTeaser[data-campaign-group=C] .contentContainer .teaserHeadline .sub-title,
    .krediteTeaser[data-campaign-group=C] .contentContainer .teaserHeadline .title {
        color: #fff
    }

    .krediteTeaser[data-campaign-group=A] .contentContainer .campaignStoerer,
    .krediteTeaser[data-campaign-group=B] .contentContainer .campaignStoerer,
    .krediteTeaser[data-campaign-group=C] .contentContainer .campaignStoerer {
        max-height: 120px
    }

    .krediteTeaser[data-campaign-group=A] .stoererCage .teaserStoerer,
    .krediteTeaser[data-campaign-group=B] .stoererCage .teaserStoerer,
    .krediteTeaser[data-campaign-group=C] .stoererCage .teaserStoerer {
        display: none
    }

    .krediteTeaser[data-campaign-group=A] .stoererCage .campaignStoerer,
    .krediteTeaser[data-campaign-group=B] .stoererCage .campaignStoerer,
    .krediteTeaser[data-campaign-group=C] .stoererCage .campaignStoerer {
        height: 220px;
        padding-bottom: 0;
        position: absolute;
        right: 150px;
        top: 50%;
        transform: translateY(-55%)
    }
}

.krediteTeaser .stoererCage {
    left: unset;
    margin: 0;
    right: -24px;
    top: 50%
}

.krediteTeaser .stoererCage .teaserStoerer {
    padding-bottom: 0;
    top: 50%;
    transform: translateY(-50%)
}

.krediteTeaser .stoererCage .teaserStoerer span strong {
    display: inline-block;
    font-size: 26px;
    margin: 3px 0 0
}

@media (max-width:1300px) {
    .krediteTeaser .stoererCage {
        right: 0
    }
}

.krediteTeaser .blackFridayStoerer {
    position: absolute;
    right: 150px;
    top: 50px;
    width: 180px
}

.krediteTeaser .sublineContainer {
    margin: 0
}

.krediteTeaser .sublineContainer.bulletPoints .cpIconHaekchenBlau {
    color: var(--color-white)
}

.boxArrowLeft,
.boxArrowRight {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -20px;
    height: 0;
    position: absolute;
    top: 60px;
    transform: rotate(90deg);
    width: 0
}

.boxArrowLeft:before,
.boxArrowRight:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.boxArrowTop:before {
    border-color: transparent transparent var(--color-white);
    border-style: solid;
    border-width: 0 9px 9px;
    content: "";
    position: absolute;
    z-index: 50
}

.boxArrowTop:after {
    border-color: transparent transparent var(--color-blue-100);
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    position: absolute;
    z-index: 20
}

.boxArrowRight {
    border-bottom: 10px solid var(--color-blue-100);
    right: -15px
}

.boxArrowRight:before {
    border-bottom: 9px solid var(--color-white);
    right: -9px;
    top: 1px
}

.boxArrowLeft {
    border-top: 10px solid var(--color-blue-100);
    left: -15px
}

.boxArrowLeft:before {
    border-top: 9px solid var(--color-white);
    left: -9px;
    top: -10px
}

.boxArrowTop:before {
    left: 11px;
    top: -9px
}

.boxArrowTop:after {
    left: 10px;
    top: -10px
}

.boxArrowBottom {
    bottom: 0;
    position: absolute
}

.boxArrowBottom:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid var(--color-white);
    content: "";
    left: 1px;
    position: absolute;
    z-index: 50
}

.boxArrowBottom:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--color-blue-100);
    content: "";
    position: absolute;
    z-index: 20
}

.teaserSubline {
    color: var(--color-gray-400);
    font-size: 18px;
    line-height: 24px;
    text-align: left
}

.sublineInfoTip {
    color: var(--color-gray-400);
    display: inline-block;
    position: relative
}

.sublineInfoTip.cpIconInfoOutline {
    font-size: 16px
}

.sublineInfoTip .infoTipHoverWrapper {
    background-color: var(--color-white);
    border: 1px solid var(--color-blue-100);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .45);
    color: var(--color-gray-400);
    display: none;
    font-size: 11px;
    left: 26px;
    padding: 15px 12px;
    position: absolute;
    text-align: left;
    top: -75px;
    width: 505px;
    z-index: 9999
}

.sublineInfoTip .infoTipHoverWrapper .infoTipHoverContent strong:first-child {
    color: var(--color-gray-600)
}

.sublineInfoTip .infoTipHoverWrapper .boxArrowLeft {
    top: 80px
}

@media (min-width:700px) and (max-width:1310px) {
    .sublineInfoTip .infoTipHoverWrapper {
        width: 460px
    }
}

.sublineInfoTip .boxArrowTop {
    left: 50%;
    position: absolute;
    top: 0
}

.sublineInfoTip:hover .infoTipHoverWrapper,
.sublineInfoTip:hover .infoTipHoverWrapper:hover {
    display: inline-block
}

@media (max-width:700px) {
    .loanCalculatorBox[data-teaser-styles=true] {
        background: var(--color-white)
    }
}

@media (min-width:701px) {
    .loanCalculatorBox.alignTop {
        margin-top: -25px
    }

    .loanCalculatorBox.alignTop.fixed {
        padding: 15px 12px 0;
        top: 20px
    }

    .loanCalculatorBox.alignLeft {
        margin: 0 auto;
        max-width: 1300px
    }

    .loanCalculatorBox.alignLeft .aggregateResult,
    .loanCalculatorBox.alignLeft .c24finCalcFormContent,
    .loanCalculatorBox.alignLeft .infoTextBox {
        margin-left: 0
    }
}

.loanCalculatorBox .hidden {
    display: none
}

.loanCalculatorBox.fixed {
    background: var(--color-gray-200);
    height: auto;
    left: 0;
    padding: 15px 12px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000
}

.loanCalculatorBox.fixed.lp {
    height: 200px
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown,
.loanCalculatorBox .c24finCalcFormInput .duration select,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown,
.loanCalculatorBox .c24finCalcFormInput .purpose select {
    font-size: 18px;
    height: 52px;
    padding: 0 0 0 10px;
    width: 327px
}

.loanCalculatorBox .purpose {
    position: relative
}

.loanCalculatorBox .purpose .goldenCampaignBox {
    background: #ebd49d;
    background-image: linear-gradient(260deg, #ebd49d, hsla(42, 47%, 84%, .4) 50%, hsla(42, 66%, 77%, .05));
    border-radius: 2px;
    cursor: pointer;
    display: none;
    margin: 10px 0;
    padding: 5px;
    position: absolute;
    text-decoration: none
}

.loanCalculatorBox .purpose .goldenCampaignBox:before {
    border-color: #ebd49d transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    position: absolute;
    right: 20px;
    top: -8px
}

.loanCalculatorBox .purpose .goldenCampaignBox .title {
    color: var(--color-blue-100);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px
}

.loanCalculatorBox .purpose .goldenCampaignBox .desc {
    color: var(--color-gray-500);
    font-size: 12px
}

.loanCalculatorBox.lp {
    padding-bottom: 20px
}

.loanCalculatorBox.lp .c24finCalcFormContent .c24finCalcFormButton {
    width: 8%
}

.loanCalculatorBox.lp .c24finCalcFormContent .loAmo {
    padding-left: 0
}

.loanCalculatorBox.lp .c24finCalcFormContent .duration .selectDropdown,
.loanCalculatorBox.lp .c24finCalcFormContent .purpose .selectDropdown {
    width: 100%
}

.loanCalculatorBox.lp .infoTextBox {
    padding: 0
}

.loanCalculatorBox.lp .infoTextBox .loanInfo {
    position: relative;
    top: -50px
}

.loanCalculatorBox .legal {
    font-size: 12px;
    font-style: italic;
    line-height: normal
}

.loanCalculatorBox .calculatorBoxForm {
    position: relative
}

@media (min-width:701px) {
    .loanCalculatorBox .calculatorBoxForm {
        padding-bottom: 10px;
        padding-left: 5px
    }
}

.loanCalculatorBox .c24finCalcFormContent {
    align-items: center;
    background-color: var(--color-white);
    border: 3px solid var(--color-gold);
    border-radius: 50px;
    display: flex;
    height: 64px;
    margin: 0 auto;
    padding: 6px;
    width: 1280px
}

.loanCalculatorBox .c24finCalcFormContent select {
    appearance: none;
    border: 1px solid var(--color-gray-500);
    border-radius: 0
}

.loanCalculatorBox .c24finCalcFormContent select:hover {
    border-color: var(--color-gray-600)
}

.loanCalculatorBox .c24finCalcFormContent select:focus {
    border-color: var(--color-blue-100)
}

.loanCalculatorBox .c24finCalcFormContent select::-ms-expand {
    display: none
}

.loanCalculatorBox .c24finCalcFormContent select:focus::-ms-value {
    background-color: var(--color-white);
    color: var(--color-gray-600)
}

.loanCalculatorBox .c24finCalcFormContent select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--color-black)
}

.loanCalculatorBox .c24finCalcFormButton {
    flex: 1;
    vertical-align: bottom
}

.loanCalculatorBox .c24finCalcFormButton a,
.loanCalculatorBox .c24finCalcFormButton button {
    background: var(--color-blue-100);
    border: 0;
    border-radius: 50px;
    box-sizing: border-box;
    color: var(--color-white);
    cursor: pointer;
    display: block;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    height: 48px;
    line-height: 16px;
    padding: 0 25px 0 15px;
    text-align: center;
    width: 100%
}



.loanCalculatorBox .c24finCalcFormButton a.loaderInButton .spinner,
.loanCalculatorBox .c24finCalcFormButton button.loaderInButton .spinner {
    right: 7px
}

.loanCalculatorBox .c24finCalcFormInput {
    display: contents;
    vertical-align: top
}

.loanCalculatorBox .c24finCalcFormInput .headlineCalc {
    color: var(--color-gray-600);
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    padding-bottom: 6px;
    text-align: left;
    text-decoration: none solid var(--color-gray-600)
}

.loanCalculatorBox .c24finCalcFormInput .input-wrap {
    display: contents;
    width: 3fr
}

.loanCalculatorBox .c24finCalcFormInput .duration,
.loanCalculatorBox .c24finCalcFormInput .loAmo {
    position: relative
}

.loanCalculatorBox .c24finCalcFormInput .duration:after,
.loanCalculatorBox .c24finCalcFormInput .loAmo:after {
    border-right: 1px solid var(--color-gray-400);
    content: "";
    height: 40px;
    pointer-events: none;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%)
}

.loanCalculatorBox .c24finCalcFormInput .loAmo,
.loanCalculatorBox .c24finCalcFormInput .wishRate {
    flex: 1;
    margin-right: 6px
}

.loanCalculatorBox .c24finCalcFormInput .loAmo .euroSymbol,
.loanCalculatorBox .c24finCalcFormInput .wishRate .euroSymbol {
    background-color: var(--color-white);
    border: 1px solid transparent;
    border-radius: 50px;
    height: 48px;
    overflow: hidden;
    padding: 6px 22px;
    position: relative;
    width: 100%
}

.loanCalculatorBox .c24finCalcFormInput .loAmo .euroSymbol:focus-within,
.loanCalculatorBox .c24finCalcFormInput .wishRate .euroSymbol:focus-within {
    border-color: var(--color-blue-100)
}

.loanCalculatorBox .c24finCalcFormInput .loAmo .euroSymbol label,
.loanCalculatorBox .c24finCalcFormInput .wishRate .euroSymbol label {
    color: var(--color-gray-500);
    cursor: text
}

.loanCalculatorBox .c24finCalcFormInput .loAmo .euroSymbol input,
.loanCalculatorBox .c24finCalcFormInput .wishRate .euroSymbol input {
    appearance: none;
    background-color: transparent;
    border: 0;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding-left: 0;
    width: 100%
}

.loanCalculatorBox .c24finCalcFormInput .loAmo .euroSymbol input::-ms-clear,
.loanCalculatorBox .c24finCalcFormInput .wishRate .euroSymbol input::-ms-clear {
    display: none
}

@media (min-width:700px) and (max-width:1280px) {

    .loanCalculatorBox .c24finCalcFormInput .loAmo .euroSymbol input,
    .loanCalculatorBox .c24finCalcFormInput .wishRate .euroSymbol input {
        margin-top: -2px
    }
}

.loanCalculatorBox .c24finCalcFormInput .duration {
    flex: 1;
    margin-right: 6px
}

.loanCalculatorBox .c24finCalcFormInput .duration .duration-dropdown {
    padding: 10px 16px;
    position: relative
}

.loanCalculatorBox .c24finCalcFormInput .duration .selected-duration-rate {
    pointer-events: none;
    position: absolute;
    right: 35px;
    top: 26px
}

.loanCalculatorBox .c24finCalcFormInput .duration .selected-duration-rate.hide {
    display: none
}

.loanCalculatorBox .c24finCalcFormInput .purpose {
    flex: 1.25
}

.loanCalculatorBox .c24finCalcFormInput .duration,
.loanCalculatorBox .c24finCalcFormInput .purpose {
    box-sizing: border-box;
    margin-right: 6px
}

.loanCalculatorBox .c24finCalcFormInput .duration label,
.loanCalculatorBox .c24finCalcFormInput .purpose label {
    color: var(--color-gray-500);
    cursor: pointer
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown {
    background-color: var(--color-white);
    border: 1px solid transparent;
    border-radius: var(--border-radius-large);
    box-sizing: border-box;
    height: 48px;
    padding: 6px 10px;
    position: relative;
    width: 100%
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown .selectedItem,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown .selectedItem {
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    padding: 0 2px 4px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown .selectedItem:after,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown .selectedItem:after {
    background-image: url(../images/arrowDown.svg);
    background-size: 100% 100%;
    bottom: 10px;
    content: "";
    cursor: pointer;
    height: 8px;
    position: absolute;
    right: 15px;
    width: 17px
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown .selectedItem:focus,
.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown .selectedItem:hover,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown .selectedItem:focus,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown .selectedItem:hover {
    border-color: var(--color-gray-600)
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown:focus-within,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown:focus-within {
    border-color: var(--color-blue-100)
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown:focus-within .selectedItem,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown:focus-within .selectedItem {
    border-color: var(--color-blue-100)
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown .dropdownItems,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown .dropdownItems {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    box-shadow: var(--box-shadow-standard);
    color: var(--color-gray-600);
    display: none;
    left: 0;
    list-style: none;
    overflow: hidden;
    position: absolute;
    top: 50px;
    white-space: nowrap;
    width: 100%;
    z-index: 500
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown .dropdownItem,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown .dropdownItem {
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    text-shadow: 1px 1px 1px var(--color-white)
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown .hover,
.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown .selected,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown .hover,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown .selected {
    background-color: var(--color-gray-250);
    text-shadow: none
}

.loanCalculatorBox .c24finCalcFormInput .duration .selectDropdown .open,
.loanCalculatorBox .c24finCalcFormInput .purpose .selectDropdown .open {
    display: block
}

.loanCalculatorBox .clear {
    clear: both
}

.loanCalculatorBox .infoTextBox {
    margin: 10px auto 0;
    padding: 0 15px;
    text-align: left;
    width: 900px
}

.loanCalculatorBox .infoTextBox .loanInfo {
    font-size: 10px;
    font-style: italic;
    line-height: 13px
}

.loanCalculatorBox .infoTextBox .tuvData {
    color: var(--color-green);
    cursor: default;
    display: table-cell;
    font-size: 11px;
    position: relative;
    text-align: right;
    width: 25%
}

@media (min-width:400px) {
    .loanCalculatorBox .infoTextBox .tuvData {
        padding-right: 17px
    }
}

@media (min-width:994px) {

    .loanCalculatorBox .infoTextBox .tuvData:hover .popupContent,
    .loanCalculatorBox .infoTextBox .tuvData:hover .popupContent:hover {
        display: block
    }
}

.loanCalculatorBox .infoTextBox .tuvData:before {
    font-size: 15px;
    position: absolute;
    right: 0;
    top: -2px;
    width: 15px
}

.loanCalculatorBox .infoTextBox .tuvData .popupContent {
    background-color: var(--color-white);
    border: 1px solid var(--color-blue-100);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .45);
    color: var(--color-gray-500);
    display: none;
    font-size: 12px;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 30px;
    width: 420px;
    z-index: 9999
}

.loanCalculatorBox .infoTextBox .tuvData .boxArrowTop:before {
    left: calc(100% - 75px)
}

.loanCalculatorBox .infoTextBox .tuvData .boxArrowTop:after {
    left: calc(100% - 76px)
}

.loanCalculatorBox .infoTextBox .tuvData h5 {
    color: var(--color-gray-600);
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px
}

.loanCalculatorBox .infoTextBox .logo {
    position: relative
}

.loanCalculatorBox .infoTextBox .logo .nggLogo {
    left: 35%
}

.loanCalculatorBox .infoTextBox .logo .nggLogo .cpTuevOverlay {
    bottom: -45px;
    width: 482px
}

.loanCalculatorBox .infoTextBox .logo .nggLogo .boxArrowRight {
    top: 200px
}

.loanCalculatorBox .infoTextBox .tuevLogo {
    left: 42.5%
}

.loanCalculatorBox .infoTextBox .nggLogo,
.loanCalculatorBox .infoTextBox .tuevLogo {
    bottom: 5px;
    display: inline-block;
    margin-left: 400px;
    position: absolute
}

.loanCalculatorBox .infoTextBox .nggLogo img,
.loanCalculatorBox .infoTextBox .tuevLogo img {
    height: 53px;
    width: 53px
}

.loanCalculatorBox .infoTextBox .nggLogo .cpTuevOverlay,
.loanCalculatorBox .infoTextBox .tuevLogo .cpTuevOverlay {
    background-color: var(--color-white);
    border: 1px solid var(--color-blue-100);
    bottom: -10px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .45);
    color: var(--color-gray-500);
    display: none;
    font-size: 11px;
    height: auto;
    padding: 15px;
    position: absolute;
    right: 60px;
    width: 540px;
    z-index: 9999
}

.loanCalculatorBox .infoTextBox .nggLogo .cpTuevOverlay .boxArrowRight,
.loanCalculatorBox .infoTextBox .tuevLogo .cpTuevOverlay .boxArrowRight {
    top: 168px
}

.loanCalculatorBox .infoTextBox .nggLogo:hover .cpTuevOverlay,
.loanCalculatorBox .infoTextBox .tuevLogo:hover .cpTuevOverlay {
    display: block
}

.loanCalculatorBox .infoTextBox .nggLogo .hoverTitle,
.loanCalculatorBox .infoTextBox .tuevLogo .hoverTitle {
    color: var(--color-blue-100);
    font-weight: 700;
    margin-bottom: 6px
}

.loanCalculatorBox .infoTextBox .nggLogo .sealContainer,
.loanCalculatorBox .infoTextBox .tuevLogo .sealContainer {
    float: left;
    margin-right: 10px;
    text-align: center
}

.loanCalculatorBox .infoTextBox .nggLogo .sealContainer .seal,
.loanCalculatorBox .infoTextBox .nggLogo .sealContainer img,
.loanCalculatorBox .infoTextBox .tuevLogo .sealContainer .seal,
.loanCalculatorBox .infoTextBox .tuevLogo .sealContainer img {
    height: 136px;
    width: 120px
}

.loanCalculatorBox .infoTextBox .nggLogo .tuvHeading h2,
.loanCalculatorBox .infoTextBox .nggLogo .tuvHeading h3,
.loanCalculatorBox .infoTextBox .nggLogo .tuvHeading h4,
.loanCalculatorBox .infoTextBox .nggLogo .tuvHeading h5,
.loanCalculatorBox .infoTextBox .nggLogo .tuvHeading h6,
.loanCalculatorBox .infoTextBox .tuevLogo .tuvHeading h2,
.loanCalculatorBox .infoTextBox .tuevLogo .tuvHeading h3,
.loanCalculatorBox .infoTextBox .tuevLogo .tuvHeading h4,
.loanCalculatorBox .infoTextBox .tuevLogo .tuvHeading h5,
.loanCalculatorBox .infoTextBox .tuevLogo .tuvHeading h6 {
    color: var(--color-blue-100);
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 6px
}

.loanCalculatorBox .bild-info {
    color: var(--color-gray-600);
    font-size: 10px;
    margin: 5px auto 0
}

@media (min-width:701px) {
    .loanCalculatorBox .bild-info {
        color: var(--color-gray-600);
        width: 900px
    }
}

.loanCalculatorBox .bestResult {
    position: absolute;
    right: 0;
    top: 0;
    width: 125px
}

.loanCalculatorBox .bestResult.hide {
    display: none
}

.loanCalculatorBox .bestResult .interest {
    display: block;
    line-height: 50px;
    padding-top: 4px;
    text-align: right
}

.loanCalculatorBox .bestResult .interest span {
    color: var(--color-blue-100);
    font-size: 23px;
    font-weight: 700
}

.loanCalculatorBox .aggregateResult {
    background: #ecf7fd;
    border-radius: 5px;
    margin: 20px auto 0;
    max-width: 900px;
    padding-bottom: 5px
}

.loanCalculatorBox .aggregateResult .banderole {
    background: var(--color-blue-300);
    border-top-left-radius: 5px;
    color: var(--color-white);
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 4px;
    position: relative;
    text-align: left
}

.loanCalculatorBox .aggregateResult .banderole:after {
    border-left: 4px solid var(--color-blue-300);
    border-right: 12px solid transparent;
    border-top: 24px solid var(--color-blue-300);
    content: "";
    height: 0;
    position: absolute;
    right: -14px;
    width: 0
}

.loanCalculatorBox .aggregateResult .sep {
    font-size: 18px;
    margin: 0 4px
}

.loanCalculatorBox .aggregateResult .details {
    display: inline-block;
    margin: 0;
    opacity: 1;
    padding-left: 10px;
    padding-top: 14px;
    transition: opacity .2s ease-in-out
}

.loanCalculatorBox .aggregateResult .details.hide {
    opacity: 0
}

.loanCalculatorBox .aggregateResult .details .interest,
.loanCalculatorBox .aggregateResult .details .rate {
    font-size: 20px
}

.loanCalculatorBox .aggregateResult .details .interest {
    color: var(--color-gray-600)
}

.loanCalculatorBox .aggregateResult .params {
    display: inline-block;
    font-size: 14px;
    line-height: 25px
}

.loanCalculatorBox .statusBar {
    align-items: flex-start;
    display: flex;
    height: 25px;
    justify-content: space-between
}

.loanCalculatorBox .statusBar .check24Points,
.loanCalculatorBox .statusBar .schufaTooltip {
    display: flex
}

@media (min-width:701px) and (max-width:1300px) {

    .loanCalculatorBox .statusBar .check24Points,
    .loanCalculatorBox .statusBar .schufaTooltip {
        font-size: 12px
    }
}

.loanCalculatorBox .statusBar .check24Points,
.loanCalculatorBox .statusBar .schufaTooltip {
    align-items: center;
    color: var(--color-green);
    font-size: 13px;
    width: 100%
}

.loanCalculatorBox .statusBar .check24Points .label,
.loanCalculatorBox .statusBar .schufaTooltip .label {
    color: var(--color-gray-500);
    display: inline-block;
    line-height: normal;
    margin: 0
}

.loanCalculatorBox .statusBar [class*=cpIcon] {
    color: var(--color-gray-400);
    font-size: 16px;
    margin-left: 8px;
    min-width: 16px;
    position: relative
}

.loanCalculatorBox .statusBar .cpIconPoints {
    color: inherit;
    font-size: 18px;
    top: 2px
}

.loanCalculatorBox .statusBar .cpIconInfoOutline {
    cursor: help;
    margin-left: 4px;
    top: 1px
}

.loanCalculatorBox .statusBar .schufaTooltip {
    justify-content: flex-end
}

.loanCalculatorBox .statusBar .schufaTooltip .schufaTooltipMessage {
    text-align: right
}

.loanCalculatorBox .statusBar .schufaTooltip .schufaTooltipMessage .infoTipHoverWrapper {
    font-size: 12px;
    left: -212px;
    top: 30px;
    width: 400px
}

.loanCalculatorBox .statusBar .schufaTooltip .schufaTooltipMessage .tooltipContent,
.loanCalculatorBox .statusBar .schufaTooltip .schufaTooltipMessage .tooltipHeadline {
    font-size: inherit
}

.loanCalculatorBox .statusBar .schufaTooltip .schufaTooltipMessage .tooltipHeadline {
    margin-bottom: 10px;
    margin-top: 0
}

.loanCalculatorBox .statusBar .schufaTooltip .schufaTooltipMessage .tooltipContent p {
    margin-bottom: 0;
    margin-top: 6px
}

.loanCalculatorBox .gtPixel {
    position: absolute
}

@media (max-width:700px) {
    .pg-row.linear-gradient {
        background: linear-gradient(to top, var(--color-white) 90%, var(--color-blue-300) 50%)
    }

    .loanCalculatorBox[data-campaign-group=A],
    .pg-row .no-margin .pg-column-100 {
        background: transparent
    }

    .loanCalculatorBox {
        border-width: 0 0 1px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .26);
        height: auto;
        padding: 0 10px;
        text-align: left;
        width: auto
    }

    .loanCalculatorBox .loAmo:after {
        display: none
    }

    .loanCalculatorBox .input-wrap .duration:after {
        border-right: none
    }

    .loanCalculatorBox .investment-duration:before {
        display: none
    }

    .loanCalculatorBox.hideDurationList {
        border-width: 0;
        box-shadow: none;
        margin-bottom: -20px;
        padding-bottom: 20px
    }

    .loanCalculatorBox .legal {
        color: var(--color-gray-500)
    }

    .loanCalculatorBox .calculatorBoxToggle {
        align-items: center;
        background-color: #eeeeef;
        background-size: cover;
        border-radius: 30px;
        display: flex;
        flex-direction: row;
        height: 42px;
        justify-content: center;
        margin-bottom: 12px;
        padding: 2px
    }

    .loanCalculatorBox .calculatorBoxToggle .toggleTotalLoanBtn,
    .loanCalculatorBox .calculatorBoxToggle .toggleWishRateBtn {
        all: unset;
        border-radius: 30px;
        box-shadow: 0 0 0 rgba(0, 0, 0, .16);
        color: var(--color-gray-550);
        font-size: 14px;
        height: 38px;
        margin-left: 2px;
        margin-right: 2px;
        text-align: center;
        text-decoration: none solid #333;
        transition: background-color .2s, color .2s
    }

    .loanCalculatorBox .calculatorBoxToggle .toggleTotalLoanBtn[data-active=true],
    .loanCalculatorBox .calculatorBoxToggle .toggleWishRateBtn[data-active=true] {
        background-color: var(--color-white);
        background-size: cover;
        border-radius: 30px;
        box-shadow: 0 0 0 rgba(0, 0, 0, .16);
        color: #000;
        font-family: Arial, sans-serif;
        font-size: 14px;
        height: 38px;
        text-align: center;
        text-decoration: none solid #000
    }

    .loanCalculatorBox .calculatorBoxForm {
        width: 100%
    }

    .loanCalculatorBox .c24finCalcFormContent {
        border-radius: 30px;
        border-width: 4px;
        box-sizing: border-box;
        display: block;
        height: auto;
        width: 100%
    }

    .loanCalculatorBox .purpose .goldenCampaignBox {
        margin: 10px 0 0;
        padding: 4px;
        position: relative
    }

    .loanCalculatorBox .purpose .goldenCampaignBox:before {
        display: none
    }

    .loanCalculatorBox .purpose .goldenCampaignBox .title {
        font-size: 16px
    }

    .loanCalculatorBox.lp .c24finCalcFormContent .c24finCalcFormButton,
    .loanCalculatorBox.lp .c24finCalcFormContent .duration,
    .loanCalculatorBox.lp .c24finCalcFormContent .purpose {
        width: 100%
    }

    .loanCalculatorBox .c24finCalcFormButton {
        padding-top: 0 !important
    }

    .loanCalculatorBox .c24finCalcFormButton button {
        border-radius: 50px;
        font-family: helvetica, sans-serif;
        font-size: 20px;
        font-weight: 400;
        height: 50px;
        margin-top: 0;
        width: 100%
    }

    .loanCalculatorBox .c24finCalcFormButton a {
        margin-top: 10px
    }

    .loanCalculatorBox .c24finCalcFormInput {
        display: block;
        width: 100%
    }

    .loanCalculatorBox .c24finCalcFormInput .headlineCalc {
        color: var(--color-gray-500);
        font-size: 13px;
        padding: 7px 10px 2px
    }

    .loanCalculatorBox .c24finCalcFormInput .input-wrap {
        display: block;
        width: 100%
    }

    .loanCalculatorBox .c24finCalcFormInput .loAmo,
    .loanCalculatorBox .c24finCalcFormInput .wishRate {
        box-sizing: border-box;
        margin: 0 0 4px;
        width: 100% !important
    }

    .loanCalculatorBox .c24finCalcFormInput .loAmo .euroSymbol,
    .loanCalculatorBox .c24finCalcFormInput .wishRate .euroSymbol {
        border: 0;
        border-bottom: 1px solid var(--color-gray-400);
        border-radius: 10px 10px 0 0;
        box-sizing: border-box;
        height: 52px;
        width: 100% !important
    }

    .loanCalculatorBox .c24finCalcFormInput .loAmo .euroSymbol input,
    .loanCalculatorBox .c24finCalcFormInput .wishRate .euroSymbol input {
        box-sizing: border-box;
        color: inherit;
        font-size: 18px;
        left: 0;
        padding: 24px 0 0 10px;
        position: absolute;
        top: 0;
        width: 100%
    }

    .loanCalculatorBox .c24finCalcFormInput .loAmo .headlineCalc,
    .loanCalculatorBox .c24finCalcFormInput .wishRate .headlineCalc {
        left: 0;
        padding: 7px 0 0 10px;
        position: absolute;
        text-align: left;
        top: 0
    }

    .loanCalculatorBox .c24finCalcFormInput .duration {
        border-bottom: 1px solid var(--color-gray-400)
    }

    .loanCalculatorBox .c24finCalcFormInput .duration,
    .loanCalculatorBox .c24finCalcFormInput .purpose {
        background-color: var(--color-white);
        height: 52px;
        margin: 0 0 4px;
        position: relative;
        width: 100%
    }

    .loanCalculatorBox .c24finCalcFormInput .duration select,
    .loanCalculatorBox .c24finCalcFormInput .purpose select {
        background: transparent;
        border: 0;
        color: inherit;
        font-size: 18px;
        height: auto;
        margin-top: 4px;
        width: 100%
    }

    .loanCalculatorBox .c24finCalcFormInput .duration:after,
    .loanCalculatorBox .c24finCalcFormInput .purpose:after {
        background-image: url(../images/arrowDown.svg);
        background-size: contain;
        color: var(--color-gray-400);
        content: "";
        height: 9px;
        position: absolute;
        right: 15px;
        top: 21px;
        width: 17px
    }

    .loanCalculatorBox .infoTextBox {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        font-size: 10px;
        justify-content: space-between;
        line-height: 16px;
        margin: 10px 0 0;
        text-align: left;
        width: auto
    }
}

@media (max-width:700px) and (min-width:350px) {
    .loanCalculatorBox .infoTextBox {
        padding-bottom: 10px
    }
}

@media (max-width:700px) and (max-width:349px) {
    .loanCalculatorBox .infoTextBox {
        justify-content: center
    }
}

@media (max-width:700px) {
    .loanCalculatorBox .infoTextBox .schufa-and-points-container {
        margin-top: 5px
    }
}

@media (max-width:700px) and (max-width:399px) {
    .loanCalculatorBox .infoTextBox .schufa-and-points-container .tuvData {
        padding-right: 15px
    }
}

@media (max-width:700px) {
    .loanCalculatorBox .infoTextBox .sealContainer {
        display: flex;
        gap: 10px;
        justify-content: center;
        margin-top: 2px
    }

    .loanCalculatorBox .infoTextBox .sealContainer .seal,
    .loanCalculatorBox .infoTextBox .sealContainer .seal img {
        height: 45px;
        width: 45px
    }

    .loanCalculatorBox .infoTextBox .sealContainer .bild {
        margin-left: 400px
    }
}

@media (max-width:700px) and (max-width:320px) {
    .loanCalculatorBox .infoTextBox .sealContainer .bild img {
        height: 55px;
        width: auto
    }
}

@media (max-width:700px) and (min-width:321px) {
    .loanCalculatorBox .infoTextBox .sealContainer .bild img {
        height: 70px;
        width: auto
    }
}

@media (max-width:700px) {
    .loanCalculatorBox .infoTextBox .sealContainer.with-bild-logo {
        margin-top: 25px
    }

    .loanCalculatorBox .infoTextBox .sealContainer.with-bild-logo.has-check24-points {
        margin-top: 40px
    }

    .loanCalculatorBox .infoTextBox .tuvData {
        font-size: 12px;
        height: 20px
    }

    .loanCalculatorBox .infoTextBox .tuvData:before {
        font-size: 15px;
        top: -1.5px
    }

    .loanCalculatorBox .infoTextBox .tuvData .popup {
        display: none
    }

    .loanCalculatorBox .infoTextBox .tuvData .popup.show {
        background-color: rgba(0, 0, 0, .6);
        display: block;
        inset: 0;
        position: fixed;
        z-index: 9999
    }

    .loanCalculatorBox .infoTextBox .tuvData .popupWithClose {
        display: none;
        left: 50%;
        max-width: 400px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 93%;
        z-index: 9999
    }

    .loanCalculatorBox .infoTextBox .tuvData .popupWithClose .close {
        height: 30px;
        position: relative
    }

    .loanCalculatorBox .infoTextBox .tuvData .popupWithClose .close .cpIconDeleteMobile:before {
        color: var(--color-white);
        font-size: 20px;
        line-height: 20px
    }

    .loanCalculatorBox .infoTextBox .tuvData .popupWithClose .popupContent {
        background-color: var(--color-white);
        border: .0625rem solid var(--color-gray-400);
        border-radius: var(--border-radius-standard);
        box-shadow: .125rem .125em rgba(0, 0, 0, .1);
        color: var(--color-gray-600);
        display: block;
        font-size: 16px;
        line-height: 20px;
        max-height: calc(75vh - 60px);
        overflow-y: scroll;
        padding: 15px;
        position: relative;
        top: 0;
        user-select: none;
        width: auto;
        -webkit-touch-callout: none
    }

    .loanCalculatorBox .infoTextBox .tuvData .popupWithClose .popupContent .hoverTitle,
    .loanCalculatorBox .infoTextBox .tuvData .popupWithClose .popupContent .hoverTitle>p {
        color: var(--color-gray-600) !important;
        font-weight: 700;
        margin-bottom: 15px
    }

    .loanCalculatorBox .infoTextBox .tuvData .popupWithClose .popupContent .hoverText p {
        font-size: 16px;
        line-height: 20px
    }

    .loanCalculatorBox .infoTextBox .tuvData h5 {
        color: var(--color-gray-600);
        display: block;
        font-size: 16px;
        margin: 0
    }

    .loanCalculatorBox .infoTextBox .logo {
        bottom: -45px;
        margin-left: -200px
    }

    .loanCalculatorBox .infoTextBox .logo .nggLogo {
        left: -20%
    }

    .loanCalculatorBox .infoTextBox .logo .tuevLogo {
        left: -35px
    }

    .loanCalculatorBox .infoTextBox .logo img {
        height: 40px;
        width: 40px
    }

    .loanCalculatorBox .aggregateResult {
        margin: 0 auto
    }

    .loanCalculatorBox .aggregateResult .details {
        display: block
    }

    .loanCalculatorBox .aggregateResult .details span {
        font-size: 14px
    }

    .loanCalculatorBox .aggregateResult .params {
        font-size: 12px;
        padding-left: 10px
    }

    .loanCalculatorBox .aggregateResult .params .sep {
        font-size: 13px
    }

    .loanCalculatorBox .landingPage {
        padding-top: 5px
    }

    .loanCalculatorBox .check24PointsMobile {
        color: var(--color-green);
        position: relative;
        width: 100%
    }

    .loanCalculatorBox .check24PointsMobile .label {
        font-size: 12px;
        line-height: 18px;
        margin: 0;
        text-align: right
    }

    .loanCalculatorBox .check24PointsMobile .cpIconPoints {
        font-size: 14px;
        vertical-align: sub
    }

    .loanCalculatorBox .schufaQuestion {
        color: var(--color-green);
        font-size: 14px;
        position: absolute;
        right: 0;
        top: 0
    }

    .loanCalculatorBox .agent .popupWithClose .popupContent {
        background-color: var(--color-white);
        border: .0625rem solid var(--color-gray-400);
        border-radius: var(--border-radius-standard);
        box-shadow: .125rem .125em rgba(0, 0, 0, .1);
        color: var(--color-gray-600);
        display: block;
        font-size: 16px;
        line-height: 20px;
        max-height: calc(75vh - 60px);
        overflow-y: scroll;
        padding: 15px;
        position: relative;
        top: 0;
        user-select: none;
        width: auto;
        -webkit-touch-callout: none
    }

    .loanCalculatorBox .agent .popupWithClose .popupContent .hoverTitle,
    .loanCalculatorBox .agent .popupWithClose .popupContent .hoverTitle>p {
        color: var(--color-gray-600) !important;
        font-weight: 700;
        margin-bottom: 15px
    }

    .loanCalculatorBox .agent .popupWithClose .popupContent .hoverText p {
        font-size: 16px;
        line-height: 20px
    }

    .loanCalculatorBox .agent {
        align-items: flex-end;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        padding-bottom: 10px;
        position: relative;
        width: 90vw
    }

    .loanCalculatorBox .agent p {
        background-color: #f4f4f4;
        border-radius: 20px;
        color: var(--color-gray-500);
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        line-height: normal;
        margin: 0;
        padding: 10px 15px;
        position: relative;
        z-index: 0
    }

    .loanCalculatorBox .agent p:after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MSIgaGVpZ2h0PSIzNCI+PHBhdGggZmlsbD0iI2Y0ZjRmNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNDEzIDBjOS43IDAgMTcuNTY1IDYuODM1IDE3LjU2NSAxNi41IDAgLjM0Ni0uMDMzIDgtLjAzMyA4IDAgNC4xOTggMi40OCA3LjgxMiA2LjA1NSA5LjQ5MmEyNS4wMyAyNS4wMyAwIDAgMS0xMi43MzYtMy43MzYgMTcuNTIgMTcuNTIgMCAwIDEtMTAuODUgMy43NDNoLjE1QzcuODY1IDM0IDAgMjYuMTY0IDAgMTYuNVM3Ljg2NCAwIDE3LjU2NSAweiIvPjwvc3ZnPg==");
        background-size: 40px 40px;
        content: "";
        display: block;
        height: 40px;
        left: 0;
        position: absolute;
        transform: translate(-2px, -30px) scaleX(-1) rotate(-15deg);
        width: 40px;
        z-index: -1
    }

    .loanCalculatorBox .agent img {
        margin-right: 5px
    }

    .loanCalculatorBox .agent .agentQuestion {
        color: var(--color-gray-500);
        font-size: 14px;
        position: absolute;
        right: 8px;
        top: calc(50% - 12px)
    }

    .loanCalculatorBox .agent .popup {
        display: none
    }

    .loanCalculatorBox .agent .popup.show {
        background-color: rgba(0, 0, 0, .6);
        display: block;
        inset: 0;
        position: fixed;
        z-index: 9999
    }

    .loanCalculatorBox .agent .popupWithClose {
        display: none;
        left: 50%;
        max-width: 400px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 93%;
        z-index: 9999
    }

    .loanCalculatorBox .agent .popupWithClose .close {
        height: 30px;
        position: relative;
        text-align: right
    }

    .loanCalculatorBox .agent .popupWithClose .close .cpIconDeleteMobile:before {
        color: var(--color-white);
        font-size: 20px;
        line-height: 20px
    }
}

.campaign-box-wrapper--desktop {
    margin-bottom: 5px;
    margin-top: 7px
}

.campaign-box-wrapper--desktop h3,
.campaign-box-wrapper--desktop p {
    font-size: 14px;
    margin: 0
}

.campaign-box-wrapper--desktop .campaign-box {
    align-items: center;
    background: var(--color-white);
    border: 1px solid var(--color-gray-300);
    border-radius: 16px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .16);
    display: flex;
    flex-direction: row;
    height: 98px;
    margin: 0 auto;
    max-height: 98px;
    padding: 8px 20px 8px 133px;
    position: relative;
    width: 1280px
}

.campaign-box-wrapper--desktop .campaign-box__icon {
    height: 90px;
    left: 20px;
    object-fit: contain;
    position: absolute;
    top: 3px;
    width: 90px
}

.campaign-box-wrapper--desktop .campaign-box__content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 8px;
    max-height: 36px
}

.campaign-box-wrapper--desktop .campaign-box__text-wrapper {
    flex: 1
}

.campaign-box-wrapper--desktop .campaign-box__title {
    color: var(--color-gray-600);
    font-style: normal;
    font-weight: 700
}

.campaign-box-wrapper--desktop .campaign-box__text {
    color: var(--color-gray-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 0
}

.campaign-box-wrapper--desktop .campaign-box__cta {
    align-items: center;
    background: var(--color-blue-100);
    border: none;
    border-radius: 50px;
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-style: normal;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    min-height: 40px;
    min-width: 200px;
    padding: 4px 8px;
    text-align: center;
    transition: background-color .2s ease
}

.campaign-box-wrapper--desktop .campaign-box__cta:hover {
    background: #044a99
}

.campaign-box-wrapper--desktop .campaign-box__cta:active {
    background: #033875
}

.campaign-box-wrapper--desktop .campaign-box__optin {
    align-items: center;
    color: #00a651;
    display: flex;
    flex: none;
    flex-direction: row;
    font-size: 14px;
    gap: 8px;
    padding: 0
}

.campaign-box-wrapper--desktop .campaign-box__content .cpIconArrow {
    cursor: pointer;
    font-size: 20px;
    transition: opacity .2s ease
}

.campaign-box-wrapper--desktop .campaign-box__content .cpIconArrow:hover {
    opacity: .7
}

.campaign-box-wrapper--app,
.campaign-box-wrapper--mobile {
    margin-bottom: 0;
    margin-top: 21px
}

.campaign-box-wrapper--app .campaign-box,
.campaign-box-wrapper--mobile .campaign-box {
    align-items: center;
    background: var(--color-white);
    border: 1px solid var(--color-gray-300);
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .16);
    cursor: pointer;
    display: flex;
    max-height: unset;
    min-height: 82px;
    padding: 5px 5px 5px 105px;
    position: relative;
    width: unset
}

.campaign-box-wrapper--app .campaign-box__icon,
.campaign-box-wrapper--mobile .campaign-box__icon {
    height: 90px;
    left: 7px;
    object-fit: contain;
    position: absolute
}

.campaign-box-wrapper--app .campaign-box__text-wrapper,
.campaign-box-wrapper--mobile .campaign-box__text-wrapper {
    margin-top: 7px
}

.campaign-box-wrapper--app .campaign-box__content,
.campaign-box-wrapper--mobile .campaign-box__content {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
    margin-left: unset
}

.campaign-box-wrapper--app .campaign-box__content .cpIconArrow,
.campaign-box-wrapper--mobile .campaign-box__content .cpIconArrow {
    font-size: 16px
}

.campaign-box-wrapper--app .campaign-box__title,
.campaign-box-wrapper--mobile .campaign-box__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 5px;
    margin-top: 0
}

.campaign-box-wrapper--app .campaign-box__text,
.campaign-box-wrapper--mobile .campaign-box__text {
    color: var(--color-gray-600);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.campaign-box-wrapper--app .campaign-box__cta,
.campaign-box-wrapper--mobile .campaign-box__cta {
    align-items: center;
    background: var(--color-blue-100);
    border: none;
    border-radius: 90px;
    color: var(--color-white);
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    height: 26px;
    justify-content: center;
    order: 1;
    padding: 4px 12px;
    width: 79px
}

.campaign-box-wrapper--app .campaign-box__optin,
.campaign-box-wrapper--mobile .campaign-box__optin {
    align-items: center;
    border-radius: 90px;
    color: #00a651;
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 26px;
    justify-content: center;
    order: 1;
    width: 79px
}

.campaign-box-wrapper--app .campaign-box {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.campaign-box-wrapper--app .campaign-box__cta-wrapper {
    align-self: flex-end
}

.campaign-box-wrapper--app .campaign-box__content {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px
}

.campaign-box-wrapper--mobile .campaign-box {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.campaign-box-wrapper--mobile .campaign-box__cta-wrapper {
    align-self: flex-end
}

.campaign-box-wrapper--mobile .campaign-box__content {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 25px
}

[data-campaign-group=A] .campaign-box-wrapper--app .campaign-box__icon,
[data-campaign-group=A] .campaign-box-wrapper--mobile .campaign-box__icon {
    top: 3px
}

[data-campaign-group=B] .campaign-box-wrapper--app .campaign-box__icon,
[data-campaign-group=B] .campaign-box-wrapper--mobile .campaign-box__icon {
    top: 1px
}

[data-campaign-group=C] .campaign-box-wrapper--app .campaign-box__icon,
[data-campaign-group=C] .campaign-box-wrapper--mobile .campaign-box__icon {
    top: 0
}

.success-toast {
    animation: toastLifecycle 5s ease-out forwards;
    background: var(--color-green);
    border-radius: 6px;
    bottom: 90px;
    box-sizing: border-box;
    flex-direction: row;
    height: 45px;
    left: 50%;
    padding: 14px;
    position: fixed;
    width: 90%;
    z-index: 9999
}

.success-toast,
.toast-content {
    align-items: center;
    display: flex;
    gap: 9px
}

.toast-content {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500
}

@keyframes toastLifecycle {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(100%)
    }

    5% {
        opacity: 1;
        transform: translateX(-50%) translateY(0)
    }

    85% {
        opacity: 1;
        transform: translateX(-50%) translateY(0)
    }

    to {
        opacity: 0;
        transform: translateX(-50%) translateY(100%)
    }
}

.campaign-popup {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.campaign-popup__overlay {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.campaign-popup__content {
    background: var(--color-white);
    border-radius: var(--border-radius-standard);
    box-sizing: border-box;
    left: 50%;
    max-width: 480px;
    padding: 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%
}

.campaign-popup__close {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px
}

.campaign-popup__body {
    font-size: 16px;
    line-height: 1.2;
    padding-top: 8px
}

.campaign-popup__headline {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 0
}

.text-with-image p {
    margin: 0
}

.text-with-image img {
    clear: right;
    float: right;
    height: 85px;
    margin: 0 0 8px 12px;
    width: 85px
}

.text-with-image.group-B:before {
    content: "";
    float: right;
    height: 60px;
    width: 85px
}

.pg-row:has(.loanCalculatorBox[data-campaign-group=A]),
.pg-row:has(.loanCalculatorBox[data-campaign-group=B]),
.pg-row:has(.loanCalculatorBox[data-campaign-group=C]) {
    background: linear-gradient(180deg, #0281ec, #fff 80%);
    border-radius: 0;
    max-width: unset
}

@media (max-width:700px) {

    .pg-row:has(.loanCalculatorBox[data-campaign-group=A]),
    .pg-row:has(.loanCalculatorBox[data-campaign-group=B]),
    .pg-row:has(.loanCalculatorBox[data-campaign-group=C]) {
        background: linear-gradient(180deg, #0281ec, #fff 65%)
    }
}

.cell .loanCalculatorBox .tuvData .popupContent {
    display: block
}

@media (min-width:700px) and (max-width:1300px) {
    .loanCalculatorBox .c24finCalcFormContent {
        margin: 0;
        width: calc(100vw - 20px)
    }
}

.caNav span.cpIconSliderPfeilPrev {
    color: var(--color-gray-400);
    font-size: 46px;
    left: 0;
    margin-top: -24px;
    position: absolute;
    top: 50%
}

.caNav span.cpIconSliderPfeilPrev:hover {
    color: var(--color-blue-100)
}

.caNav span.cpIconSliderPfeilNext {
    color: var(--color-gray-400);
    font-size: 46px;
    margin-top: -24px;
    position: absolute;
    right: 0;
    top: 50%
}

.caNav span.cpIconSliderPfeilNext:hover {
    color: var(--color-blue-100)
}

.partnerBanksSlider {
    border-radius: 4px;
    margin: 15px 0;
    overflow: hidden;
    padding: 20px 7px;
    position: relative
}

.partnerBanksSlider.thinSlider {
    margin: 0 0 15px;
    padding: 0
}

.partnerBanksSlider.rightPadding {
    padding: 20px 24px 20px 0;
    width: 100%
}

.partnerBanksSlider.showInFlexRowWelcome {
    min-width: 600px;
    padding: 20px 24px;
    width: 100%
}

.partnerBanksSlider.sameCalculatorWidth {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px
}

.partnerBanksSlider .title,
.partnerBanksSlider h2,
.partnerBanksSlider h3,
.partnerBanksSlider h4,
.partnerBanksSlider h5,
.partnerBanksSlider h6 {
    color: var(--color-gray-600);
    font-size: 18px;
    margin: 0;
    padding: 0
}

.partnerBanksSlider .caNavNext,
.partnerBanksSlider .caNavPrev {
    cursor: pointer;
    z-index: 5
}

.partnerBanksSlider .caContainer {
    height: 84px;
    margin: 4px auto;
    max-width: 1300px;
    min-width: 292px;
    padding: 0 12px;
    position: relative;
    z-index: 0
}

.partnerBanksSlider .caWrapper {
    height: 100%;
    margin: 0 auto;
    min-width: 292px;
    overflow: hidden;
    position: relative;
    transition: left .5s
}

.partnerBanksSlider .itemHolder {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    height: 100%;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0
}

.partnerBanksSlider .itemHolder .caItem {
    margin: 0 12px;
    min-width: 120px
}

.partnerBanksSlider .itemHolder .caItem>div {
    padding: 0
}

.partnerBanksSlider .itemHolder .caItem .time {
    font-size: 10px
}

.partnerBanksSlider .itemHolder .caItem .amount {
    color: var(--color-gray-500);
    font-size: 18px;
    font-weight: 700
}

.partnerBanksSlider .link {
    margin: 0 auto;
    max-width: 1300px
}

.partnerBanksSlider [class^=b] {
    margin: 40px auto;
    transform: scale(.65) translate(-26%, -75%)
}

.partnerBanksSlider [class^=b].showAsGray {
    filter: grayscale(100%);
    opacity: .5
}

.partnerBanksSlider [class^=b]:hover {
    filter: none;
    opacity: 1
}

@media (max-width:700px) {
    .partnerBanksSlider {
        background: var(--color-white) !important;
        box-sizing: border-box;
        margin: 0;
        min-height: 180px;
        padding: 16px 7px
    }

    .partnerBanksSlider .title {
        color: var(--color-gray-600);
        font-size: 16px;
        text-align: center
    }

    .partnerBanksSlider .caNav {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .partnerBanksSlider span.caNavNext,
    .partnerBanksSlider span.caNavPrev {
        height: 100%;
        margin: 0;
        top: 0;
        width: 40px
    }

    .partnerBanksSlider span.caNavNext:before,
    .partnerBanksSlider span.caNavPrev:before {
        position: absolute;
        top: calc(50% - 23px)
    }

    .partnerBanksSlider .caNavNext:before {
        right: 0
    }

    .partnerBanksSlider .caWrapper {
        min-width: unset
    }

    .partnerBanksSlider .caContainer {
        box-sizing: border-box;
        max-width: 380px;
        min-width: 270px
    }

    .partnerBanksSlider .itemHolder .caItem {
        margin: 0;
        min-width: 50%;
        text-align: center
    }

    .partnerBanksSlider .itemHolder .caItem>div {
        padding: 0
    }

    .partnerBanksSlider .link {
        border-top: 1px solid var(--color-gray-300);
        font-size: 12px;
        margin-top: 10px;
        max-width: unset;
        min-width: unset;
        padding-top: 16px;
        text-align: right
    }

    .partnerBanksSlider [class^=b] {
        filter: none;
        height: 27px;
        margin: 26px auto 14px;
        opacity: 1;
        transform: none;
        width: 100px
    }

    .page-fullwidth-row .partnerBanksSlider {
        border: 1px solid var(--color-gray-300);
        border-radius: var(--border-radius-standard);
        margin: 0 10px
    }
}

.cell .partnerBanksSlider .caContainer,
.cell .partnerBanksSlider .caWrapper,
.cell .partnerBanksSlider .link {
    max-width: 380px;
    min-width: 292px
}

.cell .partnerBanksSlider .caWrapper .itemHolder .caItem {
    min-width: 50%
}

.gtPixelBankSlider {
    position: absolute
}

.starRatingExtended {
    margin: 15px 0;
    max-width: 680px;
    min-width: 495px;
    padding: 20px 7px;
    width: 100%
}

@media screen and (orientation:landscape) and (min-width:700px) and (max-width:1366px) {
    .starRatingExtended {
        max-width: 542px;
        min-width: 485px
    }
}

@media (max-width:1300px) {
    .starRatingExtended {
        max-width: -webkit-fill-available
    }
}

.starRatingExtended .title,
.starRatingExtended h2,
.starRatingExtended h3,
.starRatingExtended h4,
.starRatingExtended h5,
.starRatingExtended h6 {
    color: var(--color-gray-600);
    font-size: 18px;
    margin: 0;
    padding: 0
}

.starRatingExtended .simpleTeaserSeals {
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 111px;
    margin: 15px 0 0;
    padding: 0 15px
}

@media screen and (orientation:landscape) and (min-width:700px) and (max-width:1366px) {
    .starRatingExtended .simpleTeaserSeals {
        padding: 0
    }
}

.starRatingExtended .simpleTeaserSeals .seals-row {
    align-items: stretch;
    display: flex;
    justify-content: space-between
}

.starRatingExtended .simpleTeaserSeals.hide {
    display: none
}

.starRatingExtended .simpleTeaserSeals .ngg,
.starRatingExtended .simpleTeaserSeals .schufa,
.starRatingExtended .simpleTeaserSeals .tuev {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.starRatingExtended .simpleTeaserSeals .ngg .jsHelp,
.starRatingExtended .simpleTeaserSeals .schufa .jsHelp,
.starRatingExtended .simpleTeaserSeals .tuev .jsHelp {
    display: inline-block
}

.starRatingExtended .simpleTeaserSeals .ngg .sealImage,
.starRatingExtended .simpleTeaserSeals .ngg .sealImageRectangle,
.starRatingExtended .simpleTeaserSeals .schufa .sealImage,
.starRatingExtended .simpleTeaserSeals .schufa .sealImageRectangle,
.starRatingExtended .simpleTeaserSeals .tuev .sealImage,
.starRatingExtended .simpleTeaserSeals .tuev .sealImageRectangle {
    display: block;
    height: 80px;
    width: auto
}

.starRatingExtended .simpleTeaserSeals [class*=cpIcon] {
    color: var(--color-gray-400);
    font-size: 16px;
    min-width: 16px;
    position: relative
}

.starRatingExtended .simpleTeaserSeals .starRating {
    align-items: center;
    display: flex;
    margin: unset;
    overflow: hidden;
    position: relative;
    width: 325px
}

.starRatingExtended .simpleTeaserSeals .starRating .stars_and_rating {
    align-items: baseline;
    display: inline-flex;
    font-size: 10px;
    gap: 2px;
    margin-bottom: 4px
}

.starRatingExtended .simpleTeaserSeals .starRating .stars_and_rating .ratings-link {
    text-wrap: nowrap;
    width: fit-content
}

.starRatingExtended .simpleTeaserSeals .starRating .stars_and_rating .itemStars {
    color: var(--color-gray-300);
    display: inline-flex;
    margin-right: 4px
}

.starRatingExtended .simpleTeaserSeals .starRating .stars_and_rating .itemStars .icon {
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap
}

.starRatingExtended .simpleTeaserSeals .starRating .stars_and_rating .iconFiveStars {
    min-width: unset
}

.starRatingExtended .simpleTeaserSeals .starRating .stars_and_rating .iconFiveStars:before {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    position: relative;
    top: 1px
}

.starRatingExtended .simpleTeaserSeals .starRating .stars_and_rating .iconFiveStars {
    color: #ffca04
}

.starRatingExtended .simpleTeaserSeals .starRating .stars_and_rating .cpIconInfoOutline {
    color: var(--color-black);
    font-size: 14px
}

.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper {
    align-items: center;
    display: flex;
    position: relative;
    width: 325px
}

.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .c24EkomiLogo,
.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .c24TrustPilotLogo {
    height: 60px;
    position: absolute
}

.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .c24EkomiLogo.c24EkomiLogo img,
.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .c24TrustPilotLogo.c24EkomiLogo img {
    height: 60px;
    position: relative
}

.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .c24EkomiLogo.c24TrustPilotLogo .circle,
.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .c24TrustPilotLogo.c24TrustPilotLogo .circle {
    background-color: #000032;
    border: 1px solid #000032;
    border-radius: 30px;
    display: inline-block;
    height: 60px;
    position: relative;
    text-align: center;
    width: 58px
}

.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .c24EkomiLogo.c24TrustPilotLogo .circle img,
.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .c24TrustPilotLogo.c24TrustPilotLogo .circle img {
    height: 40px;
    position: relative;
    top: calc(50% - 21px)
}

.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .commentWrapper {
    background-color: #ecf7fd;
    border-radius: 12px;
    margin-left: 29px;
    min-height: 80px;
    padding: 12px 12px 12px 37px;
    width: 295px
}

.starRatingExtended .simpleTeaserSeals .starRating .feedbackWrapper .commentWrapper .comment {
    color: var(--color-gray-600);
    font-size: 12px
}

@media (max-width:1157px) {
    .starRatingExtended .simpleTeaserSeals .starRating {
        margin-left: 0
    }
}

.starRatingExtended .visually-hidden {
    overflow: hidden;
    position: absolute;
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    width: 1px
}

@media (max-width:700px) {
    .loan-value-ranges {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px
    }
}

.loan-value-ranges p {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 11px
}

@media (max-width:700px) {
    .loan-value-ranges p {
        margin: 0
    }
}

.horizontalBulletList {
    max-width: 1300px
}

.horizontalBulletList .headline {
    color: var(--color-gray-600);
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    padding: 40px 0;
    text-align: center
}

.horizontalBulletList .bullet-headline {
    color: var(--color-blue-100);
    margin-bottom: 0
}

.horizontalBulletList .list {
    align-items: baseline;
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding: 0
}

.horizontalBulletList .list .bullet {
    display: flex;
    flex-direction: column;
    max-width: 268px;
    position: relative;
    text-align: center
}

.horizontalBulletList .list .bullet .bullet-icon {
    margin: 15px 0
}

.horizontalBulletList .list .bullet .bullet-icon:before {
    color: var(--color-blue-100);
    font-size: 40px
}

.horizontalBulletList .list .bullet .bullet-icon.cpIconAnsweringQuestions:before,
.horizontalBulletList .list .bullet .bullet-icon.cpIconIndividualOffers:before,
.horizontalBulletList .list .bullet .bullet-icon.cpIconMoneyToday:before {
    font-size: 60px
}

.horizontalBulletList .list-bordered {
    align-items: stretch;
    justify-content: stretch;
    margin: 15px 0;
    width: 100%
}

.horizontalBulletList .list-bordered .bullet {
    border: 1px solid var(--color-gray-400);
    flex: 1;
    font-size: 12px;
    margin-right: 10px;
    max-width: inherit;
    padding: 10px
}

.horizontalBulletList .list-bordered .bullet:last-child {
    margin-right: 0
}

.horizontalBulletList .list-bordered .bullet .bullet-icon {
    align-items: center;
    background-color: var(--color-blue-100);
    border-radius: 100%;
    display: flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    top: -10px;
    width: 25px
}

.horizontalBulletList .list-bordered .bullet .bullet-icon:before {
    border-radius: 100%;
    color: var(--color-white);
    font-size: 12px
}

.horizontalBulletList .list-bordered .bullet .bullet-icon.cpIconDocument-sign {
    padding-left: 3px
}

.horizontalBulletList .list-bordered .bullet .bullet-icon.cpIconAnsweringQuestions,
.horizontalBulletList .list-bordered .bullet .bullet-icon.cpIconIndividualOffers {
    padding: 2px 4px
}

.horizontalBulletList .list-bordered .bullet .bullet-icon.cpIconAnsweringQuestions:before,
.horizontalBulletList .list-bordered .bullet .bullet-icon.cpIconIndividualOffers:before {
    font-size: 35px
}

.horizontalBulletList .list-bordered .bullet .bullet-icon.cpIconMoneyToday {
    padding: 3px 6px
}

.horizontalBulletList .list-bordered .bullet .bullet-icon.cpIconMoneyToday:before {
    font-size: 35px
}

@media (max-width:700px) {
    .horizontalBulletList {
        padding: 0 10px
    }

    .horizontalBulletList .headline {
        padding: 15px 0
    }

    .horizontalBulletList .list {
        align-items: center;
        flex-direction: column;
        gap: 10px
    }

    .horizontalBulletList .list .bullet {
        font-size: 13px
    }

    .horizontalBulletList .list .bullet .popupContainer {
        display: inline-flex;
        font-size: 12px
    }

    .horizontalBulletList .list .bullet .popupContainer:before {
        font-size: 15px;
        top: -1.5px
    }

    .horizontalBulletList .list .bullet .popupContainer .popup {
        display: none
    }

    .horizontalBulletList .list .bullet .popupContainer .popup.show {
        background-color: rgba(0, 0, 0, .6);
        display: block;
        inset: 0;
        position: fixed;
        z-index: 9999
    }

    .horizontalBulletList .list .bullet .popupContainer .popupWithClose {
        display: none;
        left: 50%;
        max-width: 400px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 93%;
        z-index: 9999
    }

    .horizontalBulletList .list .bullet .popupContainer .popupWithClose .close {
        height: 30px;
        position: relative;
        text-align: end
    }

    .horizontalBulletList .list .bullet .popupContainer .popupWithClose .close .cpIconDeleteMobile:before {
        color: var(--color-white);
        font-size: 20px;
        line-height: 20px
    }

    .horizontalBulletList .list .bullet .popupContainer .popupWithClose .popupContent {
        background-color: var(--color-white);
        border: .0625rem solid var(--color-gray-400);
        border-radius: var(--border-radius-standard);
        box-shadow: .125rem .125em rgba(0, 0, 0, .1);
        color: var(--color-gray-600);
        display: block;
        font-size: 16px;
        line-height: 20px;
        max-height: calc(75vh - 60px);
        overflow-y: scroll;
        padding: 15px;
        position: relative;
        top: 0;
        user-select: none;
        width: auto;
        -webkit-touch-callout: none
    }

    .horizontalBulletList .list .bullet .popupContainer .popupWithClose .popupContent .hoverTitle,
    .horizontalBulletList .list .bullet .popupContainer .popupWithClose .popupContent .hoverTitle>p {
        color: var(--color-gray-600) !important;
        font-weight: 700;
        margin-bottom: 15px
    }

    .horizontalBulletList .list .bullet .popupContainer .popupWithClose .popupContent .hoverText p {
        font-size: 16px;
        line-height: 20px
    }
}

.accordionList {
    margin: 10px 10px 15px
}

.accordionList>div {
    margin: 0;
    text-align: left
}

.accordionList.desktopMaxWidth {
    margin: 10px auto 15px;
    max-width: 1300px
}

.accordionList .item {
    border: 1px solid var(--color-gray-400);
    border-radius: var(--border-radius-standard);
    margin: 5px 0 10px;
    word-wrap: break-word
}

.accordionList .titleContainer {
    border-bottom: 0;
    cursor: pointer;
    line-height: 1.6em;
    padding: 14px 50px 14px 20px;
    position: relative
}

.accordionList .titleContainer:before {
    color: var(--color-gray-400);
    font-size: 8px;
    margin: -6px 0 0;
    position: absolute;
    right: 20px;
    top: 50%
}

.accordionList .titleContainer.open {
    border-bottom: 1px solid var(--color-gray-300)
}

.accordionList .titleContainer.open:before {
    transform: rotate(180deg)
}

.accordionList .titleContainer.open+.desc {
    display: block;
    line-height: 22px;
    padding: 5px 20px
}

.accordionList .titleContainer+.desc {
    display: none
}

.accordionList .title {
    color: var(--color-gray-600);
    font-weight: 700;
    margin: 5px 0
}

.accordionList .title h2,
.accordionList .title h3,
.accordionList .title h4,
.accordionList .title h5,
.accordionList .title h6,
.accordionList .title p {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: inherit
}

.accordionList .desc {
    line-height: 1.6em;
    margin: 0
}

.accordionList .desc p {
    font-size: inherit;
    line-height: inherit
}

@media (max-width:700px) {
    .accordionList {
        padding: 5px 0 0
    }

    .accordionList .titleContainer {
        line-height: 1.3em
    }

    .accordionList .titleContainer h2,
    .accordionList .titleContainer h3,
    .accordionList .titleContainer h4,
    .accordionList .titleContainer h5,
    .accordionList .titleContainer h6,
    .accordionList .titleContainer p {
        line-height: inherit
    }

    .accordionList .desc {
        font-size: 14px
    }

    .accordionList .desc p {
        font-size: inherit
    }

    .accordionList .title {
        color: var(--color-gray-600);
        font-weight: 400
    }
}

.cell .accordionList .titleContainer {
    border-bottom: 1px solid var(--color-gray-300)
}

.cell .accordionList .desc {
    display: block
}

.cell .accordionList .clickable {
    cursor: pointer
}

.cell .accordionList .drag-handle {
    cursor: grab
}

.cell .accordionList .highlight {
    background: #ccc;
    border-top: 5px dashed #24a868
}

/* ── Mobile responsive fixes ── */

@media (max-width: 700px) {
    /* Reposition stoerer badge to top-right corner without overlapping text */
    .krediteTeaser .stoererCage,
    .ballonFinance .stoererCage {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        margin: 0;
        width: 110px;
        height: 110px;
        z-index: 10;
    }

    .krediteTeaser .stoererCage .teaserStoerer,
    .ballonFinance .stoererCage .teaserStoerer {
        position: relative;
        right: auto;
        width: 110px;
        height: 110px;
        font-size: 14px;
        background-size: 110px 110px;
    }

    .krediteTeaser .stoererCage .teaserStoerer span strong,
    .ballonFinance .stoererCage .teaserStoerer span strong {
        font-size: 18px;
    }

    /* Give teaserHeadline block layout and space for badge */
    .krediteTeaser .teaserHeadline,
    .ballonFinance .teaserHeadline {
        display: block !important;
        position: relative;
        padding-right: 115px;
        top: 0;
    }

    /* Fix title: left-aligned, full available width */
    .krediteTeaser .teaserHeadline .title,
    .ballonFinance .teaserHeadline .title {
        display: block !important;
        width: 100%;
        max-width: 100%;
        text-align: left;
        font-size: 22px;
        line-height: 1.2;
        color: var(--color-gray-600);
        margin: 0;
    }

    .krediteTeaser .teaserHeadline .title h3,
    .ballonFinance .teaserHeadline .title h3 {
        font-size: 22px;
        margin: 0;
    }

    /* Fix sub-title: left-aligned, full width, below title */
    .krediteTeaser .teaserHeadline .sub-title,
    .ballonFinance .teaserHeadline .sub-title {
        display: block !important;
        width: 100%;
        text-align: left;
        font-size: 13px;
        color: var(--color-gray-600);
        margin: 6px 0 0;
        padding: 0;
    }
}

@media (max-width: 768px) {
    /* Fix logo clipping — render at correct mobile size */
    .c24-responsive .c24-logo {
        background-size: 200px 50px !important;
    }

    /* Fix krediteTeaser (page-fullwidth-row) contentContainer */
    .krediteTeaser .contentContainer,
    .ballonFinance .contentContainer {
        position: relative !important;
        left: auto !important;
        transform: none !important;
        height: auto !important;
        width: 100% !important;
    }

    /* Prevent any horizontal overflow on page rows */
    body,
    #c24-page-and-ads,
    .pg-row.page-fullwidth-row,
    .pg-row.linear-gradient {
        overflow-x: hidden;
        max-width: 100vw;
        box-sizing: border-box;
    }
}

@media (max-width: 700px) {
    /* Ensure calculator form stays within viewport */
    .loanCalculatorBox .c24finCalcFormContent {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .loanCalculatorBox {
        overflow: hidden;
    }

    /* Stack pg-row content vertically */
    .pg-row.page-fullwidth-row .pg-column,
    .pg-row.linear-gradient .pg-column {
        width: 100% !important;
        float: none !important;
        box-sizing: border-box;
    }
}