.bg-helper {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0% 8%;
	background-size: auto;
	xbackground-image: url( '../img/triangle-dark.svg' );
	xbackground-image: url( '../img/bgn.svg' );
	background-size: cover;
}

.site .has-bg {
	background: url('../img/ornament.png') no-repeat -275px -97px, url('../img/ornament.png') no-repeat 399px 52px;
	background-size: 340px;
    background-attachment: local, local;
}

@media screen and (min-width: 560px) {
		.site .has-bg {
		background: url('../img/ornament.png') no-repeat -217px -111px, url('../img/ornament.png') no-repeat 665px 52px;
		background-size: 340px;
		background-attachment: local, local;
	}
}

@media screen and (min-width: 880px) {
		.site .has-bg {
		background: url('../img/ornament.png') no-repeat -157px 62px, url('../img/ornament.png') no-repeat 792px 174px;
		background-size: 340px;
		background-attachment: local, local;
	}
}

@media screen and (min-width: 1090px) {
		.site .has-bg {
		background: url('../img/ornament.png') no-repeat -157px 62px, url('../img/ornament.png') no-repeat 950px 174px;
		background-size: 340px;
		background-attachment: local, local;
	}
}

@media screen and (min-width: 1300px) {
		.site .has-bg {
		background: url('../img/ornament.png') no-repeat 0px 62px, url('../img/ornament.png') no-repeat right 174px;
		background-size: 340px;
		background-attachment: local, local;
	}
}

.icon-info::before {
    background: url(../img/icons/icon-info--black.svg) 0 0 / 20px 30px no-repeat;
}

.cta-card__head:hover .tooltip-text {
    border: 1px solid;
}

.has-bg .language-switcher {
    margin: 0;
}

.bg-helper .language-switcher a {
    color: #fff;
}

.bg-helper .hero h1 span {
    color: #fff;
}

.bg-helper .hero div.cta-card {
    color: #000;
    background-color: #fff;
}

.cta-card__hover-text {
    color: #000;
    background-color: #fff;
}

/* About Science at Risk on Homepage
----------------------------------------------- */

.about-sar__homepage.full-width-section {
	background-color: #fff;
}



/* -----------------------------------------------
---------------- BG neu -------------------------- */
.bg-helper {
	background: none;
}

.has-bg .sub-header {
	background: var(--color-primary);
}

.hero {
	background: url(../img/ornament.png) no-repeat 400px 31px, var(--color-primary);
	
    background-size: 340px;
    background-attachment: local, local;
	background-repeat: no-repeat;
	
    margin-top: 0;
    padding-top: calc(2 * var(--spacing));
    padding-bottom: calc(4 * var(--spacing));
}



@media screen and (min-width: 540px) {
		.hero {
		background: url('../img/ornament.png') no-repeat -326px 0px, url('../img/ornament.png') no-repeat 507px 31px, var(--color-primary);
		background-size: 340px;
		background-attachment: local, local;
	}
}

@media screen and (min-width: 640px) {
		.hero {
		background: url('../img/ornament.png') no-repeat -326px 10px, url('../img/ornament.png') no-repeat 560px 31px, var(--color-primary);
		background-size: 340px;
		background-attachment: local, local;
	}
}

@media screen and (min-width: 735px) {
		.hero {
		background: url('../img/ornament.png') no-repeat -326px 10px, url('../img/ornament.png') no-repeat 680px 31px, var(--color-primary);
		background-size: 340px;
		background-attachment: local, local;
	}
}

@media screen and (min-width: 800px) {
		.hero {
		background: url('../img/ornament.png') no-repeat -326px 10px, url('../img/ornament.png') no-repeat 760px 31px, var(--color-primary);
		background-size: 340px;
		background-attachment: local, local;
	}
}

@media screen and (min-width: 935px) {
		.hero {
		background: url('../img/ornament.png') no-repeat -290px 10px, url('../img/ornament.png') no-repeat 820px 31px, var(--color-primary);
		background-size: 340px;
		background-attachment: local, local;
	}
}

@media screen and (min-width: 1090px) {
		.hero {
		background: url('../img/ornament.png') no-repeat -157px 26px, url('../img/ornament.png') no-repeat 950px 31px, var(--color-primary);
		background-size: 340px;
		background-attachment: local, local;
	}
}

@media screen and (min-width: 1300px) {
		.hero {
		background: url('../img/ornament.png') no-repeat 0px 26px, url('../img/ornament.png') no-repeat right 31px, var(--color-primary);
		background-size: 340px;
		background-attachment: local, local;
		padding-top: calc(3 * var(--spacing));
	}
}