/*-----------------------------------------------General styles--------------------------------------*/
@media (min-width: 1440px) {
  :root {
    /*--------Colors-------------------------------------*/

    /*-------Border radiuses-----------------------------*/

    /*-------Screen size limits--------------------------*/
    --whider-screen-limit-distance: calc((100vw - 1440px) / 2 + 60px);
    --standart-screen-limit-distance: calc((100vw - 1440px) / 2 + 150px);
    --slider-arrow-spacing: calc((100vw - 1440px)/2 + 5rem)
      /*-------text sizes----------------------------------*/

      /*-------Paddings and margins------------------------*/

  }
}

@media (max-width: 1200px) {
  :root {
    /*--------Colors-------------------------------------*/

    /*-------Border radiuses-----------------------------*/

    /*-------Screen size limits--------------------------*/
    --standart-screen-limit-distance: 4rem;
    /*-------text sizes----------------------------------*/
    --heading-text-size-2: 34px;
    /*-------Paddings and margins------------------------*/

  }

  .top-caption.big {
    font-size: var(--text-size-5);
    font-weight: 500;
    margin-bottom: 0;
  }
}

@media (max-width: 700px) {
  :root {
    /*--------Colors-------------------------------------*/

    /*-------Border radiuses-----------------------------*/

    /*-------Screen size limits--------------------------*/
    --whider-screen-limit-distance: 20px;
    --standart-screen-limit-distance: 20px;
    /*-------text sizes----------------------------------*/
    --heading-text-size-2: 20px;
    --heading-text-size-3: 20px;
    --heading-text-size-4: 16px;

    --text-size-3: 16px;
    --text-size-5: 12px;
    --text-line-size-3: 24px;
    /*-------Paddings and margins------------------------*/
    --standart-tile-padding: 0.8rem;

    --block-spacing-2: 35px;
    --block-spacing-4: 10px;
  }

  .mmb-30 {
    margin-bottom: 30px;
  }

  .mmb-25 {
    margin-bottom: 30px;
  }

  .button {
    margin-top: 22px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.75px;
    padding: 6px 12px;
  }

  .button img {
    width: 5.33px;
    margin-right: 5px;
  }

  .button.small {
    line-height: 16px;
    padding: 6px 12px;
  }

  h2 {
    text-align: left;
  }

  h3 {
    margin-top: 0;
    font-weight: 700;
    text-align: left !important;
  }

  .slide-button {
    width: 29px;
    height: 29px;
    top: calc(50% - 29px);
  }

  .slide-button img {
    height: 15px;
  }
}

@media (max-width: 700px) {
  .mobile-hide {
    display: none !important;
  }
}

@media (min-width: 700px) {
  .desctop-hide {
    display: none;
  }
}

/*---------------------------------------- Partners Slider --------------------------------------------- */
@media (max-width: 1200px) {
  .partner-slider .item {
    flex-basis: calc(50% - var(--block-spacing-4)*2);
  }

  .partner-slider .container {
    left: -50%;
  }
}

@media (max-width: 700px) {
  .partner-slider #partnerSliderOuterContainer {
    padding-bottom: 30px;
  }

  .partner-slider .item {
    flex-basis: calc(100% - var(--block-spacing-4)*2);
    height: 100vw;
  }

  .partner-slider .container {
    left: -100%;
    margin-bottom: 0;
  }

  .partner-slider .item .overlay {
    height: calc(100vw - var(--standart-tile-padding) * 2);
  }

  .partner-slider .heading {
    font-weight: 700;
    font-size: var(--heading-text-size-3);
  }
}

/*---------------------------------------- Partners Slider --------------------------------------------- */
/*-------------------Hero banner start-------------------------*/
@media (max-width: 1200px) {
  .hero-banner .item .content {
    width: 80%;
  }

  .hero-banner .sub-heading {
    display: none;
  }

  .hero-banner .container {
    height: 400px;
  }

  #heroBannerSliderContentLayer.container .item {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 10.63%, rgba(0, 0, 0, 0.6) 28.72%);
  }
}

@media (max-width: 700px) {
  .hero-banner .item .content {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;   
    margin: var(--block-spacing-2) 0;
  }

  .hero-banner .top-caption {}

  .hero-banner .container {
    height: 263px;
  }

  .hero-banner .button {
    margin-top: 0;
  }

  #heroBannerSliderContentLayer.container .item {
    padding-top: 0;
  }
}

/*----------------------Hero banner end---------------------------------*/
/*---------------------------------Branches start-----------------------------------------------------------------*/
@media (max-width: 1200px) {
  .branches .branch-container {
    flex-basis: 30%;
  }
}

