/* zeitform */
body {font-family: 'ralewayregular',Helvetica, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family: 'ralewaysemibold',Helvetica, Arial, sans-serif;color: #666;}
h1 {font-size: 24px;}
.header h1 {font-family: 'ralewayregular',Helvetica, Arial, sans-serif;letter-spacing: 0.025em;font-size: 22px;}
@media (min-width:360px){
  .header h1{font-size:24px}
  }
@media (min-width:550px){
  .header h1{font-size:26px}
  }
h2 {font-size:20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
p, ul, ol {font-size: 15px;font-family: 'ralewayregular',Helvetica, Arial, sans-serif;color: #555}
.nav .kataloge ul {font-size: 90%; line-height: 1.2em;}
.nav .kataloge ul li a {font-size: 100%; line-height: 1.5em;}
  body.home .katalog h3 {font-family: 'ralewayregular',Helvetica, Arial, sans-serif;}

@media(min-width: 768px){
.nav>div, .nav ul {font-size: 14px }
  body.home nav.nav>div>ul,
    body.home nav.nav>div>div.kataloge {font-size:110%}
  body.home .header h1 {font-size: 26px}
  body.home .katalog h3 {line-height: 4vw;}
}
.footer p {line-height: 1.5em;font-size: 2.6vw;}
@media(min-width:550px){
  .footer p {font-size: 14px;}
}
@media(min-width:1200px){
  .footer p {font-size: 15px;}
}