.paragraph--type--card-square {
	height: 100%;
	margin-bottom: 0;
}

.paragraph--type--card-square a {
	display: block;
	text-decoration: none;
}

.card--type--square {
	box-shadow: var(--theme--box-shadow);
	position: relative;
}

.card--type--square .card__square {
	width: 100%;
	height: 0;
	padding-top: 100%;
}

.card--type--square .card__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em 1em;
	display: flex;
	flex-direction: column;
}
	.paragraph--type--card-square .card--type--square.card--style--none .card__content {
		background: rgba(255,255,255, 1);
	}
		.paragraph--type--card-square a:hover .card--type--square.card--style--none .card__content {
			background: var(--theme--color--dark);
		}
	.paragraph--type--card-square .card--type--square.card--style--first .card__content {
		background: var(--theme--color--primary-75);
	}
	.paragraph--type--card-square .card--type--square.card--style--second .card__content {
		background: var(--theme--color--primary);
	}
	.paragraph--type--card-square .card--type--square.card--style--third .card__content {
		background: var(--theme--color--primary-50);
	}
	.paragraph--type--card-square .card--type--square.card--style--fourth .card__content {
		background: var(--theme--color--primary-25);
	}
	.paragraph--type--card-square a:hover .card--type--square.card--style--first .card__content,
	.paragraph--type--card-square a:hover .card--type--square.card--style--second .card__content,
	.paragraph--type--card-square a:hover .card--type--square.card--style--third .card__content,
	.paragraph--type--card-square a:hover .card--type--square.card--style--fourth .card__content {
		background: rgba(255,255,255, 1);
	}

.card--type--square .card__content .headline {
	color: rgba(255,255,255, 1);
}
	.card--type--square.card--style--none .card__content .headline {
		color: var(--theme--color--primary);
	}
		.paragraph--type--card-square a:hover .card--type--square.card--style--none .card__content .headline {
			color: rgba(255,255,255, 1);
		}
	.card--type--square.card--style--fourth .card__content .headline {
		color: var(--theme--color--text);
	}
	.paragraph--type--card-square a:hover .card--type--square.card--style--first .card__content .headline {
		color: var(--theme--color--primary-85);
	}
	.paragraph--type--card-square a:hover .card--type--square.card--style--second .card__content .headline {
		color: var(--theme--color--primary);
	}
	.paragraph--type--card-square a:hover .card--type--square.card--style--third .card__content .headline {
		color: var(--theme--color--primary-65);
	}
	.paragraph--type--card-square a:hover .card--type--square.card--style--fourth .card__content .headline {
		color: var(--theme--color--primary-50);
	}

.card--type--square .card__content .text {
	font-size: var(--theme--font-size--small);
	color: rgba(255,255,255, 1);
}
	.card--type--square.card--style--none .card__content .text {
		color: var(--theme--color--text);
	}
		.paragraph--type--card-square a:hover .card--type--square.card--style--none .card__content .text {
			color: rgba(255,255,255, 1);
		}
	.card--type--square.card--style--fourth .card__content .text {
		color: var(--theme--color--text);
	}
	.paragraph--type--card-square a:hover .card__content .text {
		color: var(--theme--color--text);
	}
	

.card--type--square .card__readmore {
	margin-top: auto;
}

.card--type--square .card__readmore .button {
  font-size: var(--theme--font-size--small);
	font-weight: 700;
	padding-top: 0;
	padding-bottom: 0;
	color: rgba(255,255,255, 1);
}
	.card--type--square.card--style--none .card__readmore .button {
		color: var(--theme--color--dark);
	}
		.paragraph--type--card-square a:hover .card--type--square.card--style--none .card__readmore .button {
			color: rgba(255,255,255, 1);
		}
	.card--type--square.card--style--fourth .card__readmore .button {
		color: var(--theme--color--text);
	}
	.paragraph--type--card-square a:hover .card--type--square .card__readmore .button {
		color: var(--theme--color--dark);
	}
	.card--type--square .card__readmore .button:before {
		font-size: var(--theme--font-size--xsmall);
		color: var(--theme--color--light);
	}
		.card--type--square.card--style--none .card__readmore .button:before {
			color: var(--theme--color--secondary);
		}
			.paragraph--type--card-square a:hover .card--type--square.card--style--none .card__readmore .button:before {
				color: var(--theme--color--light);
			}
		.card--type--square.card--style--fourth .card__readmore .button:before {
			color: var(--theme--color--text);
		}
		.paragraph--type--card-square a:hover .card--type--square .card__readmore .button:before {
			color: var(--theme--color--secondary);
		}
		
@media (min-width: 992px) {
	.card--type--square .card__content .headline {
		font-size: var(--theme--font-size);
	}
	
	.card--type--square .card__content .text {
		font-size: var(--theme--font-size--tiny);
		opacity: 0;
	}
		.card--type--square:not(.card--permalink) .card__content .text {
			opacity: 1;
		}
		.paragraph--type--card-square a:hover .card__content .text {
			color: var(--theme--color--text);
			opacity: 1;
		}
	
	.card--type--square .card__readmore .button {
  	font-size: var(--theme--font-size--xsmall);
	}
}

@media (min-width: 1200px) {
	.card--type--square .card__content .headline {
		font-size: var(--theme--font-size--medium);
	}
	
	.card--type--square .card__content .text {
		font-size: var(--theme--font-size--xsmall);
	}
}