@media (max-width: 800px) {
  .branches .preview-text {
    display: none;
  }
}

@media (max-width: 500px) {
  .branches .heading {
    font-size: var(--heading-text-size-5);
  }
}

/*----------------------------------Branches end-----------------------------------------------------------------*/
/*-----------------------------Dark Background Image Banner start---------------------------------*/
@media (max-width: 1000px) {
  .dark-background-image-banner .container {
    margin: auto var(--standart-screen-limit-distance) auto var(--block-spacing-2);
    width: calc(50% - var(--standart-screen-limit-distance) - var(--block-spacing-2));
  }
}

@media (max-width: 700px) {
  .dark-background-image-banner .main-heading {
    margin-top: 10.5px;
    margin-bottom: 12.5px;
  }

  .dark-background-image-banner .button {
    margin-top: 20.5px;
  }

  .dark-background-image-banner {
    flex-direction: column;
    margin: 0;
  }

  .dark-background-image-banner .banner-image-container {
    height: 50vw;
    order: 2;
  }

  .dark-background-image-banner .container {
    width: calc(100% - var(--standart-screen-limit-distance) - var(--block-spacing-2));
    margin: auto var(--standart-screen-limit-distance) auto var(--standart-screen-limit-distance);
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .dark-background-image-banner .banner-image-container {
    width: 100%;
    overflow: hidden;
  }
}

/*-----------------------------Dark Background Image Banner end---------------------------------*/
/*------------------------------------------References start-----------------------------------------------------------------------*/
@media (max-width: 1200px) {
  .references .item {
    flex-basis: calc(50% - var(--block-spacing-4)*2 - var(--standart-tile-padding) * 2);
  }

  .references .container {
    left: -50%;
  }

  .referenzen-block .container .item {
    max-width: calc(50% - var(--block-spacing-2)/2);
    flex-basis: 40%;
  }

  .reference-pre-footer .double-arrow-container:first-child {
    position: absolute;
    left: 10px;
  }

  .reference-pre-footer .double-arrow-container:nth-child(2) {
    position: absolute;
    right: 10px;
    transform: rotate(180deg);
  }
}

@media (max-width: 700px) {
  .referenzen-block {
    background: var(--main-light-background-color);
    margin-top: 0;
  }

  .referenzen-block .button.text-button {
    padding-bottom: 12px;
    font-weight: 600;
  }

  .referenzen-block .container .item {
    max-width: 100%;
    flex-basis: 100%;
    flex-direction: row;
    display: flex;
    background-color: var(--main-grey-background-color);
  }

  .referenzen-block .container .item .heading {
    font-weight: 600;
    font-size: 20px;
    overflow-wrap: anywhere;
  }

  .referenzen-block .container .item .ref-image {
    display: block;
    height: 155px;
  }

  .referenzen-block .container .item .img-link {
    flex-basis: 50%;
    order: 2;
  }

  .referenzen-block .container .item .desc {
    flex-basis: 50%;
    justify-content: space-between;
    height: calc(155px - var(--standart-tile-padding));
  }

  .references .item {
    flex-basis: calc(100% - var(--block-spacing-4)*2 - var(--standart-tile-padding) * 2);
    text-align: left;
  }

  .references .item .button {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
  }

  .references .container {
    left: -100%;
  }

  .references .item .heading {
    margin-top: var(--block-spacing-5);
  }

  .references .item .overlay {
    height: calc(100vw - var(--standart-tile-padding) * 2);
  }

  .references .text-content {
    display: none;
  }

  .references .top-image {
    min-height: 20rem;
    object-fit: cover;
  }

  .reference-pre-footer {
    padding: 30px var(--standart-screen-limit-distance) 30px var(--standart-screen-limit-distance);
  }

  .reference-pre-footer img {
    width: 25px;
  }

  .reference-pre-footer .double-arrow-container:first-child {
    position: absolute;
    left: 10px;
  }

  .reference-pre-footer .double-arrow-container:nth-child(2) {
    position: absolute;
    right: 10px;
    transform: rotate(180deg);
  }

  .reference-pre-footer h4 {
    line-height: 24px;
    font-size: 16px;
    width: 90%;
    margin: auto;
    letter-spacing: 0.15px;
  }

  .reference-pre-footer .subtitle {
    font-size: 12px;
    line-height: 20px;
    margin-top: 18px;
  }

  .reference-article h3 {
    font-size: 20px;
    margin: 19px 0;
  }

  .referencenHeader h3 {
    font-size: 20px;
    text-align: center !important;
    width: 80%;
    margin: auto;
  }

  .references .slide-button {
    top: calc(155.5px);
  }
}

/*------------------------------------------References end-----------------------------------------------------------------------*/
/*-----------------------------subtitle-block-----------------------------*/
@media (max-width: 700px) {
  .subtitle-block {
    text-align: left;
    font-size: 12px;
  }
}

/*-----------------------------subtitle-block-----------------------------*/
/*-----------------------------Feedback link block start----------------------------------------*/
@media (max-width: 1200px) {
  .feedback-link-block {
    padding: var(--block-spacing-2) var(--standart-screen-limit-distance);
  }

  .feedback-link-block p {
    text-align: left;
  }

  .feedback-link-block .button {
    margin-left: 0;
  }
}

@media (max-width: 700px) {
  .feedback-link-block h3 {
    text-align: left;
  }

  .feedback-link-block .button {
    margin-top: 22px;
  }

  .feedback-link-block {
    padding-bottom: 22px;
  }
}

/*-----------------------------Feedback link block end----------------------------------------*/
/*---------------------------Standart article start-------------------------------------*/
@media (max-width: 700px) {
  .standart-article h3 {
    text-align: left;
  }

  .standart-article.content-container {
    padding-bottom: 0;
  }

  .standart-article.bargeldmanagement {
    padding-top: 35px !important;
    padding-bottom: 20px !important;
  }
}

/*----------------------------Standart article end----------------------------------------*/
/*-----------------------------------------Light background checklist start-------------------------*/
@media (max-width: 700px) {
  .light-background-checklist {
    flex-direction: column;
  }

  .light-background-checklist ul:first-child {
    margin-bottom: 0;
  }

  .light-background-checklist ul:last-child {
    margin-top: 0;
  }
}

/*------------------------------------------Light background checklist end---------------------------*/
/*-----------------------------Private Provider block start-----------------------------------------------------------*/
@media (max-width: 700px) {
  .private-provider-block {
    padding-bottom: 0px;
    margin-bottom: -1px;
  }

  .private-provider-block h3 {
    text-align: left;
  }

  .private-provider-block .content-container {
    flex-wrap: wrap;
  }

  .private-provider-block .text-container {
    width: 100%;
  }

  .private-provider-block .side-image {
    margin-left: 0;
    border-radius: 0;
    height: 278px;
    object-fit: cover;
  }

  .private-provider-block .side-image-container img {
    width: 100%;
  }

  .private-provider-block .side-image-container {
    width: calc(100% + var(--standart-screen-limit-distance) * 2);
    margin-left: calc(var(--standart-screen-limit-distance) * -1);
    margin-right: calc(var(--standart-screen-limit-distance) * -1);
  }

  .private-provider-block .button {
    margin-top: 22px;
    margin-bottom: 32px;
  }
}

/*-----------------------------Private Provider block end-----------------------------------------------------------*/
/*------------------------------------------ Burger Menu  -----------------------------------------------------------------------*/
@media (max-width: 1279px) {
  .top-bar-helper .small-icon {
    display: none !important;
  }

  .customer-portal-text {
    display: none;
  }

  .top-bar-helper.container {
    justify-content: space-between;
  }

  .contact-phone {
    margin: 0 !important;
  }

  .secondary-link-container {
    display: none;
  }

  .primary-nav {
    display: none;
  }

  .burger-menu {
    display: block;
  }

  .main-menu {
    align-items: center;
    overflow: visible;
    position: relative;
  }

  .mobile-link-container {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  #mobile-links {
    background-color: var(--main-light-background-color);
    position: relative;
    line-height: var(--heading-text-size-2);
    z-index: 100;
    padding: 1rem 0;
    right: -100%;
  }

  #mobile-links .block {
    display: flex;
    flex-direction: column;
    gap: var(--block-spacing-5);
    padding: 0 2rem;
  }

  #mobile-links span {
    display: flex;
    flex-direction: column;
  }

  #mobile-links .midle {
    border-top: 1px solid #A6A6A6;
    border-bottom: 1px solid #A6A6A6;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
  }

  .mobile-animation-container {
    overflow: hidden;
    position: absolute;
    right: 0;
  }

  .burger-btn-block {
    transform: scale(0.9);
  }

  .burger-btn {
    width: 30px;
    height: 40px;
    border: none;
    background-color: var(--main-light-background-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
  }

  .burger-btn span {
    width: 30px;
    height: 3px;
    background-color: black;
    border-radius: 2px;
    margin: 0 auto 0 auto;
  }

  .burger-btn span:nth-child(1) {
    transform: translateY(-6px);
  }

  .burger-btn span:nth-child(3) {
    transform: translateY(6px);
  }
}

