* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	height: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("IMG_1531.jpeg");
	background-repeat: no-repeat, no-repeat;
	background-attachment: fixed, fixed;
	background-position: center, center;
	background-size: cover, cover;
	background-color: white; /* Fallback-Farbe */
	font-family: 'Dosis', sans-serif;
}


body {
	color: white;
	text-align: center;
}
.row::after {
	display: table;
	content: " ";
	clear: both;
}

.card {
	padding: 9rem 3rem;
	height: 20rem;
	border-radius: 0.5rem;
	background: linear-gradient(30deg, rgba(240,230,140,0.5), rgba(0,0,0,0.5));
	box-shadow: 0.2rem 0.2rem 1rem rgba(0,0,0,0.5);
	text-align: center;
}

/*@media (max-width: 64em) {
	.card {
		background: linear-gradient(30deg, #423ff0, #c227ad);
	}
}

@media (max-width: 32em) {
	.card {
		background: linear-gradient(30deg, #f0803f, #a3371c);
	}
}
	*/
.card h1 {
	margin-bottom: 1rem;
}
/*
.col {
    width: 50%;
    float: left;
    padding: 2rem 2rem;
}

@media (max-width: 32em) { 
    .col {
        width: 100%;
        float: initial;
    }
}
*/
.col {
	width: 100%;
	float: none;
	padding: 2rem 2rem;
}

@media (min-width: 32em) {
	.col {
		float: left;
		width: 50%;
	}
}