/* Includes */
/* Fonts */
/* Page colors */
/* Social media colors */
/* Error colors */
/* Variable assignments */
/* breaking points max-width */
/* breaking points min-width */
nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0; }
  nav ul li.nav-item a.nav-link {
    padding: 0; }

#wrapper2.page-header-wrapper {
  z-index: 100;
  position: fixed;
  width: 960px;
  padding: 0 200px;
  top: 5px;
  display: flex;
  justify-content: space-between; }
  #wrapper2.page-header-wrapper #headernav ul {
    padding-top: 2px; }
    #wrapper2.page-header-wrapper #headernav ul li.nav-item {
      height: 25px;
      margin-right: 5px; }
      #wrapper2.page-header-wrapper #headernav ul li.nav-item a.nav-link {
        font-family: Impact, Arial Narrow, Arial, sans-serif;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 17px;
        padding: 3px 6px;
        background-color: #ffed00;
        color: #003a74; }
        #wrapper2.page-header-wrapper #headernav ul li.nav-item a.nav-link:hover, #wrapper2.page-header-wrapper #headernav ul li.nav-item a.nav-link.active {
          color: #ffed00;
          background-color: #003a74; }
  #wrapper2.page-header-wrapper #metanav .meta-facebook-wrapper i {
    float: right;
    font-size: 25px;
    color: #3b5999; }
  #wrapper2.page-header-wrapper #metanav .meta-navigation-wrapper ul li.nav-item {
    font-size: 11px;
    display: flex; }
    #wrapper2.page-header-wrapper #metanav .meta-navigation-wrapper ul li.nav-item:not(:last-child):after {
      content: '/';
      display: block;
      padding: 0 3px; }

#navigation.home-navigation-wrapper {
  position: fixed;
  left: -325px;
  margin-top: 10px;
  z-index: 25;
  transition: left 500ms ease-in-out; }
  #navigation.home-navigation-wrapper nav.home-navigation {
    height: 56px; }
  #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item {
    width: 110px;
    height: 56px;
    background: #003a74;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px 15px; }
    #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item a.nav-link {
      font-family: Impact, Arial Narrow, Arial, sans-serif;
      text-transform: uppercase;
      font-size: 15px;
      line-height: 15px;
      text-align: center;
      color: #fff; }
    #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item a.nav-link:after {
      display: none; }
    #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item .dropdown-menu {
      border: none;
      width: 120px;
      min-width: 0;
      padding: 0;
      margin: 0 -5px; }
    #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item .dropdown-menu .dropdown-image-wrapper {
      width: 120px;
      height: 40px;
      position: relative;
      z-index: 10;
      background: url('../img/btn_hand.gif');
      background-size: contain;
      background-repeat: no-repeat; }
    #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item .dropdown-menu .dropdown-inner-wrapper {
      border: 3px solid #003a74;
      margin-top: -17px;
      padding: 15px 5px 0 5px; }
      #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item .dropdown-menu .dropdown-inner-wrapper li.nav-item {
        width: 120px;
        padding: 0;
        background: transparent;
        display: block;
        height: auto;
        margin-bottom: 5px; }
        #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item .dropdown-menu .dropdown-inner-wrapper li.nav-item a.nav-link {
          text-align: left;
          font-size: 12px;
          line-height: 18px;
          -webkit-hyphens: auto;
          -ms-hyphens: auto;
          hyphens: auto;
          width: 105px; }
    #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item:hover a.nav-link {
      color: #809dba; }
      #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item:hover a.nav-link.dropdown-toggle + .dropdown-menu {
        display: block; }
        #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item:hover a.nav-link.dropdown-toggle + .dropdown-menu .dropdown-inner-wrapper li.nav-item a.nav-link {
          color: #003a74; }
          #navigation.home-navigation-wrapper nav.home-navigation ul li.nav-item:hover a.nav-link.dropdown-toggle + .dropdown-menu .dropdown-inner-wrapper li.nav-item a.nav-link:hover {
            color: #809dba; }
    #navigation.home-navigation-wrapper nav.home-navigation ul li.start {
      background: url('../img/btn_navi_daumen.gif');
      background-size: contain;
      background-repeat: no-repeat;
      width: 82px;
      height: 56px; }
    #navigation.home-navigation-wrapper nav.home-navigation ul li.start:hover {
      cursor: pointer; }
  #navigation.home-navigation-wrapper.home-nav-open {
    left: 0; }

* {
  margin: 0;
  padding: 0;
  border: 0; }

* html body {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  height: 100%;
  overflow: auto;
  padding: 0 0 130px 0;
  overflow: hidden; }

h1 {
  font-family: Impact, Arial Narrow, Arial sans-serif;
  font-weight: bold;
  font-size: 82px;
  line-height: 80px;
  text-transform: uppercase;
  color: #003a74;
  margin: 110px 0 50px 0; }

h2 {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-weight: normal;
  font-size: 26px;
  line-height: 30px;
  color: #003a74;
  margin: 50px 0 30px 0; }

h3, h4, h5, b, strong {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #003a74;
  margin: 50px 0 15px 0; }

p {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px; }

a {
  color: #003a74;
  text-decoration: none;
  padding: 0; }
  a:hover, a:active {
    color: #809dba;
    text-decoration: none; }

ul, ol {
  margin: 0 0 0 15px; }

ul {
  list-style-type: square;
  list-style-image: url('../img/p_aufzaehlung.gif'); }

li {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px; }