@media (min-width: 1280px) {
  .burger-menu {
    display: none;
  }

  #mobile-links {
    display: none;
  }

  .burger-btn-block {
    display: none;
  }

  .mobile-link-container {
    display: none;
  }
}

@media (max-width: 750px) {
  .site-logo {
    width: 146px;
  }

  #mobile-links .block a {
    line-height: 25px;
  }

  #mobile-links span {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

/*------------------------------------------ Burger Menu -----------------------------------------------------------------------*/
/*------------------------------------------ centerHeadingImageArticle -----------------------------------------------------------------------*/
@media (max-width: 750px) {
  .centerHeadingImageArticle .container {
    flex-direction: column;
  }

  .centerHeadingImageArticle h3 {
    text-align: left;
    /*margin: 0;*/
  }

  .centerHeadingImageArticle .part {
    width: auto;
    margin-top: var(--block-spacing-2);
  }

  .centerHeadingImageArticle .part.order-2 {
    order: 2;
  }

  .centerHeadingImageArticle .part.img {
    display: flex;
    justify-content: center;
    margin-left: 0 !important;
  }

  .centerHeadingImageArticle .part .main-img {
    width: 100%;
  }
}

/*------------------------------------------ centerHeadingImageArticle -----------------------------------------------------------------------*/
/*------------------------------------------ contactForm -----------------------------------------------------------------------*/
@media (max-width: 750px) {
  #contactForm .main-form-part {
    display: block;
    padding-top: 0;
  }

  #contactForm .form-part {
    width: auto;
    margin-top: var(--block-spacing-2);
  }

  #contactForm .form-part.message {
    margin-top: 0;
  }

  #contactForm .select-container {
    width: auto;
  }

  #contactForm .contact-header {
    text-align: left;
  }

  #contactBlock .contact-location-info-blocks-content {
    padding-left: 0;
  }

  #contactBlock .container h1.pb-2 {
    padding-bottom: 0;
  }
}

