@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
src: url(//gruen4rent.de/fonts/rubik-v12-latin-regular.eot); src: local(''),
url(//gruen4rent.de/fonts/rubik-v12-latin-regular.eot?#iefix) format('embedded-opentype'), url(//gruen4rent.de/fonts/rubik-v12-latin-regular.woff2) format('woff2'), url(//gruen4rent.de/fonts/rubik-v12-latin-regular.woff) format('woff'), url(//gruen4rent.de/fonts/rubik-v12-latin-regular.ttf) format('truetype'), url(//gruen4rent.de/fonts/rubik-v12-latin-regular.svg#Rubik) format('svg'); } @font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
src: url(//gruen4rent.de/fonts/rubik-v12-latin-600.eot); src: local(''),
url(//gruen4rent.de/fonts/rubik-v12-latin-600.eot?#iefix) format('embedded-opentype'), url(//gruen4rent.de/fonts/rubik-v12-latin-600.woff2) format('woff2'), url(//gruen4rent.de/fonts/rubik-v12-latin-600.woff) format('woff'), url(//gruen4rent.de/fonts/rubik-v12-latin-600.ttf) format('truetype'), url(//gruen4rent.de/fonts/rubik-v12-latin-600.svg#Rubik) format('svg'); } @font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 800;
src: url(//gruen4rent.de/fonts/rubik-v12-latin-800.eot); src: local(''),
url(//gruen4rent.de/fonts/rubik-v12-latin-800.eot?#iefix) format('embedded-opentype'), url(//gruen4rent.de/fonts/rubik-v12-latin-800.woff2) format('woff2'), url(//gruen4rent.de/fonts/rubik-v12-latin-800.woff) format('woff'), url(//gruen4rent.de/fonts/rubik-v12-latin-800.ttf) format('truetype'), url(//gruen4rent.de/fonts/rubik-v12-latin-800.svg#Rubik) format('svg'); } @font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 400;
src: url(//gruen4rent.de/fonts/rubik-v12-latin-italic.eot); src: local(''),
url(//gruen4rent.de/fonts/rubik-v12-latin-italic.eot?#iefix) format('embedded-opentype'), url(//gruen4rent.de/fonts/rubik-v12-latin-italic.woff2) format('woff2'), url(//gruen4rent.de/fonts/rubik-v12-latin-italic.woff) format('woff'), url(//gruen4rent.de/fonts/rubik-v12-latin-italic.ttf) format('truetype'), url(//gruen4rent.de/fonts/rubik-v12-latin-italic.svg#Rubik) format('svg'); }
body {
font-family: 'Rubik';
}
#slide-out-widget-area .inner .off-canvas-menu-container li a {
font-family: 'Rubik'!important;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 400;
}
p,
li,
.light div[data-style*="minimal"] .toggle h3 a {
font-size: 20px;
line-height: 150%;
}
h1,
h2,
h3,
h4,
.toggle h3 a,
#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a,
.nectar-button,
#footer-outer .widget h4,
#top #logo,
b,
bold,
strong {
font-family: 'Rubik';
font-weight: 800px;
line-height: 130%
}
h1 {
font-size: calc(48px + 0.63vw);
}
h2 {
font-size: calc(38px + 0.63vw);
}
h3,
h4,
.toggle h3 a {
font-size: 30px;
}
p,
li {
font-family: 'Rubik';
font-weight: 400;
}
p a,
b,
bold,
strong,
li a {
font-weight: 600;
}
#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a,
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
font-family: 'Rubik';
font-weight: 800px;
line-height: 130%;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
#footer-outer .col {
text-align: center;
}
#footer-outer #copyright p {
font-size: 16px;
}
#top #logo,
.nectar-button {
letter-spacing: 0.5px;
}
.no-mb-pb {
margin-bottom: 0!important;
padding-bottom: 0!important;
}
@media only screen and (max-width: 768px) {
h1 {
font-size: 40px;
}
}
@media only screen and (max-width: 1024px) {
.mobile-off {
display: none!important;
}
}
@media only screen and (max-width: 640px) {
h1 {
font-size: 32px;
}
}