/*

xxxs
xxs
xs
s
m
l
xl
xxl
xxxl

√
- better selector for mouseover: exclude links with images

*/
/*
.section__headline{
	border: 1px solid red;}
	*/
body{
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	font-weight: 400}


a:not(.link-image):hover{
	color: #fff;
	background: black}
a:not(.link-image):not(.cta):not(.language-link):hover{
	display: inline-block;
	margin: 0 -0.188em;
	padding: 0 0.188em;
}
main a[href^="/information"] {
	text-decoration: underline;
	text-decoreation-color: currentColor;
}
main a[href^="/information"]:hover {
	color: currentColor;
	background: none;
	text-decoration: none;
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
}
@media screen and (max-width: 29.938em) {
	.link-more:after {
		content: "…";
		padding-left: 0.25em;
	}
	.link-more:not(.link-more--mixed):after {
		font-weight: 700;
	}
	.link-more:hover:after {
		content: "";
	}
}
a.link-more:hover {
	display: inline !important;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	box-decoration-break: clone;
}

@media screen and (min-width: 30em) {
	a.cta:hover{
		display: inline-block;
		margin: 0.75em -0.188em;
		margin: 0;
		padding: 0 0.188em}
}
.invert a:hover{
	color: #000;
	background: #fff}

/* address */
.address{
	/*font-size: var(--text)*/
	font-size: var(--text-footer)}

/* aside */
.aside h2{ /* √ rename to .aside__headline? */
	/*font-size: var(--text-xl);
	font-weight: 600}*/
	font-size: var(--text-l); /* only 1 setting for aside? */
	font-weight: 700}
.aside p{
	font-size: var(--text-l);
	font-weight: 700}

/* button */
.btn{
	white-space: nowrap}
/* card */
.card--highlight{
	font-weight: 700}
.card__contact{
	/*font-size: var(--text-l)*/
	font-size: var(--text-contact)}
.card__note{
	font-size: var(--text-s);
	font-weight: 700}
.card__subtitle{
	font-weight: 400;
	font-size: var(--text-xxs);
	font-style: italic}
.card__title{
	line-height: 1.2;
	/*font-size: var(--text-xl);*/
	font-size: var(--text-contact-title);
	font-weight: 600}
@media screen and (max-width: 29.938em) {
	.card__title {
		margin-bottom: 0.25em;
    	/*font-size: var(--text-xxl-merged)*/}
}
@media screen and (min-width: 560px) {
	.card__title--responsive br {
		display: none}
}

/* contact */
.contact__address *{
	font-size: var(--text-xl)}
.contact__hours{
	font-size: var(--text-l);
	font-weight: 700}
.contact__hours p{
	margin-bottom: 1em}
.contact__hours p:last-child{
	margin-bottom: 0}
.contact__subtitle{
	font-style: italic}
.contact__title{
	font-weight: 600}
/* cta */
.cta{
	/*
	font-size: var(--text);
	font-size: var(--text-s);
	*/
	font-size: var(--text-cta);
	font-weight: 700;
	text-transform: uppercase}
/*
@media screen and (min-width: 30em) {
	.cta {
		font-size: var(--text-xxxs)}
}
*/


.invert .cta{
	color: #fff}
/* firm */
.firm p {
	text-align: justify;
}
.firm p:last-child{
	margin: 0;
}
.firm__note{
	font-size: var(--text-l);
	font-weight: 700}
/* lawyers */
.lawyers__contact{
	font-weight: 600}
.lawyers__contact--highlight{
	font-weight: 700}
.lawyers__head{
	font-size: var(--text-l);
	font-weight: 700}
.lawyers__head--highlight{
	font-size: var(--text-xl);
	font-weight: 600}
.lawyers__info{
	font-size: var(--text)}
.lawyers__note{
	font-size: var(--text-s);
	font-weight: 700}
	
/* menu */
.menu__headline {
	font-size: var(--text-xxs);
	font-style: italic;
}
.header .menu__items{
	/*font-size: var(--text-xxl);
	font-size: var(--text-xl)*/
	font-size: var(--text-nav)}
.header .menu__items li{
	line-height: 2}
/*.header .menu__items a{
	line-height: 2}*/
@media screen and (min-width: 30em) {
	/*.header .menu__items{
		font-size: var(--text-l)}*/
	.header .menu__items li{
		line-height: unset}
	/*.header .menu__items a{
		line-height: unset}*/
}

.demo .nav-toggle{
	font-size: var(--text-xs);
	font-weight: bold}

/* navigation */
.navigation-language{
	font-size: var(--text-xs);
	font-weight: 700;
	text-transform: uppercase}
.navigation__item{
	/*font-size: var(--text)*/
	font-size: var(--text-footer)}

/* reviews */
.reviews__date{
	font-weight: 600}
.reviews__item{
	font-size: var(--text)}
.reviews__more{
	font-size: var(--text-s);
	font-weight: 600}
.reviews__title{
	font-weight: 700}
/* section */
.section__headline{
	/*font-size: var(--text-xxl-merged);*/
	font-size: var(--text-headline);
	font-weight: 600}
@media screen and (max-width: 29.938em) {
	/*h2.section__headline{
		line-height: 1}*/
	.section__headline--multi{
		line-height: 1.2}
}
.js .section__headline--highlight{ 
	font-size: var(--text-xxxl)} /* rename to headline--highlight */
.section__headline--primary{
	font-weight: 600}
@media screen and (min-width: 22.5em) {
	.section__headline{
		font-weight: 300}
	.section__headline--primary{
		font-weight: 600}
}
/* skills */
.skills__lawyers{
	font-size: var(--text-l);
	font-weight: 700}
.skills__list{
	font-size: var(--text-s)}
.skills__list ul{
	font-style: italic}
.skills__list-title{ /* lawyer */
	line-height: 1.3;
	font-size: var(--text);
	font-weight: 700}
.skills__list em{
	color: #606060}
.skills__section{
	font-size: var(--text-l)}
.skills__subtitle{
	font-size: var(--text-l)}
.skills__subtitle--light{
	font-weight: normal}
.skills__text ul{
	font-style: italic}
.skills__title {
	line-height: 1.3;
	font-size: var(--text-xl);
	font-weight: 600;
}
.skills__teaser .skills__title {
	margin: 0;
}
@media screen and (max-width: 47.938em) {
	header > .skills__title{
		word-wrap: break-word;
		hyphens: auto;
		font-size: var(--text-xxl); /* ??? */
		margin-bottom: 0.5em;
	}
}
/* summary */
summary{
	color: #fff;
	font-weight: 600;
	text-transform: uppercase}
/* text */
.text h2{
	font-size: var(--text)}
.text h3{
	font-size: var(--text)}
.text p{
	font-size: var(--text)}
.text span{
	font-size: var(--text)}
.text ul{
	font-size: var(--text)}

/* util */
.invert{
	color: #fff}
@media screen and (max-width: 29.938em) {
	.invert--mobile{
		color: #fff}
}
.justify{
  text-align: justify}