/*------------------------------------------ contactForm -----------------------------------------------------------------------*/
/*------------------------------------------ uber-uns -----------------------------------------------------------------------*/
@media (max-width: 800px) {
  .uberUnsBtn {
    justify-content: flex-start;
  }

  .uberUnsBtn .button {
    padding: 0.3rem 1rem;
    margin-top: 0;
  }

  .businessAreas {
    display: none;
  }

  .businessAreas.mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--block-spacing-2);
  }

  .businessAreas.mobile .row {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 20vw;
  }

  .businessAreas.mobile .row a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .businessAreas.mobile .row a span {
    text-align: center;
    margin-top: var(--block-spacing-4);
    font-weight: 700;
    color: var(--main-dark-background-color);
  }

  .simpleImgBlock .container .row {
    flex-direction: column;
    padding-top: 0;
    gap: 20px;
  }

  .simpleImgBlock .container h3 {
    text-align: left;
  }

  .leadershipBlock h3 {
    text-align: left;
  }

  .leadershipBlock .container {
    flex-direction: column;
  }

  .leadershipBlock .col {
    width: 100%;
  }

  .leadershipBlock .col p {
    margin: 8px 25px 18px 25px;
  }

  .leadershipBlock .col span {
    margin-top: 25px;
  }

  .iCCashMilestones h3 {
    text-align: left;
  }

  .iCCashMilestones p {
    display: block;
    margin: var(--block-spacing-2) auto;
  }

  .iCCashMilestones ul {
    padding-top: 0;
  }

  .simpleImgBlock .container .row.prop-7-3 .img-container {
    width: 100%;
  }

  .simpleImgBlock .container .row.prop-7-3 p {
    width: 100%;
  }

  .simpleImgBlock .container .row.prop-6-4 .img-container {
    width: 100%;
  }

  .simpleImgBlock .container .row.prop-6-4 p {
    width: 100%;
  }
}

/*------------------------------------------ uber-uns -----------------------------------------------------------------------*/
/*------------------------------------------ contact -----------------------------------------------------------------------*/
@media (max-width: 800px) {
  .contact-info-block {
    flex-direction: column;
    gap: var(--block-spacing-2);
  }

  .contact-info-blocks-content {
    width: auto !important;
  }

  .contact-info-blocks-content span {
    font-size: 10px;
  }

  #contactBlock .contact-info-blocks-content {
    padding: 23px;
  }

  #contactBlock .contact-location-info-block {
    flex-direction: column;
  }

  #contactBlock .contact-location-info-blocks-content {
    width: auto !important;
  }
}