#wrapper1.page-content-wrapper {
  position: absolute;
  width: 960px;
  height: 100%;
  margin: 0; }
  #wrapper1.page-content-wrapper #content {
    position: absolute;
    margin: 0 250px;
    padding: 130px 0;
    z-index: 1; }
  #wrapper1.page-content-wrapper #content .frame.frame-boxed {
    margin: 50px 0 40px 0;
    background-color: #f6f5f0;
    border: 3px solid #003a74;
    padding: 15px 10px 0 10px; }
    #wrapper1.page-content-wrapper #content .frame.frame-boxed p, #wrapper1.page-content-wrapper #content .frame.frame-boxed h3, #wrapper1.page-content-wrapper #content .frame.frame-boxed h4, #wrapper1.page-content-wrapper #content .frame.frame-boxed h5, #wrapper1.page-content-wrapper #content .frame.frame-boxed b, #wrapper1.page-content-wrapper #content .frame.frame-boxed strong {
      font-size: 12px;
      line-height: 18px; }
  #wrapper1.page-content-wrapper #content > .frame:first-child header h1, #wrapper1.page-content-wrapper #content > .frame:first-child header h2 {
    margin-top: 0;
    padding-top: 0; }
  #wrapper1.page-content-wrapper #content > .frame:not(.frame-type-text):first-child {
    margin-bottom: -110px; }
  #wrapper1.page-content-wrapper .page-image {
    position: relative;
    width: 235px;
    min-height: 100vh;
    margin: 0;
    z-index: 0; }
  #wrapper1.page-content-wrapper .page-image#hglinesright.page-image-right {
    float: right;
    background: url('../img/hg_karo_rechts.jpg');
    background-repeat: repeat-y; }
  #wrapper1.page-content-wrapper .page-image#hglinesleft.page-image-left {
    float: left;
    background: url('../img/hg_karo_links.jpg');
    background-repeat: repeat-y; }

body.home #wrapper1.page-content-wrapper .page-image#hglinesright.page-image-right {
  background: url('../img/hg_streifen_mit_sternen_rechts.jpg');
  background-repeat: repeat-y; }
  body.home #wrapper1.page-content-wrapper .page-image#hglinesleft.page-image-left {
    background: url('../img/hg_streifen_mit_sterne_links.jpg');
    background-repeat: repeat-y; }
/* Forms */
input, textarea, label, legend {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0; }

legend {
  margin: 15px 0; }

input, textarea {
  width: 100%;
  border: 1px solid #999;
  padding: 3px;
  line-height: 16px; }
  input.parsley-error, textarea.parsley-error {
    border: 1px solid #d90011; }

textarea {
  height: 4em; }

input.powermail_submit, .submit, input[type='submit'] {
  font-weight: bold;
  color: #fff;
  background: #003a74 repeat-x;
  cursor: pointer;
  width: 100px;
  margin: 15px 0;
  line-height: 16px; }
/* Powermail */
.tx-powermail .container-fluid {
  padding: 0; }
  .tx-powermail .parsley-errors-list {
    list-style: none;
    margin-left: 0; }
  .tx-powermail .parsley-errors-list li {
    color: #d90011; }

.powermail_fieldwrap_type_text {
  margin-top: 15px; }

.tx_powermail_pi1_fieldwrap_html_check {
  margin: 15px 0 5px; }

.tx_powermail_pi1_fieldwrap_html {
  padding: 0;
  clear: both; }
  .tx_powermail_pi1_fieldwrap_html label {
    float: left;
    line-height: 100%;
    margin: 1.2em 0 0.4em;
    padding: 0;
    width: 450px;
    display: block; }

.tx_powermail_pi1_fieldwrap_html_radio label, .tx_powermail_pi1_fieldwrap_html_check label {
  display: inline;
  float: none;
  font-weight: normal;
  margin: 0 2em 0 0;
  width: auto; }
/* FE Login */
/* Suche */

.tx-indexedsearch-searchbox fieldset {
  display: flex; }
  .tx-indexedsearch-searchbox fieldset .tx-indexedsearch-searchbox-button {
    margin-top: 20px;
    margin-left: 15px;
    height: auto;
    border: 1px solid #003a74; }

.tx-indexedsearch-browsebox:last-child {
  margin-bottom: 100px; }

.tx-indexedsearch-res .search-result-title-wrapper {
  padding-right: 30px;
  display: flex;
  justify-content: space-between; }
  .tx-indexedsearch-res .search-result-title-wrapper h3, .tx-indexedsearch-res .search-result-title-wrapper p {
    margin: 0; }
  .tx-indexedsearch-res .tx-indexedsearch-description {
    margin-bottom: 0; }
  .tx-indexedsearch-res .tx-indexedsearch-description .tx-indexedsearch-redMarkup {
    color: #d90011; }

.tx-felogin-pi1 {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px; }
  .tx-felogin-pi1 form {
    margin-top: 15px; }
  .tx-felogin-pi1 form legend {
    display: none; }

#footer.page-footer-wrapper {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 63px;
  z-index: 10;
  background: url("../img/l_stadt_zurich_gewaltfrei_dabei.png") no-repeat scroll 0 -67px transparent; }
  #footer.page-footer-wrapper .footer-overlay {
    background: url("../img/l_stadt_zurich_gewaltfrei_dabei.png") no-repeat scroll right 0 transparent;
    position: absolute;
    bottom: 0;
    left: 700px;
    width: 260px;
    height: 130px; }