.active {
  color: #1ea4e0 !important; }

a {
  text-decoration: none; }
  a:link, a:visited {
    color: #999999; }
  a:hover, a:active {
    color: #1ea4e0; }

#main-nav {
  position: fixed;
  background-color: black;
  height: 60px;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0; }
  #main-nav img {
    float: left;
    height: 60px;
    width: auto; }
  #main-nav .jobbra {
    margin-right: 2em;
    float: right; }
    #main-nav .jobbra .nav-item {
      border-right: 1px solid #999999;
      font-family: Gentona-SemiBold, sans-serif;
      text-align: center;
      height: 60px;
      padding-right: 3em;
      padding-left: 3em;
      vertical-align: middle;
      display: inline-flex;
      align-items: center; }
    #main-nav .jobbra #suche {
      text-decoration: none;
      background-color: white;
      padding: 0.2em;
      border-radius: 5px; }
      #main-nav .jobbra #suche input {
        border: 0 !important;
        outline: none !important; }
      #main-nav .jobbra #suche ion-icon {
        color: #999999; }
    #main-nav .jobbra a {
      text-decoration: none; }

#side-nav-mini {
  display: none;
  margin-top: 4em; }
  #side-nav-mini ion-icon {
    position: absolute;
    font-size: 2em;
    z-index: 9;
    color: #999999; }

#side-nav {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 180px;
  z-index: 5;
  font-family: Gentona-Medium, sans-serif;
  padding-top: 5em;
  padding-right: 2em;
  background-color: #1a1c1e;
  text-transform: uppercase; }
  #side-nav .dropdown {
    list-style: none;
    padding-bottom: 1em; }
    #side-nav .dropdown .dropbtn {
      font-size: 70%;
      padding-top: 1em; }
    #side-nav .dropdown .dropdown-content a {
      font-size: 90%;
      padding-top: 1.2em;
      display: block; }
  #side-nav ion-icon {
    display: none;
    color: #999999;
    font-size: 2em;
    margin-left: 1em; }

