@font-face {
  font-family: 'AlpinaStd';
  src: url('../fonts/GT-Alpina-Standard-Regular.woff2') format('woff2'),
       url('../fonts/GT-Alpina-Standard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'AlpinaStdI';
  src: url('../fonts/GT-Alpina-Standard-Regular-Italic.woff2') format('woff2'),
       url('../fonts/GT-Alpina-Standard-Regular-Italic.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'AlpinaTw';
  src: url('../fonts/GT-Alpina-Typewriter-Regular.woff2') format('woff2'),
       url('../fonts/GT-Alpina-Typewriter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
html { background:#fff; font-size:16px; }
body {
  color:#000;
  font-size:1em;
  line-height: 1.45em;
  font-family: "AlpinaStd", serif;
  font-weight: 400;
  font-style: normal;
}
h1, .h1, h2, .h2, h3 {
  color:#000;
  font-family: "AlpinaStdI", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
  margin: 0 0 1em 0;
}
h1, .h1 { font-size: 2.85em; }
h2, .h2 { font-size: 2em; }
h3, .h3 { font-size: 1.5em; font-family: "AlpinaStd", serif; }
p.h1 { line-height: 1.333em; }
p.h2, p.h3 { line-height: 1.45em; }
a { color: #000; }
a:hover { color: #000; }

/* header, menu */
.ico { width: 2em; margin-top: -0.333em; display: inline-block; }
.signet { width: 1.875em; margin-top: -0.333em; display: inline-block; }
.signet img { display:block; }
.homepage #signet { opacity:0; transition: opacity 0.5s ease-in-out; }
.homepage #signet.show { opacity:1; }
header { background:#FF5500; height:3rem; padding: 0.85rem 15px 0 15px; line-height: 1.25rem; }
header nav ul { padding:0; margin:0; text-transform: uppercase; text-align: center; }
header nav ul li { list-style:none; float: left; font-family: 'AlpinaTw'; }
header nav ul li a { border: 0.5px solid #000; border-radius: 0.333em; padding: 0.11em 0.25em 0.09em 0.25em; font-size: 1.25em; margin: 0 0.333em; }
header nav ul li a:hover { background: #000; color: #fff; text-decoration: none; }
/* modal menu */
#menu .uk-modal-dialog { background:#FF5500; padding:0.85rem 15px 0 15px; }
#menu nav ul { padding:0; margin:0; text-align: center; position: absolute; width: 100%; left: 0; top: 5em; top: 3em; font-size: 2.75em; line-height: 1.5em; }
#menu nav ul li { list-style:none; font-family: 'AlpinaTw'; text-transform: uppercase; }

/* visual */
#visual { height: calc(100vh - 50px); }
.logo img { width: 70vw; max-width: 500px; }
.logo { display:none; }
.homepage .logo { display:flex; }
#intro { position: absolute; bottom: 3rem; }

/* content */
section { overflow: hidden; padding: 3em 0; }
section.intro { padding: 6em 0; }
.btn-row { margin-top: 3em; }
.intro .btn-row { margin-top: 5em; }
.intro p:not(.btn-row) { font-size:1.333em; line-height: 1.4em; }
.intro a, 
.modul a { text-decoration: underline; }
section:nth-of-type(even),
section.anfrage { background: #CDCDC3; }
a.btn { font-family: 'AlpinaTw'; text-transform: uppercase; line-height: 2em; white-space: nowrap; border: 0.5px solid #000; border-radius: 0.333em; padding: 0.11em 0.25em 0.09em 0.25em; font-size: 1.25em; margin: 0 0.5em 0 0; text-decoration: none; }
a.btn:hover { background: #000; color: #fff; }
.intro a.btn { margin: 0 0.25em; }
.anchor { display: block; height: 0; text-decoration: none !important; }
section .uk-grid h2 { margin-top: 0.75em; }
.visual img { aspect-ratio: 9 / 16 !important; }

/* slider */
.uk-slideshow-items { aspect-ratio:9 / 16 !important; }

/* form */
form .btn { color: #000; border: 0.5px solid #000; border-radius: 0.333em; padding: 0.11em 0.25em 0.09em 0.25em; font-size: 1.25em; font-family: 'AlpinaTw'; text-transform: uppercase; background: transparent; }
form .btn:hover { cursor:pointer; background: #000; color: #fff; }
.uk-input, .uk-select, .uk-textarea { border:1px solid #CDCDC3; padding-top: 1.25em; padding-bottom: 0.75em; }
.uk-input:focus, .uk-select:focus, .uk-textarea:focus { border-color: #000; }
.uk-input::placeholder, .uk-textarea::placeholder { font-size:80%; }
textarea[name="Message"], input[name="URL"] { display: none; }

/* footer */
.ico-carousel { margin-bottom:2em; }
.ico-carousel img { min-width: 960px; display: block; margin-left: calc(50vw - 480px); }
footer { background:#B2B0A1; overflow: hidden; padding-bottom: 1.5em; }
footer a { text-decoration: underline; }
footer .signet { margin: 1em 0; }


@media (min-width: 640px) {/* uikit s */
  html { background:#fff; font-size:18px; }
  a.btn { margin-right: 1em; }
  .intro a.btn { margin: 0 0.5em; }
  .modul .uk-grid .uk-width-2-3\@s { padding: 0 5rem 0 5rem; }
  .modul .uk-grid .uk-width-2-3\@s.uk-first-column { padding: 0 4rem 0 6rem; }
}
@media (min-width: 960px) {/* uikit m */
  html { background:#fff; font-size:21px; }
  .ico-carousel img { min-width: unset; margin-left:0; }
  header nav ul li a { margin: 0 0.5em; }
}
@media (min-width: 1200px) {/* uikit l */
  html { background:#fff; font-size:25px; }
}
@media (min-width: 1600px) {/* uikit xl */
}