/*------------------------------------------ contact -----------------------------------------------------------------------*/
/*------------------------------------------ Footer -----------------------------------------------------------------------*/
@media (max-width: 1200px) {
  footer .main {
    display: none;
  }

  footer .secondary {
    display: none;
  }

  .mobile-footer {
    font-size: var(--text-size-5);
  }

  .mobile-footer .mobile-main {
    background-color: var(--main-dark-background-color);
  }

  .mobile-main .container {
    padding: 0 var(--standart-screen-limit-distance);
    flex-direction: column;
  }

  .mobile-main .container P {
    color: var(--main-light-text-color);
  }

  .mobile-main .container .row {
    display: flex;
    flex-direction: row;
    margin-top: 2rem;
    gap: 2rem;
  }

  .mobile-main .columns {
    display: flex;
    flex-direction: column;
    width: 50%;
  }

  .mobile-main .columns p {
    margin-top: var(--block-spacing-6);
  }

  .mobile-secondary .container {
    background-color: var(--main-light-background-color);
    margin: var(--block-spacing-2) var(--standart-screen-limit-distance);
    display: flex;
    justify-content: space-between;
  }

  .mobile-secondary .text-container {
    display: flex;
    margin-top: var(--block-spacing-6);
  }

  .mobile-secondary .text-container img {
    margin-right: var(--block-spacing-5);
  }

  .mobile-footer .column {
    display: flex;
    flex-direction: column;
  }
}


@media (min-width: 1200px) {
  footer .main {
    display: block;
  }

  footer .secondary {
    display: block;
  }

  .mobile-footer {
    display: none;
  }
}

/*------------------------------------------ Footer -----------------------------------------------------------------------*/
/*---------------------------------------- blockDescryptionWithImg --------------------------------------------- */
@media (max-width: 700px) {
  #blockDescryptionWithImg .container {
    flex-direction: column;
    padding: 0 0 25px 0;
  }

  #blockDescryptionWithImg .container img {
    width: 100%;
    padding-left: 0;
    margin: 35.5px 0;
  }

  #blockDescryptionWithImg .part:first-child {
    order: 2;
  }
}

/*---------------------------------------- blockDescryptionWithImg --------------------------------------------- */
/*---------------------------------------- icCashOverview --------------------------------------------- */
@media (max-width: 700px) {
  .icCashOverview .item {
    align-items: baseline;
    flex-direction: column;
    gap: 30px;
    justify-content: left;
  }

  .icCashOverview .part {
    width: 100%;
    flex-direction: column;
  }

  .icCashOverview {
    display: flex;
    flex-direction: column;
    padding: 11px;
    background-color: var(--main-grey-background-color);
    margin: 0 var(--standart-screen-limit-distance);
    border-radius: var(--tile-block-border-radius);
  }

  .icCashOverview h3 {
    order: 2;
    margin-bottom: 0;
  }

  .icCashOverview .part p {
    margin-top: 12px;
  }

  .icCashOverview .part span {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-bottom: 9.5px;
  }

  #icCashSliderOuterContainer {
    order: 3;
  }

  .icCashOverview .counter {
    order: 3;
    margin-top: 10px;
  }

  #move-backward-button-icCash {
    left: -10px;
  }

  #move-forward-button-icCash {
    right: -10px !important;
  }

  .icCashOverview .slide-button {
    top: 420px;
  }

  .icCashOverview .part img {
    width: 100%;
  }

  .icCashOverview .part.text {
    width: calc(100% - 40px);
    padding: 0 20px;
  }
}

