@mixin wcfFontDefault {
	@include screen-md-up {
		font-size: $wcfFontSizeDefault;
	}

	@include screen-sm-down {
		font-size: 14px;
	}
}

@mixin wcfFontSmall {
	font-weight: 400;

	@include screen-md-up {
		font-size: $wcfFontSizeSmall;
	}

	@include screen-sm-down {
		font-size: 12px;
	}
}

@mixin wcfFontBold {
	font-weight: 600;
}

@mixin wcfFontHeadline {
	font-weight: 400;
	line-height: 1.28;

	@include screen-md-up {
		font-size: $wcfFontSizeHeadline;
	}

	@include screen-sm-down {
		font-size: 18px;
	}
}

@mixin wcfFontSection {
	font-weight: 300;
	line-height: 1.28;

	@include screen-md-up {
		font-size: $wcfFontSizeSection;
	}

	@include screen-sm-down {
		font-size: 20px;
	}
}

@mixin wcfFontTitle {
	font-weight: 300;
	line-height: 1.05;

	@include screen-md-up {
		font-size: $wcfFontSizeTitle;
	}

	@include screen-sm-down {
		font-size: 23px;
	}
}

@mixin wcfLineHeight {
	line-height: $wcfFontLineHeight;
}