@font-face {
	font-family: 'Grundschrift';
	src: url('/typo3conf/ext/fragenfuchs/Resources/Public/Fonts/Grundschrift.woff2') format('woff2'),
	     url('/typo3conf/ext/fragenfuchs/Resources/Public/Fonts/Grundschrift.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
html, body, button, input {
    margin: 0;
    font-family: "Grundschrift", sans;
    color: #111111;
    background-color: #eeeeee;
}

.start-image {
    padding: 0.5vw;
    float: left;
    max-height: 100vh;
    max-width: 49vw;
}

.start-image img {
    max-width: 100%;
    max-height: 100vh;
}

.start-text {
    font-size: larger;
    padding: 0.5vw;
    padding-top: 1em;
    float: left;
    max-width:49vw;
}
.start-text img {
	max-width: 100%;
	height: auto;
}

.start-text figure.video iframe {
	max-width: 100%;
}


@media (max-width: 900px) {
	.start-image {
	    max-width: 28vw;
	}
	.start-text {
		max-width: 70vw;
	}
}

@media (max-width: 576px) {
	.start-image {
	    max-width: 18vw;
	}
	.start-text {
		max-width: 80vw;
	}
}