/*---------------------------------------- icCashOverview --------------------------------------------- */
/*---------------------------------------- machines-block --------------------------------------------- */
@media (max-width: 500px) {
  .machines-block {
    background-color: var(--main-light-background-color);
    padding-top: 0 !important;
    padding-bottom: 30px !important;
  }

  .machines-block .container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .machines-block .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--main-grey-background-color);
    border-bottom: 0;
    border-radius: var(--tile-block-border-radius);
  }

  .machines-block .item h3 {
    text-align: center !important;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .machines-block .col {
    display: flex;
    flex-direction: column;
    flex-basis: 40%;
  }

  .machines-block .col.text {
    flex-basis: 60%;
  }

  .mobile-light {
    background-color: var(--main-light-background-color) !important;
    justify-content: left;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 900px) {
  .machines-block .item {
    flex-basis: calc(50% - var(--standart-tile-padding)*2);
  }
}

/*---------------------------------------- machines-block --------------------------------------------- */
/*---------------------------------------- depositCreationBlock --------------------------------------------- */
@media (max-width: 700px) {
  .depositCreationBlock .container .mobile {
    display: block;
  }

  .depositCreationBlock .container .desktop {
    display: none;
  }

  .depositCreationBlock .notes {
    margin-top: 0 !important;
    overflow-wrap: anywhere;
  }
}

@media (min-width: 700px) {
  .depositCreationBlock .container .mobile {
    display: none;
  }

  .depositCreationBlock .container .desktop {
    display: block;
  }
}

/*---------------------------------------- depositCreationBlock --------------------------------------------- */
/*---------------------------------------- partner --------------------------------------------- */
@media (max-width: 700px) {
  .partner .row .content {
    padding-bottom: 29px;
    padding-top: 25px;
    flex-direction: column;
    gap: 1rem;
  }

  .partner .row .content img {
    width: 50%;
  }

  .partner .row .content .col span {
    text-align: center;
    margin-bottom: 20px;
  }
}

/*---------------------------------------- partner --------------------------------------------- */
/*---------------------------------------- vacancies --------------------------------------------- */
@media (max-width: 700px) {
  .vacancies .container {
    flex-direction: column;
  }

  .vacancies .container .block {
    width: 100%;
  }
}
/*---------------------------------------- vacancies --------------------------------------------- */
/*---------------------------------------- depoSliderContainer --------------------------------------------- */
/*---------------------------------------- karriere --------------------------------------------- */
@media (max-width: 700px) {
  .five-reasons-block .row img {
    width: 2rem;
  }

  .five-reasons-block .row span {
    margin-bottom: 0;
    align-self: flex-start;
  }

  .five-reasons-block .row {
    margin-bottom: var(--block-spacing-3);
  }

  .five-reasons-block .mobile-br {
    display: block;
  }
}

/*---------------------------------------- karriere --------------------------------------------- */
@media (max-width: 700px) {
  .deposit-systems-preview.three {
    position: relative;
  }

  .deposit-systems-preview.three #depoSliderOuterContainer {
    overflow-x: hidden;
  }

  .deposit-systems-preview.three #depoSliderContainer {
    position: relative;
    left: -100%;
  }

  .deposit-systems-preview.three #depoSliderContainer .item {
    overflow: hidden;
    flex: 1 0 calc(100% - var(--block-spacing-4) * 2);
  }

  .deposit-systems-preview .overlay {
    height: calc(224px - var(--standart-tile-padding) * 2);
  }

  .deposit-systems-preview .item {
    height: 224px;
  }
}

@media (min-width: 700px) {
  .deposit-systems-preview .slide-button {
    display: none !important;
  }
}

/*---------------------------------------- depoSliderContainer --------------------------------------------- */
/*---------------------------------------- news --------------------------------------------- */
@media (max-width: 1200px) {
  .newsContainer .container .newsItem {
    flex-basis: 40%;
  }
}

@media (max-width: 900px) {
  .newsCategory {
    padding: 1.5rem var(--standart-screen-limit-distance);
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .newsCategory a {
    margin: 0.2rem 0;
  }
}

@media (max-width: 700px) {
  .newsContainer {
    padding-top: 27px;
  }

  .newsContainer h3 {
    font-size: 24px;
    margin: 0 var(--block-spacing-4) 20px var(--block-spacing-4);
    text-align: left;
  }

  .newsContainer .container .newsItem {
    flex-basis: 100%;
    margin-bottom: 8px;
    margin-top: 0;
    flex-direction: row;
    background-color: var(--main-grey-background-color);
    border-radius: var(--tile-block-border-radius);
    overflow: hidden;
  }

  .newsContainer .container .newsItem .link-img {
    flex-basis: 39%;
    order: 2;
  }

  .newsContainer .container .newsItem .newsImg {
    border-radius: 0px;
  }

  /* .newsContainer .newsItem .link-img .newsImg {
    height: 182.25px;
  } */

  .newsContainer .item-text-content {
    flex-basis: 60%;
    order: 1;
    padding: 13.5px 9.62px;
  }

  .newsContainer .item-text-content h4 {
    font-size: 17px;
  }

  .newsContainer .container .item-text-content .descrption {
    display: none;
  }

  .newsContainer .container .item-text-content .date {
    font-size: 10px;
  }

  .news-item-spacing-inside:first-child {
    margin-top: 0 !important;
  }

  .news-item-spacing-inside {
    margin-top: 11px !important;
  }

  .newsContainer .container .newsItem .category span {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 4px;
    letter-spacing: 0.75px;
    font-weight: 500;
  }

  .newsContainer .container .newsItem .link {
    font-size: 14px;
    margin-top: auto !important;
  }

  .news-item .social-icons .col .button {
    padding: 0.5rem 1rem;
  }

  .news-item .social-icons .col.items {
    gap: var(--block-spacing-4);
    ;
  }

  .news-item .social-icons .item img {
    width: 1.5rem;
  }

  .Related-blocks .container {
    flex-direction: column;
  }

  .newsCategory {
    display: none;
  }

  .select-container.news {
    display: block;
    position: relative;
    padding: var(--block-spacing-4);
    background-color: var(--news-grey-background-color);
  }

  #newsChanger {
    padding: var(--block-spacing-4);
    border: 1px solid var(--dark-main-any-color);
    border-radius: 4px;
    appearance: none;
    width: 100%;
  }

  .newsChanger-img {
    position: absolute;
    top: calc(var(--block-spacing-4) * 2);
    right: calc(var(--block-spacing-4) * 2);
  }

  .newsChanger-img img {
    transform: rotate(270deg);
    width: 0.7rem;
  }

  .titles-block .category-date {
    align-self: flex-start;
  }

  .titles-block .header-description h1 {
    text-align: left;
  }
}

