@font-face {
font-family: 'playregular';
src: url(//www.hertex.ch/wp-content/themes/l2child22/assets/fonts/play/play-regular-webfont.woff2) format('woff2'),
url(//www.hertex.ch/wp-content/themes/l2child22/assets/fonts/play/play-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playbold';
src: url(//www.hertex.ch/wp-content/themes/l2child22/assets/fonts/play/play-bold-webfont.woff2) format('woff2'),
url(//www.hertex.ch/wp-content/themes/l2child22/assets/fonts/play/play-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
:root {
--font-family-headlines: "playregular", sans-serif;
--font-family-copy: "playregular", sans-serif;
--font-family-acc: "playregular", serif;
--type-scale: 1.333;
}
html,
body {
font-family: var(--font-family-copy);
font-size: 16px;
}
a {
color: inherit;
}
p a {
text-decoration: underline;
}
footer a:hover {
color: var(--e-global-color-primary);
}
.overline,
p .overline,
p.overline,
.overline p {
font-size: 10px;
font-weight: 400;
line-height: 18px !important;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 8px;
}
.subline,
p .subline,
p.subline,
.subline p {
font-size: clamp(22px, 3vw, 24px);
font-weight: 300;
line-height: 135% !important;
}
.subline_serif,
p .subline_serif,
p.subline_serif,
.subline_serif p {
font-size: clamp(22px, 3vw, 24px);
font-weight: 300;
line-height: 135% !important;
font-family: var(--font-family-acc);
}
.caption,
p.caption,
.caption p {
font-size: 12px;
font-weight: 300;
line-height: 18px;
letter-spacing: 0.05em;
}
.caption_bold,
p.caption_bold,
.caption_bold p {
font-size: 12px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.05em;
}
.page-template-page-saeule .subline,
.page-template-page-startseite .subline {
font-size: 20px;
font-weight: 400;
line-height: 26px !important;
}
.display,
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: var(--font-family-headlines);
}
.acc_fnt,
.acc_fnt div,
.acc_fnt div h2 {
font-family: var(--font-family-acc);
}
h1,
.h1 {
font-size: clamp(48px, 5vw, 64px);
line-height: 100% !important;
font-weight: 400 ;
margin: 0 0 8px 0 ;
}
h2,
.h2 {
font-size: clamp(32px, 4vw, 48px);
line-height: 100%;
font-weight: 400 ;
margin: 0 0 8px 0 ;
}
h3,
.h3 {
font-size: clamp(24px, 4vw, 32px);
line-height: 112% !important;
font-weight: 400;
margin: 0 0 8px 0;
}
h4,
.h4 {
font-size: clamp(20px, 3vw, 24px);
line-height: 115% !important;
font-weight: 400 ;
margin: 0 0 8px 0 ;
}
h5,
.h5 {
margin: 0 0 8px 0 ;
font-size: 18px;
font-weight: 400;
line-height: 24px !important;
}
h6,
.h6 {
margin: 0 0 8px 0 ;
font-size: 14px;
font-weight: 400;
line-height: 18px !important;
}
.display,
.display h2 {
font-size: clamp(64px, 7vw, 80px);
font-weight: 700 ;
line-height: 110% !important;
margin: 0;
}
p {
font-size: 1rem;
font-weight: 300;
line-height: 24px;
margin: 0 0 0.5em;
}
p strong {
font-weight: 700;
letter-spacing: 0.03em;
}
p.small,
.small {
font-size: 14px;
line-height: 18px;
font-weight: 400;
letter-spacing: 0.05em;
}
p.small strong,
.small strong {
font-weight: 700;
letter-spacing: 0.03em;
}