@charset "UTF-8";
/*!
 * Schulen Zürich
 *
 * Screen
 *
 * Main style for screen use
 *
 * @project			Schulen Zürich
 * @package			main:screen
 * @author			Patric Eberle <eberle@gyselroth.net>
 * @copyright		Copyright (c) 2015, gyselroth GmbH <www.gyselroth.com>
 * @css-for			Firefox 24+, Chrome 24+, IE 9+, Safari 6+
 * @license			http:*www.gnu.org/copyleft/gpl.html GNU GPL v3
 *
 **/
@font-face {
  font-family: "MBA-Styleguide";
  src: url("../assets/fonts/MBA-Styleguide.eot?2qcd1t");
  src: url("../assets/fonts/MBA-Styleguide.eot?2qcd1t#iefix") format("embedded-opentype"), url("../assets/fonts/MBA-Styleguide.ttf?2qcd1t") format("truetype"), url("../assets/fonts/MBA-Styleguide.woff?2qcd1t") format("woff"), url("../assets/fonts/MBA-Styleguide.svg?2qcd1t#MBA-Styleguide") format("svg");
  font-weight: normal;
  font-style: normal;
}
.kzo-schriftzug {
  color: white;
}

div.lion-black svg, svg#wappen {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(336deg) brightness(106%) contrast(103%);
}

body {
  color: white !important;
  fill: white !important;
  height: 100%;
  min-height: 100%;
  /* enforce height */
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-blend-mode: multiply;
}
body ul li * {
  color: white !important;
}

h1, h2, h3, p, a {
  color: white !important;
}

div.tx-kzo-slogans, div.tx-kzo-textgenerator {
  margin: 0px !important;
  padding: 0px !important;
  position: relative;
  top: -2em;
}
div.tx-kzo-slogans p.slogan, div.tx-kzo-textgenerator p.slogan {
  hyphens: auto !important;
  z-index: -1000 !important;
  font-size: 100px;
  font-family: HelveticaNeueLTStd-Blk;
  line-height: 0.9em;
  font-weight: normal;
  color: white;
  margin-bottom: 0px !important;
  margin-top: 2rem !important;
  cursor: default;
}
div.tx-kzo-slogans p.slogan a, div.tx-kzo-textgenerator p.slogan a {
  text-decoration-thickness: 0.2em;
}
div.tx-kzo-slogans a, div.tx-kzo-textgenerator a {
  color: white;
  text-decoration: none !important;
}

@media all and (max-width: 1000px) {
  div.tx-kzo-slogans p.slogan {
    font-size: 90px !important;
  }
}
@media all and (max-width: 830px) {
  div.tx-kzo-slogans p.slogan {
    font-size: 60px !important;
  }
}
@media all and (max-width: 740px) {
  div.tx-kzo-slogans {
    top: 0em;
  }
  div.tx-kzo-slogans p.slogan {
    font-size: 4em;
  }
}
div#kachel-links, div#kachel-rechts, div#kachel-unten {
  visibility: visible;
  display: block;
}

#kachel-links {
  position: fixed;
  width: 50%;
  left: 0px;
  bottom: 0px;
}

#kachel-rechts {
  width: 50%;
  position: fixed;
  right: 0px;
}

#kachel-unten {
  width: 50%;
  position: fixed;
  bottom: 0px;
  height: 50%;
}

div.content-wrap, div.l-grid, div.l-grid-cell, div.l-one-whole {
  background-color: transparent;
}

svg path, svg#wappen path {
  fill: white;
}

#nav-main ul .is-active > a {
  color: lightgray !important;
}

nav#nav-main ul li a:hover {
  color: #8a5ea4 !important;
}

p.news-list-author {
  margin-bottom: 0;
}

a.home-block, a.home-block-main {
  text-decoration: none !important;
  width: 100%;
}

ul.f3-widget-paginator li.current, ul.f3-widget-paginator li * {
  color: white !important;
}
ul.f3-widget-paginator li.current ::before, ul.f3-widget-paginator li * ::before {
  color: white !important;
  margin-top: 0.1rem;
}

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