/*---------------------------------------- news --------------------------------------------- */
/*---------------------------------------- videoBlock --------------------------------------------- */
@media (max-width: 700px) {
  .videoBlock {
    padding-top: 0;
    padding-bottom: 0;
  }

  .videoBlock .content {
    position: relative;
  }

  .videoBlock .container {
    align-items: normal;
  }

  #move-forward-button-video {
    display: flex;
  }

  #move-backward-button-video {
    display: flex;
  }

  #videoSliderOuterContainer {
    overflow: hidden;
  }

  #videoSliderContainer {
    left: -100%;
    gap: 0;
  }

  #videoSliderContainer .item {
    flex: 1 0 100%;
  }

  .modal-content {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 700px) {
  #move-forward-button-video {
    display: none !important;
  }

  #move-backward-button-video {
    display: none !important;
  }
}
/*---------------------------------------- videoBlock --------------------------------------------- */
/*---------------------------------------- referen --------------------------------------------- */
@media (max-width: 700px) {
  .referenzenCategoryButtons {
    margin-top: 31px;
  }

  .referenzenCategoryButtons .container {
    flex-direction: column;
    gap: 15px;
  }

  .referenzenCategoryButtons .container .button {
    width: calc(100% - var(--whider-screen-limit-distance) * 2);
    justify-content: center;
  }

  .standart-article.content-container .standart-text {
    text-align: left;
  }
}

/*---------------------------------------- referen --------------------------------------------- */
/*---------------------------------------- gallery --------------------------------------------- */
@media (max-width: 1200px) {
  #gallerySliderContainer.container .item {
    flex-basis: calc(100%/3 - var(--block-spacing-4));
  }
}

@media (max-width: 700px) {
  #gallerySliderOuterContainer {
    margin: 0 var(--standart-screen-limit-distance);
    overflow: hidden;
  }

  #ZOOM .modal-content {
    overflow: hidden;
  }

  #zoomSliderContainer.container .item {
    flex: 1 0 100%;
    padding: 0 0;
  }

  #gallerySliderContainer.container .item {
    flex-basis: calc(50% - var(--block-spacing-4));
  }

  .gallery.references-gallery #gallerySliderOuterContainer {
    margin: 0;
  }
}

/*---------------------------------------- gallery --------------------------------------------- */
/*---------------------------------------- header --------------------------------------------- */
@media (max-width: 700px) {
  .heder-text {
    font-size: 12px;
  }
}

/*---------------------------------------- header --------------------------------------------- */
/*---------------------------------------- fullWidthImg --------------------------------------------- */
@media (max-width: 700px) {
  .partnersLogos-mobile {
    display: block;
  }

  .partnersLogos-desktop {
    display: none;
  }
}

/*---------------------------------------- fullWidthImg --------------------------------------------- */
/*------------------------------------------Button on light background start-----------------------------------------------------------------------*/

