@charset "UTF-8";
    @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-300.eot); src: local(''),
url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-300.eot?#iefix) format('embedded-opentype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-300.woff2) format('woff2'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-300.woff) format('woff'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-300.ttf) format('truetype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-300.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-regular.eot); src: local(''),
url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-regular.eot?#iefix) format('embedded-opentype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-regular.woff2) format('woff2'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-regular.woff) format('woff'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-regular.ttf) format('truetype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-700.eot); src: local(''),
url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-700.eot?#iefix) format('embedded-opentype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-700.woff2) format('woff2'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-700.woff) format('woff'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-700.ttf) format('truetype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/roboto/roboto-v20-latin-ext-700.svg#Roboto) format('svg'); }  @font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-regular.eot); src: local(''),
url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-regular.eot?#iefix) format('embedded-opentype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-regular.woff2) format('woff2'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-regular.woff) format('woff'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-regular.ttf) format('truetype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-regular.svg#Oswald) format('svg'); } @font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
src: url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-700.eot); src: local(''),
url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-700.eot?#iefix) format('embedded-opentype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-700.woff2) format('woff2'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-700.woff) format('woff'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-700.ttf) format('truetype'), url(//schaich-chemie.de/wp-content/themes/l2child21/fonts/oswald/oswald-v36-latin-ext-700.svg#Oswald) format('svg'); }   html {
font-size: 16px;
} :root {
--font-family-headlines: "Oswald", sans-serif;
--font-family-copy: "Roboto", sans-serif;
--type-scale: 1.333;
} body {
font-family: var(--font-family-copy);
font-weight: 400;
line-height: 1.5rem;
color: var(--txt-dark-clr);
} a {
outline-width: 0;
text-decoration: none;
color: var(--txt-dark-clr);
}
a:hover {
outline-width: 0;
text-decoration: none;
color: var(--txt-light-clr);
} p, .copytext {
font-family: var(--font-family-copy);
font-size: 1rem;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5rem;
letter-spacing: 0.4px;
margin: .5rem 0 .5rem 0;
} li {
font-family: var(--font-family-copy);
font-size: 1rem;
font-weight: 400;
line-height: 2.25rem;
letter-spacing: 0.36px;
color: var(--txt-dark-clr);
} h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.display {
font-family: var(--font-family-headlines);
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0;
margin: 2rem 0 .5rem 0;
text-transform: uppercase;
}
.display {
font-size: clamp(32px, 6vw, 55px);
line-height: clamp(3.5rem, 3.5rem, 3.5rem);
}
h1,
.h1 {
margin: 0 0 .5rem 0;
font-size: clamp(38px, 4vw, 48px);
line-height: 113%;
}
h2,
.h2 {
margin: 0 0 .5rem 0;
font-size: clamp(30px, 5vw, 32px);
line-height: clamp(2.5rem, 2.5rem, 2.5rem);
}
h3,
.h3 {
font-size: clamp(24px, 24px, 24px);
line-height: clamp(2rem, 2rem, 2rem);
}
h4,
.h4 {
font-size: clamp(20px, 20px, 20px);
line-height: clamp(1.5rem, 1.5rem, 1.5rem);
}
h5,
.h5 {
font-size: clamp(20px, 20px, 20px);
line-height: clamp(1.5rem, 1.5rem, 1.5rem);
}
h6,
.h6 {
font-size: clamp(18px, 18px, 18px);
line-height: clamp(1.25rem, 1.25rem, 1.25rem);
}
.subtitle,
.p-small p,
p.p-small,
a .btn-big p,
a .btn-small,
.caption p,
.overline p {
font-family: var(--font-family-copy);
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0;
}
.subtitle,
.subtitle p,
.subtitle-white {
font-size: 1.25rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 118%;
letter-spacing: 0.2px;
margin: 0 0 1rem 0;
}
.p-small p,
p.p-small {
font-size: 0.875rem;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: 0.3px;
}
.caption {
font-size: 0.75rem;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: 0.2px;
}
.overline {
font-size: 0.625rem;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.6;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.bold{
font-weight: bold;
}
@media (max-width:380px) {
h1,
.h1 {
margin: 0 0 .5rem 0;
font-size: 28px;
line-height: 38px;
}
}