html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

button { padding: 0; border: none; font: inherit; color: inherit; background-color: transparent; cursor: pointer; }

/* End reset */
/* lato-regular - latin */
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local("Lato Regular"), local("Lato-Regular"), url("/res/css/fonts/lato-v15-latin-regular.woff2") format("woff2"), url("/res/css/fonts/lato-v15-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* lato-italic - latin */
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local("Lato Italic"), local("Lato-Italic"), url("/res/css/fonts/lato-v15-latin-italic.woff2") format("woff2"), url("/res/css/fonts/lato-v15-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* lato-700 - latin */
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local("Lato Bold"), local("Lato-Bold"), url("/res/css/fonts/lato-v15-latin-700.woff2") format("woff2"), url("/res/css/fonts/lato-v15-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* lato-700italic - latin */
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("/res/css/fonts/lato-v15-latin-700italic.woff2") format("woff2"), url("/res/css/fonts/lato-v15-latin-700italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* slabo-27px-regular - latin */
@font-face { font-family: 'Slabo 27px'; font-style: normal; font-weight: 400; src: local("Slabo 27px"), local("Slabo27px-Regular"), url("/res/css/fonts/slabo-27px-v5-latin-regular.woff2") format("woff2"), url("/res/css/fonts/slabo-27px-v5-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
html { height: 100%; }

body { font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; width: 100%; background-color: #fff; color: #2a2a2a; }

strong { font-weight: 700; }

em { font-style: italic; }

h1, h2, h3, h4 { font-weight: 400; }

a, a:visited { color: #2a2a2a; }

.noselect { -webkit-touch-callout: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }

.mobileonly { display: none; }
@media only screen and (max-width: 1024px) { .mobileonly { display: block; } }

h1, h2, h3 { margin-bottom: 24px; font-size: 24px; line-height: 28px; }

p { font-size: 18px; line-height: 28px; }

p + p, p + h1 { margin-top: 24px; }

@media only screen and (max-width: 1024px) { h1, h2, h3 { font-size: 18px; line-height: 24px; }
  p { font-size: 14px; line-height: 24px; } }
p.date { font-size: 12px; margin-top: 4px; margin-bottom: 35px; }

p.readmore { font-size: 12px; margin-bottom: 35px; margin-top: 35px; }

#infscr-loading { position: relative; width: 100%; height: 0; overflow: visible; }
#infscr-loading + .blog-entry { margin-top: 1em; }

#loader { position: absolute; width: 60px; height: 24px; top: 17px; left: 50%; text-align: center; margin: 0 0 0 -30px; }
#loader .loader_block { background-color: #2a2a2a; border: 1px solid #2a2a2a; float: left; height: 5px; margin-left: 3px; width: 5px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-animation-name: bounceG; -webkit-animation-name: bounceG; animation-name: bounceG; -moz-animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -moz-animation-direction: linear; -webkit-animation-direction: linear; animation-direction: linear; -moz-transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); }
#loader .loader_block#loader_block1 { -moz-animation-delay: 0.36s; -webkit-animation-delay: 0.36s; animation-delay: 0.36s; }
#loader .loader_block#loader_block2 { -moz-animation-delay: 0.48s; -webkit-animation-delay: 0.48s; animation-delay: 0.48s; }
#loader .loader_block#loader_block3 { -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
#loader .loader_block#loader_block4 { -moz-animation-delay: 0.72s; -webkit-animation-delay: 0.72s; animation-delay: 0.72s; }
#loader .loader_block#loader_block5 { -moz-animation-delay: 0.84s; -webkit-animation-delay: 0.84s; animation-delay: 0.84s; }

@-moz-keyframes bounceG { 0% { -moz-transform: scale(1.2); opacity: 1; }
  100% { -moz-transform: scale(0.7); opacity: 0.1; } }
@-webkit-keyframes bounceG { 0% { -webkit-transform: scale(1.2); opacity: 1; }
  100% { -webkit-transform: scale(0.7); opacity: 0.1; } }
@-ms-keyframes bounceG { 0% { -ms-transform: scale(1.2); opacity: 1; }
  100% { -ms-transform: scale(0.7); opacity: 0.1; } }
@-o-keyframes bounceG { 0% { -o-transform: scale(1.2); opacity: 1; }
  100% { -o-transform: scale(0.7); opacity: 0.1; } }
@keyframes bounceG { 0% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(0.7); opacity: 0.1; } }
#scroll-top { position: fixed; bottom: 15px; right: 20px; width: 30px; height: 27px; cursor: pointer; background: transparent url("/res/css/p/to-the-top-desktop.png") no-repeat top left; background-size: contain; z-index: 7; }
#scroll-top.hidden { display: none; }
@media screen and (max-width: 375px) { #scroll-top { background: transparent url("/res/css/p/to-the-top-mobile.png") no-repeat top left; width: 17px; height: 16px; background-size: 17px 16px; } }
@media screen and (min-width: 376px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 376px) and (min-resolution: 192dpi), screen and (min-width: 376px) and (min-resolution: 2dppx) { #scroll-top { background: transparent url("/res/css/p/to-the-top-desktop@2x.png") no-repeat top left; background-size: 30px 27px; } }

@media screen and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 375px) and (min-resolution: 192dpi), screen and (max-width: 375px) and (min-resolution: 2dppx) { #scroll-top { background: transparent url("/res/css/p/to-the-top-mobile@2x.png") no-repeat top left; background-size: 17px 16px; } }

.clearfix::after { display: block; content: ""; clear: both; }

#header { font-family: 'Slabo 27px', serif; position: static; display: block; font-size: 35px; text-align: center; padding-top: 30px; }
#header a { text-decoration: none; }

/* main navigation ---------------------------------- */
#nav { font-family: 'Lato', sans-serif; position: absolute; top: 35px; left: 0; padding-left: 25px; text-align: left; z-index: 4; }
#nav ul { line-height: 19px; }
#nav ul li { font-size: 14px; }
#nav ul li a { text-decoration: none; display: block; }
#nav ul li a:hover { text-decoration: underline; }
#nav ul li a.active { font-weight: 700; }

@media only screen and (max-width: 1024px) { #header { font-size: 18px; width: 100%; padding-top: 16px; padding-left: 20px; padding-right: 0; height: 48px; box-sizing: border-box; background: #fff; z-index: 3; text-align: left; }
  br.desktop { display: none; }
  #nav { display: none; right: 0; left: unset; padding-left: 0; padding-top: 55px; text-align: right; width: 160px; padding-right: 20px; height: 100%; background-color: white; }
  #nav.active { display: block; }
  #nav ul { line-height: 35px; }
  #nav ul + ul { margin-top: 31px; }
  #nav ul li { font-size: 18px; }
  #nav ul.mobileonly li { font-size: 14px; line-height: 26px; } }
#menu-trigger { display: none; position: absolute; z-index: 6; top: 0; right: 10px; width: 48px; height: 48px; cursor: pointer; background: transparent url("p/menu-stricherl.png") no-repeat 12px 12px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #menu-trigger { background-image: url("p/menu-stricherl@2.png"); background-size: 22px 22px; } }
#menu-trigger.active { background-image: url("p/kreuzerll.png"); }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #menu-trigger.active { background-image: url("p/kreuzerll@2.png"); background-size: 22px 22px; } }
@media (max-width: 1024px) { #menu-trigger { display: block; } }

/* STRUCTURE ELEMENTS ---------------------------------- */
#content { clear: both; display: block; position: relative; padding-top: 90px; margin-left: auto; margin-right: auto; max-width: 705px; }
#content.editor-content { padding-top: 20px; padding-bottom: 20px; }

#footer { box-sizing: border-box; position: relative; display: block; padding-top: 250px; padding-bottom: 15px; margin-left: 20px; width: calc(100% - 20px); font-size: 10px; }

#footer-inner > ul { display: inline; }
#footer-inner > ul > li { display: inline; padding-left: 40px; }
#footer-inner > ul > li > a { text-decoration: none; }
#footer-inner > ul > li > a:hover { text-decoration: underline; }

/* GRID ELEMENTS ---------------------------------- */
#grid { position: relative; width: 100%; height: 100vw; }

.tile { position: absolute; top: 0; left: 0; background-color: #eee; width: 425px; height: 250px; background-repeat: no-repeat; background-size: cover; font-size: 20px; font-weight: bolder; color: #fff; }
.tile a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 20px; display: block; }
@media (max-width: 539px) { .tile a { cursor: default; } }
.tile span { visibility: hidden; }
.tile span.home { visibility: visible; text-align: center; padding-left: 0px; }
@media only screen and (max-width: 540px) { .tile span { visibility: visible; color: black; font-size: 12px; position: absolute; bottom: -24px; font-weight: 400; width: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; padding-left: 25px; } }

@media only screen and (max-width: 1024px) { #content { padding-top: 50px; }
  #footer { margin-left: 25px; margin-right: 0; width: calc(100% - 25px); }
  #grid { margin-left: 0 !important; overflow-x: hidden; }
  #nav_2 { display: none !important; } }
@media only screen and (max-width: 705px) { #content h1, #content h2, #content h3, #content p { padding-left: 20px; padding-right: 20px; } }
/* BLOG STUFF ----------------------------------------------*/
.blog-image { max-width: 100%; max-height: 428px; margin-left: auto; margin-right: auto; display: block; }

#blog-prev-next { padding-top: 24px; }
#blog-prev-next a span { text-decoration: none; display: inline-block; padding-right: 10px; }
#blog-prev-next a:nth-child(2) { float: right; }
#blog-prev-next a:nth-child(2) span { padding-left: 10px; }

/* Slideshow */
#blog-carousel { width: 100%; max-height: 428px; display: block; margin-bottom: 71px; }

.carousel-cell { width: 100%; max-height: 480px; display: block; }

.carousel-cell img { width: auto; height: 100%; max-height: 428px; display: block; margin-left: auto; margin-right: auto; }

/* fancybox modifications */
body.fancybox-active { overflow: hidden; }
body.fancybox-active .fancybox-bg { background-color: #fff; }
body.fancybox-active .fancybox-is-open .fancybox-bg { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
body.fancybox-active .fancybox-caption--separate, body.fancybox-active .fancybox-caption { background: none; color: #000; }
body.fancybox-active .fancybox-button { background-color: #fff; color: #666; }
body.fancybox-active .fancybox-button:hover { color: #000; }

/* flickity modifications */
.flickity-button { background: none; visibility: hidden; }
.flickity-button:hover { background: none; }

/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) { .flickity-button { display: none; } }
#blog-carousel:hover .flickity-button { visibility: visible; }

.flickity-page-dots { bottom: -40px; }

.flickity-page-dots .dot { border-radius: 20%; background: #dadada; border: 1px solid #dadada; width: 6px; height: 6px; margin: 0 10px; opacity: 1; }

.flickity-page-dots .dot.is-selected { background: #fff; border: 1px solid #dadada; }

/*# sourceMappingURL=general.css.map */