.site {
  font-family: Gentona-ExtraLight, sans-serif;
  margin-left: 240px;
  padding: 0 10px;
  margin-bottom: 10em;
  margin-top: 60px; }
  .site #felsosor {
    padding: 2em 0; }
    .site #felsosor h2 {
      display: inline; }
    .site #felsosor button {
      float: right;
      border: 1px solid #29b473;
      border-radius: 5px;
      background-color: #29b473;
      color: white;
      padding: 0.5em 1em;
      height: 2.5em; }
  .site #preview {
    display: none; }
  .site .alert {
    padding: 0.5em 1em;
    background-color: #e6e7e8;
    margin-bottom: 15px;
    font-family: Gentona-SemiBold, sans-serif;
    border: 1px solid #e6e7e8;
    border-radius: 5px; }
    .site .alert .selected {
      background-color: #29b473 !important; }
    .site .alert i:nth-of-type(1) {
      margin-right: 8px;
      padding: 6px;
      background-color: #cfcfd0;
      color: white;
      font-size: 0.8em;
      border-radius: 25px; }
    .site .alert i:nth-of-type(2) {
      float: right;
      background-color: #cfcfd0;
      padding: 5px;
      border-radius: 5px; }
  .site .grid-container {
    margin: 2em 0;
    display: grid;
    grid-template-columns: 55% 45%; }
    .site .grid-container .bal {
      border-right: 2px solid #ececed;
      padding: 0 2em; }
      .site .grid-container .bal .input-group {
        margin-bottom: 2em; }
        .site .grid-container .bal .input-group h4, .site .grid-container .bal .input-group h5 {
          margin: 0.2em 0; }
        .site .grid-container .bal .input-group input, .site .grid-container .bal .input-group select {
          margin-top: 0.5em;
          border: 2px solid #e6e7e8;
          border-radius: 5px;
          height: 2.5em;
          width: 100%;
          padding: 0 0.5em; }
          .site .grid-container .bal .input-group input::placeholder, .site .grid-container .bal .input-group select::placeholder {
            color: black; }
        .site .grid-container .bal .input-group input {
          width: 98%; }
      .site .grid-container .bal .input-inline-group {
        display: grid;
        grid-template-columns: 50% 50%; }
        .site .grid-container .bal .input-inline-group .input-group {
          display: inline-block; }
          .site .grid-container .bal .input-inline-group .input-group:first-of-type {
            margin-right: 2em; }
      .site .grid-container .bal button {
        border: 1px solid #1ea4e0;
        border-radius: 5px;
        background-color: #1ea4e0;
        color: white;
        width: 100%;
        height: 2.5em; }
      .site .grid-container .bal .check-group, .site .grid-container .bal .check-group-solid {
        width: 98%;
        margin: 1em 0; }
        .site .grid-container .bal .check-group h4, .site .grid-container .bal .check-group-solid h4 {
          display: inline;
          position: relative;
          margin-left: 0.5em; }
        .site .grid-container .bal .check-group input, .site .grid-container .bal .check-group-solid input {
          width: 20px;
          height: 20px;
          border: 2px solid #1a1c1e;
          color: white; }
      .site .grid-container .bal .check-group {
        padding: 0.5em;
        border: 2px solid #e6e7e8;
        border-radius: 5px; }
        .site .grid-container .bal .check-group h5 {
          margin-left: 2em;
          border-left: 3px solid #1ea4e0;
          padding-left: 0.5em; }
          .site .grid-container .bal .check-group h5:nth-of-type(2) {
            border-left: 3px solid #ee4036; }
          .site .grid-container .bal .check-group h5 a {
            color: black !important;
            border-bottom: 0.1em solid black; }
      .site .grid-container .bal hr {
        height: 2px;
        color: #e6e7e8;
        background-color: #e6e7e8;
        border: none; }
    .site .grid-container .jobb .container, .site .grid-container .preview-jobb .container {
      margin: 7em 2em;
      background-color: #f5f5f5;
      height: 32em; }
      .site .grid-container .jobb .container h5, .site .grid-container .preview-jobb .container h5 {
        padding: 1em; }
      .site .grid-container .jobb .container .card, .site .grid-container .preview-jobb .container .card {
        width: 18rem;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        border-radius: .25rem;
        margin: auto; }
        .site .grid-container .jobb .container .card img, .site .grid-container .preview-jobb .container .card img {
          height: 180px;
          width: 100%;
          display: block;
          border-radius: 15px 15px 0 0;
          vertical-align: middle;
          border-style: none; }
        .site .grid-container .jobb .container .card .card-body, .site .grid-container .preview-jobb .container .card .card-body {
          padding-bottom: 1rem;
          display: block;
          background-color: black;
          color: white;
          text-align: center; }
          .site .grid-container .jobb .container .card .card-body h5, .site .grid-container .jobb .container .card .card-body h6, .site .grid-container .jobb .container .card .card-body p, .site .grid-container .preview-jobb .container .card .card-body h5, .site .grid-container .preview-jobb .container .card .card-body h6, .site .grid-container .preview-jobb .container .card .card-body p {
            margin: 0.5em;
            padding: 0; }
          .site .grid-container .jobb .container .card .card-body h6:not(:nth-of-type(1)), .site .grid-container .preview-jobb .container .card .card-body h6:not(:nth-of-type(1)) {
            font-weight: normal;
            text-transform: uppercase; }
        .site .grid-container .jobb .container .card button, .site .grid-container .preview-jobb .container .card button {
          border-radius: 0 0 15px 15px;
          padding: 1rem 1rem;
          display: block;
          text-transform: uppercase;
          color: white;
          background-color: #3b5998;
          border-style: none; }
  .site #end {
    width: 50%;
    margin: auto;
    text-align: center; }
    .site #end ion-icon {
      padding: 6px;
      background-color: white;
      color: #29b473;
      font-size: 4em;
      border: 2px solid #29b473;
      border-radius: 50%; }
    .site #end button {
      border: 1px solid #29b473;
      border-radius: 5px;
      background-color: #29b473;
      color: white;
      width: 100%;
      height: 2.5em; }

@media only screen and (max-width: 900px) {
  #main-nav .jobbra .nav-item {
    padding-right: 1em;
    padding-left: 1em; }

  #side-nav {
    display: none; }
    #side-nav ion-icon {
      display: block; }

  #side-nav-mini {
    display: block; }

  .site {
    margin-left: auto;
    margin-top: 0; }
    .site #preview {
      display: block; }
    .site .panel .grid-container {
      margin: 2em 0;
      display: block; }
      .site .panel .grid-container .preview-jobb .container {
        margin: 0 !important;
        background-color: #f5f5f5;
        height: 32em; }
      .site .panel .grid-container .jobb {
        display: none; } }
@media only screen and (max-width: 715px) {
  #main-nav .jobbra {
    margin-right: 0;
    float: right; }
    #main-nav .jobbra .nav-item {
      padding-right: 0.5em;
      padding-left: 0.5em; }
    #main-nav .jobbra #suche {
      width: 5em; }
      #main-nav .jobbra #suche input {
        width: 4em; } }
@media only screen and (max-width: 550px) {
  #main-nav img {
    display: none; } }

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