body{
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	font-weight: 400}

:root {
	--text-xxxs: 12px;
	--text-xxl: 18px; /* headlines */
	--text-xxxl: 24px; /* headlines homepage */
	--text-light: 300;
	--text-semibold: 600;
	--text-bold: 700}
@media screen and (min-width: 22.5em) {
	:root {
		--text-xxs: 13px;	
		--text-xs: 14px;
		--text-s: 15px;
		--text-l: 19px;
		--text-xxl: 20px;
		--text-xxxl: 40px}
}
/*
@media screen and (min-width: 22.5em) and (max-width: 479px) and (orientation : landscape) {
	:root {
		--text-xxl: 18px;
	}
}
@media screen and (min-width: 400px) {
	:root {
		--text-xxl: 22px;
	}
}
@media screen and (min-width: 30em) {
	:root {
		--text-xxl: 28px;
		--text-xxxl: 48px;
	}
}
@media screen and (min-width: 35em) {
	:root {
		--text-xxl: 32px;
	}
}*/
/*@media screen and (min-width: 48em) {*/
@media screen and (min-width: 30em) {
	:root {
		/*--text-l: 19px;*/
		--text-l-menu: 19px;
		--text-xl: 25px;
		--text-xxl: 42px;
		--text-xxxl: 64px}
}
/*@media screen and (min-width: 60em) {*/
@media screen and (min-width: 30em) {	
	:root {
		--text-xxs: 15px;
		--text-xs: 17px;
		--text-s: 19px;
		--text: 21px;
		--text-l: 21px;
		--text-l-menu: 21px;
		--text-xl: 33px}
}
@media screen and (min-width: 64em) {
	:root {
		--text-l: 25px;
		--text-l-menu: 25px}
}
@media screen and (min-width: 90em) {
	:root {
		--text-xs: 23px}
}

/* lawyer */
.lawyer__jobtitle{
	font-style: italic}
.lawyer__name{
	font-weight: 600}
/* lawyers */
.lawyers__note{
	font-weight: 700}
/* lawyer */
.lawyer__contact{
	font-size: var(--text-l)}
.lawyer__jobtitle{
	font-size: var(--text-xxs)}
.lawyer__name{
	font-size: var(--text-xl)}
/* lawyers */
.lawyers__note{
	font-size: var(--text-s)}
p{
	margin-bottom: 1em}