.block-1-hero.typeB .sectionInner{
position: relative;
z-index: 1;
overflow: hidden;
padding-top: 10rem;
padding-bottom: 10rem;
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
}
.block-1-hero.typeB .bgColorHelper{
position: absolute;
width:50%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.block-1-hero.typeB .bgImgHelper{
position: absolute;
width:50%;
height: 100%;
top: 0;
left: 50%;
z-index: -2;
background-repeat:no-repeat;
background-size:cover;
}
.block-1-hero .textWrap{
padding-bottom: 3rem;
}
.block-1-hero .ctaBtn{
margin-top:3rem;
}
@media (max-width: 767px){
.block-1-hero .textWrap{
margin-top: 10rem;
}
.block-1-hero.typeB .bgColorHelper{
width:100%;
}
.block-1-hero.typeB .bgImgHelper{
width: 100%;
left: 0;	
height: 30rem;
z-index: -1;
}
.block-1-hero.typeB .sectionInner{
padding-top: 23rem;
padding-bottom: 0;
}
.block-1-hero.typeB .mainContainer{
position: relative;
}
}.block-7-nutzen .iconWrap img{
max-width: 3rem;
display: block;
height: 3rem;
box-shadow: -2px 0px 0px #b45375;
padding: 0.4rem;
}
.block-7-nutzen .iconWrap.centerImg img{
margin: 0 auto;
}
.block-7-nutzen .iconWrap{
margin-bottom: 1.5rem;
}
.block-7-nutzen .flexRow {
margin-top: -3rem;
}
.block-7-nutzen .flexRow > div {
margin-top: 3rem;
}.block-3-freier-text a {
color: var(--primary);
font-weight: 500;
text-decoration: underline;
}
.block-3-freier-text a:hover {
text-decoration: none;
}
.block-3-freier-text .icon {
max-height: 8rem!important;
max-width: 6rem!important;
}
.block-3-freier-text .ctaBtn {
color: var(--tex-dark);
font-weight: 700;
text-decoration: none;
}.block-3-drei-kacheln {
overflow: hidden;
}
.block-3-drei-kacheln .flexRow {
justify-content: center;
}
.block-3-drei-kacheln .innerWrap{
background: var(--background-main);
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
height: 100%;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: space-between;
border-radius: var(--border-radius);
overflow: hidden;
}
.block-3-drei-kacheln .checklistWrap{
margin: 3rem 0.5rem 4rem;
}
.block-3-drei-kacheln .checkList{
font-size: 1.6rem;
}
.block-3-drei-kacheln ul.checkList li:before {
width: 1.8rem;
top: 4px;
}
.block-3-drei-kacheln ul.checkList li {
padding-left: 3rem;
}
.block-3-drei-kacheln .textWrap{
margin-left: 4rem;
margin-right: 4rem;
margin-top: 2rem;
}
.block-3-drei-kacheln .hervorgehoben {
background: var(--background-alt1);
color: var(--text-light);
transform: scale(1.1);
}
.block-3-drei-kacheln .hervorgehoben h2, .block-3-drei-kacheln .hervorgehoben h3, .block-3-drei-kacheln .hervorgehoben a {
color: var(--text-light);
}
.block-3-drei-kacheln .hervorgehoben a:after {
background-color: var(--text-light);
}.block-5-schritte .innerWrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-bottom: 3rem;
}
.block-5-schritte h2{
margin-bottom:5rem;
}
.block-5-schritte .innerWrap:before{
content: '';
position: absolute;
top: 6.8rem;
left: 2.75rem;
border-right: 2px dashed var(--primary);
height: calc( 100% - 7.9rem );
}
.block-5-schritte .numberWrap{
width: 6rem;
height: 6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
color: var(--primary);
border: 1px solid  var(--primary);
background: transparent;
margin-right: 3rem;
font-size: 3.2rem;
font-weight: 500;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.block-5-schritte .stepCol > div:first-child > .numberWrap{
color: var(--text-light);
background: var(--primary);
border: 1px solid  var(--primary);
}
.block-5-schritte .stepCol > div:last-of-type:before{
display: none;
}
.block-5-schritte .textRed{
font-size: 2.2rem;
font-weight: 500;
color: var(--primary);
}
.block-5-schritte .textGrey{
font-size: 1.8rem;
color: var(--text);
}