.two-text-boxes-block {
    column-gap: 20px;
    color: var(--color-white);
}

.two-text-boxes-block.produktstartteaserblock {
    color: var(--color-black-2);
}
.two-text-boxes-block.produktstartteaser {
    column-gap: 20px;
    color: var(--color-white);
}
.two-text-boxes-block .icon {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    padding: 10px 2px;
}

.two-text-boxes-block .title {
    /*margin-bottom: 10px;*/
}

.two-text-boxes-block .text {
    margin-bottom: 20px;
}

.two-text-boxes-block.produktstartteaserblock .text { margin:40px 40px 40px 20px;}
.two-text-boxes-block.produktstartteaserblock .produktstartteaser .checklist ul  {list-style: none;}
/*listenelement haken */
.two-text-boxes-block.produktstartteaserblock .produktstartteaser .checklist ul li::before {
  content: '';
  display: inline-block;
  height: 1em;
  width: 1em;
  background-image: url('/bilder/r2025r/haken_white.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 0.5em -0.25em -1.5em;
}

@media all and (max-width: 767px) {
    .two-text-boxes-block {
        width: 100%;
        margin: auto;
        row-gap: 20px;
    }

    .two-text-boxes-block .box {
        padding: 30px;
        max-width: unset !important;
    }
}

@media all and (min-width: 768px) {
    .two-text-boxes-block .box {
        padding: 50px 50px 102px 50px;
        position: relative;
    }

    .two-text-boxes-block .box a {
        position: absolute;
        bottom: 50px;
        left: 50px;
    }
     .two-text-boxes-block.produktstartteaserblock .box a {
        position: relative;
        bottom: 0;
        left: 0;
    }
     .two-text-boxes-block.produktstartteaserblock .box.produktstartteaser a {
        position: relative;
        bottom: 0;
        left: 20%;
    }
   .two-text-boxes-block.produktstartteaserblock .box.produktstartteaser {
        padding: 20px;
        position: relative;
    }
	.two-text-boxes-block div.produktstartteasertext {margin-bottom:102px;}
	.two-text-boxes-block div.produktstartteaser {margin-bottom:102px;}
}

@media all and (min-width: 1201px) {
    .two-text-boxes-block .box {
        max-width: 590px;
    }
    .two-text-boxes-block.produktstartteaserblock .box {
        max-width: 890px;
    }
}

@media all and (max-width: 1224px) {
    .two-text-boxes-block {
        margin: 0;
    }

    .two-text-boxes-block .box {
        max-width: calc((50vw - 22px));
    }

}