﻿
.TextMaske{
	background-image: url('res/svg/startseite.svg');
	background-size: cover;
	
	color: transparent;

}

.masked-text {
	font-size: 150px;
	font-family: sans-serif;
	font-weight: bold;
	/* Das Bild setzen */
	background-image: url('res/svg/startseite.svg');
	background-size: cover;
	background-position: center;
	/* Bild auf den Text zuschneiden */
	-webkit-background-clip: text;
	background-clip: text;
	/* Text transparent machen */
	color: transparent;
}

.masked-element {
	/* Bild als Maske */
	-webkit-mask-image: url('res/svg/startseite.svg');
	mask-image: url('res/svg/startseite.svg');
	/* Maske anpassen */
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}


.wolke {
	mask-image: url(res/svg/startseite.svg);
	mask-size: contain;
	mask-repeat: no-repeat;
}

img:hover {
	mask: none;
}