:root {
	--gullys-dunkelblau: #0B2E50;
	--gullys-neon-blau: #1F80E0;
	--gullys-neon-orange: #FFAD24;
	--gullys-hellgrau: #E5ECF7;

	--gullys-mittelgrau: #BFC3CD;
	--gullys-grau: #7F8289;
	--gullys-dunkelgrau: #606267;

	--gullys-orange: #D4911E;
	--gullys-dunkelorange: #916314;

	--gullys-mittelblau: #1968B6;
	--gullys-blau: #104172;

	--gullys-neon-pink: #FF24CF;
	--gullys-neon-gruen: #57FF2E;
}

.visitcardlists {
	display: flex;
	width: 100%;
	justify-content: space-evenly;
}

.visitcardlists .visitcardlist {
	display: block;
	width: 40%;
}

.visitcardlists .first {
	margin-top: 32px;
}

.visitcardlists .second {
	margin-top: 132px;
}

.visitcardlists .visitcardlist span {
	display: inline-block;
	width: 100%;
	max-width: 460px;
	margin-bottom: 100px;
	height: 300px;
	border-radius: 16px;
	background-size: cover;
	box-sizing: border-box;
	box-shadow: 16px 8px 8px var(--gullys-dunkelgrau);
	padding: 16px;
}

.visitcardlists .visitcardlist .defaultcard {
	background-image: url("../assets/gullys_background_dunkelblau.png");
	border: 8px solid var(--gullys-neon-orange);
	text-shadow: 4px 4px 4px black;
}

.visitcardlists .visitcardlist .alternatecard {
	background-image: url("../assets/gullys_background_hellgrau.png");
	border: 8px solid var(--gullys-neon-blau);
	text-shadow: 4px 4px 4px white;
}

.visitcardlists .visitcardlist .infocard {
	background-image: url("../assets/gullys_background_neonblau.png");
	border: 8px solid var(--gullys-dunkelblau);
	text-shadow: 4px 4px 4px black;
}

.visitcardlists .visitcardlist span cardname {
	display: block;
	text-align: left;
	font-size: 48px;
}

.visitcardlists .visitcardlist .defaultcard cardname {
	color: var(--gullys-neon-orange);
}

.visitcardlists .visitcardlist .alternatecard cardname {
	color: var(--gullys-neon-blau);
}

.visitcardlists .visitcardlist .infocard cardname {
	color: var(--gullys-hellgrau);
}

.visitcardlists .visitcardlist span cardtitle {
	display: block;
	text-align: left;
	font-size: 20px;
	color: var(--gullys-orange);
	font-style: italic;
}

.visitcardlists .visitcardlist .defaultcard cardtitle {
	color: var(--gullys-orange);
}

.visitcardlists .visitcardlist .alternatecard cardtitle {
	color: var(--gullys-blau);
}

.visitcardlists .visitcardlist .infocard cardtitle {
	color: var(--gullys-hellgrau);
}

.visitcardlists .visitcardlist span carddistance {
	display: block;
	height: 32px;
}

.visitcardlists .visitcardlist span cardmail {
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 24px;
	color: var(--gullys-hellgrau);
	font-style: italic;
}

.visitcardlists .visitcardlist .defaultcard cardmail {
	color: var(--gullys-hellgrau);
}

.visitcardlists .visitcardlist .alternatecard cardmail {
	color: var(--gullys-dunkelblau);
}

.visitcardlists .visitcardlist span cardaddress {
	display: block;
	text-align: left;
	font-size: 20px;
}

.visitcardlists .visitcardlist .defaultcard cardaddress {
	color: var(--gullys-hellgrau);
}

.visitcardlists .visitcardlist .alternatecard cardaddress {
	color: var(--gullys-mittelblau);
}

@media (max-width: 1000px) {
	.visitcardlists {
		flex-direction: column;
		align-items: center;
	}

	.visitcardlists .visitcardlist {
		width: 80%;
	}
}