@media (max-width: 700px) {
  .button-on-light-background .button {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .bargeldmanagement-btn {
    margin-top: 22px;
  }
}

/*------------------------------------------Button on light background end-----------------------------------------------------------------------*/
/*------------------------aditional-----------------------------*/
@media (max-width: 500px) {
  .standart-article.content-container.machine-header h3 {
    margin-bottom: 25px;
  }
}

@media (max-width: 700px) {
  .reference-item .references-img {
    width: 100%;
    border-radius: 0;
  }

  .reference-item .img-block {
    padding: 0;
    flex-direction: column;
    padding-top: 20px;
  }

  .reference-item .img-block .img-item {
    width: 100%;
  }

  .datenschutz-block,
  .impressum {
    padding-top: var(--block-spacing-4);
  }
}

/*------------------------Cookie notice-----------------------------*/
@media (max-width: 870px) {
  .cn-modal-content{
    width: auto;
    position: absolute;
    bottom: 0;
  }
  #mobileCN{
    display: block;
  }
  
  #desktopCN{
    display: none;
  }
  #cnSettingsAccord{
    display: none;
  }
  #declineGdpr{
    display: none;
  }
}
@media (max-width: 700px) {
  #cookie-notice {
    min-width: 0 !important;
    line-height: 20px;
  }

  .cookie-notice-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--block-spacing-5);
  }

  .cn-button {
    padding: calc(var(--block-spacing-4) / 2) var(--block-spacing-2);
  }

  .cn-modal{
    padding-top: 0;
  }
  .cn-modal-body{
    overflow: auto;
    max-height: 60vh;
  }
  .cn-modal-footer{
    flex-direction: column;
  }
  .cn-modal-footer .cn-button{
    padding: var(--block-spacing-5);
    width: auto;
  }
}
@media (max-width: 375px) {
  .cn-modal-body{
    max-height: 25vh;
  }
}
@media (max-width: 870px) {
  .cn-modal-content{
    width: auto;
  }
}
/*------------------------Cookie notice-----------------------------*/
/*------------------------Ebeleg-----------------------------*/
@media (max-width: 700px) {
  .cn-button {
    padding: calc(var(--block-spacing-4) / 2) var(--block-spacing-2);
  }
  .cn-modal{
    padding-top: 0;
  }
  .cn-modal-body{
    overflow: auto;
    max-height: 60vh;
  }
  .cn-modal-footer{
    flex-direction: column;
  }
  .cn-modal-footer .cn-button{
    padding: var(--block-spacing-5);
    width: auto;
  }
  .ebeleg-modal-body .field-info .info-btn{
    top: -7px;
  }
  .ebeleg-modal-body .button img{
    width: auto;
  }
  #cardNumberInfoBlock{
    right: 0.1rem;
    top: 2.5rem;
    z-index: 1;
  }
  .bottom-arrow:after{
    top: -0.9rem;
    left: 17.8rem;
    transform: rotate(90deg);
  }
  #dateInfoBlock{
    right: 0.1rem;
    top: 2.5rem;
  }
  .bottom-arrow.second:after{
    top: -0.9rem;
    left: 16.95rem;
  }
  .ebeleg-m-content #errorBlock .row p{
    font-size: 19px;
  }
  .ebeleg-modal-header .container{
    margin-top: var(--block-spacing-2);
  }
  .ebeleg-modal-header .container h3{
    margin: 0;
  }
  .ebeleg-close{
    scale: 0.55;
    top: 0;
    right: -0.2rem;
  }
  .ebeleg-modal-body .field-info .info-btn{
    scale: 0.55;
    right: -5px;
  }
  .ebeleg-modal-body{
    padding-left: var(--block-spacing-4);
    padding-right: var(--block-spacing-4);
    padding-top: var(--block-spacing-2);
  }
  .ebeleg-modal-header{
    padding: 0 var(--block-spacing-4);
  }
  #textEBELEG{
    font-size: 1.5rem;
    margin-top: 0;
  }
  .ebeleg-modal-body .button{
    margin-top: 0;
    margin-bottom: var(--block-spacing-2);
    font-size: 0.8rem;
  }
  .ebeleg-modal-body .button img{
    scale: 1.1;
  }
}
@media (max-width: 870px) {
  .ebeleg-m-content{
    width: auto;
    margin-left: var(--block-spacing-4);
    margin-right: var(--block-spacing-4);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ebeleg-modal-body input{
    width: 50%;
  }
  .ebeleg-modal-body .field-info .info-btn{
    right: 46%;
    top: -4px;
  }
  #dateInfoBlock{
    right: 2rem;
  }
  #cardNumberInfoBlock{
    right: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px){
  #cardNumberInfoBlock {
    right: 0rem;
  }
  #dateInfoBlock{
    right: 1rem;
  }
}
@media (min-width: 820px) and (max-width: 1024px){
  #dateInfoBlock{
    right: 2rem;
  }
  #cardNumberInfoBlock{
    right: 1rem;
  }
}
@media (min-width: 912px) and (max-width: 1024px){
  .ebeleg-modal-body .field-info .info-btn {
    right: 45%;
  }
  #dateInfoBlock{
    right: -4rem;
  }
  #cardNumberInfoBlock{
    right: -5rem;
  }
}
/*------------------------Ebeleg-----------------------------*/
/*------------------------Cookie notice-----------------------------*/
/*------------------------hCodeRef-----------------------------*/
@media (max-width: 1200px) {
  #hCodeRef #move-backward-button-references, 
  #hCodeRef #move-forward-button-references{
    display: flex;
  }
}
/*------------------------hCodeRef-----------------------------*/