/* fonts */
@font-face {
  font-family: 'allerregular';
  src: url('../fonts/aller_rg-webfont.woff2') format('woff2'),
       url('../fonts/aller_rg-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aller_lightregular';
  src: url('../fonts/aller_lt-webfont.woff2') format('woff2'),
       url('../fonts/aller_lt-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aller_lightitalic';
  src: url('../fonts/aller_ltit-webfont.woff2') format('woff2'),
       url('../fonts/aller_ltit-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* page transition */
body { opacity: 1; transition: 0.5s opacity; }
body.fade-out { opacity: 0; transition: none; }

/* general/overrules */
html { background-color:#000; }
html, body { color: #000; font-family: 'aller_lightregular','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.5em; }
.uk-container { padding:0 15px 0 15px; max-width: 980px; }
ul { padding-left: 1.2em; list-style: disc; }
ul.unstyle { padding: 0; list-style: none; }
h1, h2, h3 { color: #000; font-family: 'allerregular'; font-size: 1.5em; line-height: 1.25; }
h2, h3 { font-size: 1.2em; }
* + h1 { margin-top: 2em; }
h2 { margin-top:25px; }
.uk-card h2 { margin-top:0; }
a { color: #000; text-decoration: underline; text-decoration-color:rgba(0,0,0,0.5); transition: text-decoration-color 0.5s ease 0s; }
a:hover { color: #000; text-decoration: underline; text-decoration-color:rgba(0,0,0,1); }
.uk-button { line-height: 2em; min-height: 2em; border-radius: 1em; color: #000; background-color: rgba(255,255,255,0.333); border: 1px solid #fff; font-size: 1em; font-family: 'allerregular'; transition: background-color 0.5s ease 0s; text-transform: none; padding: 0 1em; white-space: nowrap; }
.uk-icon-button { color: #000; background-color: rgba(255,255,255,0.333); transition: background-color 0.5s ease 0s; border: 1px solid #fff; text-decoration: none; }
.uk-icon-button.fas { padding-top: 0.3667em; color: #000; font-size: 1.1875em; text-align: center; }
.uk-modal .uk-button, .uk-modal .uk-icon-button { background-color: rgba(255,255,255,0.667); }
.uk-button:hover, .uk-button:focus, .uk-button.uk-active, .uk-button:active, .uk-icon-button:hover, #menu .uk-active .uk-button { color: #000; background-color: rgba(255,255,255,1); text-decoration: none; }
.uk-button i { margin-right: 0.2em; font-size:0.95em; }
.uk-card { color: #000; background-color: rgba(0,0,0,0.075); padding: 1em; }
.uk-card > :not(.uk-panel-title):last-child { margin-bottom:0; }
.project-next { margin-top: -5px; margin-bottom: 15px; }
.uk-button-large { font-size: 1.25em; padding: 0 10px; }
.uk-icon-button::before { font-family: 'Font Awesome 6 Pro'; }
.ico-left::before { content: "\f33e"; }
.ico-right::before { content: "\f340"; }
.ico-up::before { content: "\f342"; }
.logo-home { opacity: 0.5; }
.logo-header { width: 202px; height: 34px; background-repeat: no-repeat; background-image: url('../images/logo-header.svg'); }
#header { font-size: 16px; }
.lead, strong, b { font-family: 'allerregular'; font-weight: normal; }
i, em { font-family: 'aller_lightitalic'; color: #000; }
.browserupgrade { background-color: rgba(0,0,0,0.075); padding: 0.25em; text-align: center; font-size:14px; margin-top: 0; }
abbr[title] { border-bottom: 0; }
hr { border-color:#000; }
small { font-size: 14px; }
img.frame, .uk-slider img { background-color: rgba(0,0,0,0.15); padding: 15px; }
img.baseline { margin: 3px 0 5px 0; }
i.align { width: 1em; text-align: center; margin-right: 0.5em; }

/* forms */
.uk-form input, .uk-form textarea { outline:none; font-family: 'allerregular'; font-size: 1.5em; line-height: 1.25; border-radius: 1em; color: #000 !important; background-color: rgba(255,255,255,0.333) !important; transition: background-color 0.5s ease 0s; border: 1px solid #fff !important; }
.uk-form input:focus, .uk-form textarea:focus { border: 0; background-color: rgba(255,255,255,1) !important; }
.uk-form input, .uk-form textarea { font-size: 16px; } /* be nice to Safari (Zoom Bug) */
.uk-form #message, .uk-form #url { display: none; }
.sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
::-webkit-input-placeholder { color: #999; } /* Chrome/Opera/Safari */
::-moz-placeholder { color: #999; } /* Firefox 19+ */
:-ms-input-placeholder { color: #999;} /* IE 10+ */
:-moz-placeholder { color: #999; } /* Firefox 18- */
input:not([type]).uk-form-large, input[type].uk-form-large, select.uk-form-large, textarea.uk-form-large { height: 2em; padding: 8px 10px; }
.uk-form textarea { height:calc(39px + 6em); }

/* footer */
.uk-container {
  min-height: calc(100vh - 136px);
  /* TICKER: min-height: calc(100vh - 136px - 1.5em - 5px); */
  margin-bottom: -136px; padding-bottom: 136px; }
.uk-container:after { content: ""; display: block; height: 75px; }
#footer { height: 136px; }
.signet { height: 45px; width: 75px; margin: 0 1.5em; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-image: url('../images/signet.svg'); opacity: 0.75; }
.theme-switcher { margin-bottom:35px; }

/* menu */
#menu { padding: 0; }
#menu li { list-style:none; }
.menu-toggler { margin-left: 0.25em; }
.menu-toggler i { margin-right: 0; }

/* accordion */
* + .uk-accordion { margin-top:1em; }
.uk-accordion-title { background-color: rgba(255, 255, 255, 0.333); border: 1px solid #fff; border-radius: 1em; padding: 5px 10px; font-size: 1em; transition: background-color 0.5s ease 0s; }
.uk-accordion-title:hover, .uk-accordion-title.uk-active { background-color: rgba(255,255,255,1); cursor: pointer; }
.uk-accordion-title span { font-family: 'aller_lightregular'; white-space: nowrap; }
.uk-accordion-title i { margin-right: 0.2em; }
.uk-accordion-content { padding: 0  0 20px 0; }

/* slider */
.uk-slider { clear:both; }
.uk-slider a, .uk-slider img { display: block; }
.uk-slider .uk-icon-button { display:none; }
.uk-position-center-right-out { left: auto; width: 36px; right: -50px; }
.uk-position-center-left-out { right: auto; width: 36px; left: -50px; }

/* modal */
.uk-modal { background: rgba(0, 0, 0, 0.8); }
.uk-modal-dialog { background: transparent; max-width: initial; }

/* ticker */
#ticker { overflow: hidden; background:rgba(0, 0, 0, 0.15); font-size: 16px; margin-bottom: 5px; }
.tmove { display: flex; }
.titem { width: 100%; flex-shrink: 0; }
@keyframes ticker {
  0% { transform: translatex(100%); }
  100% { transform: translatex(-200px); }
}
.tmove { animation: ticker linear 10s infinite; }
.tmove:hover { animation-play-state: paused; }
#ticker a { text-decoration:none; }

/* gradient */
body { 
  /*position:fixed; top: 0; width: 100vw; height: 100vh; z-index: -1;*/
  background: -moz-linear-gradient(135deg, rgb(184,184,224) 0%, rgb(224,184,184) 100%);
  background: -webkit-linear-gradient(135deg, rgb(184,184,224) 0%, rgb(224,184,184) 100%);
  background: linear-gradient(135deg, rgb(184,184,224) 0%, rgb(224,184,184) 100%);
}

/* responsive */
@media (max-width: 479px) {/* webaff xs */
  .uk-accordion-title span { display: block; margin-left: 1.45em; line-height: 1.25em; }
}
@media (max-width: 639px) {/* uikit small */
  h1 { font-size: 1.4em; }
  .uk-margin-large-bottom { margin-bottom: 30px !important; }
  .uk-margin-large-top { margin-top: 30px !important; }
}
@media (min-width: 640px) {/* uikit small */
  .uk-slider .uk-icon-button { display:block; }
  .tmove { animation-duration: 15s; }  
}
@media (min-width: 960px) {/* uikit medium */
  html, body { font-size:18px; }
  .uk-icon-button.fas { padding-top: 0.3em; }
  #menu { float:right; }
  #menu li { float:left; margin:0 0 0 10px !important; }
  .tmove { animation-duration: 20s; }
}
@media (min-width: 1200px) {/* uikit large */
  .tmove { animation-duration: 25s; }  
}
@media (min-width: 1600px) {/* uikit xlarge */
  .tmove { animation-duration: 35s; }  
}
@media (hover: none) {
  html { background:#000; }
}

/* dark theme */
body.theme-dark .theme-switcher { filter: none; transform: scaleX(-1); }
body.theme-dark { color: #ddd; }
body.theme-dark h1, body.theme-dark h2, body.theme-dark h3 { color: #ddd; }
body.theme-dark i, body.theme-dark em { color: #ddd; }
body.theme-dark .logo-header { background-image: url('../images/logo-header-w.svg'); }
body.theme-dark .logo-home { opacity: 0.25; }
body.theme-dark .signet { background-image: url('../images/signet-w.svg'); opacity: 0.5; }
body.theme-dark a { color: #ddd; text-decoration-color:rgba(255,255,255,0.5); }
body.theme-dark a:hover { color: #fff; text-decoration-color:rgba(255,255,255,0.1); }
body.theme-dark .uk-button, body.theme-dark .uk-icon-button { color:#ddd; background-color: rgba(0,0,0,0.25); border-color: #000; transition: background-color 0.5s ease 0s, color 0.5s ease 0s; }
body.theme-dark .uk-modal { background: rgba(32, 32, 32, 0.95); }
body.theme-dark .uk-button:hover, body.theme-dark .uk-button:focus, body.theme-dark .uk-button.uk-active, body.theme-dark .uk-button:active, body.theme-dark .uk-icon-button:hover, body.theme-dark #menu .uk-active .uk-button { color:#fff; background-color: rgba(0,0,0,1); }
body.theme-dark img.frame, body.theme-dark .uk-slider img { background-color: rgba(255,255,255,0.15); }
body.theme-dark .uk-card { color: #fff; background-color: rgba(255,255,255,0.075); }
body.theme-dark .uk-accordion-title { background-color: rgba(0, 0, 0, 0.25); border-color: #000; }
body.theme-dark .uk-accordion-title:hover, body.theme-dark .uk-accordion-title.uk-active { background-color: rgba(0,0,0,1); }
body.theme-dark .uk-form input, body.theme-dark .uk-form textarea { color: #fff !important; background-color: rgba(0,0,0,0.25) !important; border-color: #000 !important; }
body.theme-dark .uk-form input:focus, body.theme-dark .uk-form textarea:focus { background-color: rgba(0,0,0,1) !important; }
body.theme-dark #anim-container { opacity:0.333; }