.block-10-bild-text {
	position:relative; 
	background-repeat: no-repeat;
	background-position-x: right;
	color: var(--white);
}

.block-10-bild-text::before {
	content: '';
    background: transparent linear-gradient(90deg, #F97100 0%, #f97100 62%, #F9710000 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
	top:0;
}
.block-10-bild-text span {
	background-color: var(--white);
	color: var(--black);
}

.block-10-bild-text h2 {
	color:white; }


.block-10-bild-text.dunkel {
	background-position-x: left}

.block-10-bild-text.dunkel::before {
	content: '';
    background: transparent linear-gradient(90deg, #17293300 0%, #172933 42%, #172933 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
	top:0;
}

.block-10-bild-text.dunkel .col-md-6 {
	float: right;
	text-align: right;}

@media all and (max-width: 796px) {
	.block-10-bild-text {
		background-size: contain;
	}
	.block-10-bild-text .col-xs-12.col-md-12 {
		margin-top: 35rem;
	}
	.block-10-bild-text::before {
		display:none;
	}
	.block-10-bild-text.dunkel::before {
		display:none;
	}
	.block-10-bild-text h2 {
		color: var(--black);
	}
	.block-10-bild-text p {
		color: var(--black);
	}
	.block-10-bild-text span {
		background-color: var(--primary);
    color: var(--white);
	}
	.block-10-bild-text.dunkel span {
		background-color: var(--black);
    color: var(--white);
	}
	.block-10-bild-text.dunkel .col-md-6 {
	float: left;
		text-align: left; }
}
@media all and (max-width: 530px) { 
.block-10-bild-text .col-xs-12.col-md-12 {
		margin-top: 25rem;
	}
}