/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-2-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-700.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


:root {
  --rot: #e21832;
  --gruen: #639924;
  --tuerkis: #c2e5d7;
  --weiss: #f9f6f5;
  --olive: #e4e6e1;
  --dark: #656161;
}

#body {
  background: var(--weiss);
  color: #6F6F6F;
  font-family: "Exo 2", "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.03rem;
}

#header #navbar ul.navigation li a {
    font-family: "Open Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 700;
  }

a {
  color: #53833e;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 700;
  }

h6 {
      font-size: 1rem;
  }

#main_logo {

}

#main_logo h3 {
  visibility: hidden;
  margin: 0;
  font-size: 6px;
}

#logo {
  margin: 1em;
  width: 400px;
}

#navbar{
    border-top: 1px solid var(--weiss);
}

#header #navbar ul.navigation li a.active, .header-lite #header li.active a, #header #navbar ul.navigation li a:hover, .modular .showcase h1 strong, .modular .showcase h1 label, .modular .showcase h1 th {
    color: var(--gruen);
  }

#header > .grid, #header .logo, #header #navbar, #header .social-navigation {
      height: 35%;
  }

  #header #navbar ul.navigation li a {
      padding: 0 0.8rem;
  }

.sb-slidebar {
    background-color: var(--dark) !important;
}

#panel .navigation li a:hover {
    background-color: #3b3636;
}

.modular .showcase {
  color: var(--weiss);

}

.modular.header-image #header #navbar a {
    color: var(--weiss);
  }

.modular .bottom {
  padding-top: 2em;
}

.links {
   min-width: 50%;
   text-align: left;
   margin-bottom: 5em;
}

.links h4 {
  text-align: left;
}

.rechts {
  text-align: left;
}

.rechts h4 {
  text-align: left;
}

.tableOe {
  max-width: 30em;
}

td {
  padding: 0.425rem 0;
}

#wochentag {
  width: 8em;
}

.modular .bottom table th h4 {
  text-align: left;
}

.modular .bottom table td {
  font-family: "Exo 2", "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.03rem;
  text-transform: none;
  text-align: left;
}


.spacer {
  height: 28em;
}

#header .search-box i {
    color: var(--weiss);
  }

.modular .showcase h2 {
    padding-top: 2rem;
}

.modular .slideme_container .pagination {
    bottom: 7%;
}

.portfolio {
  text-align: left;
}

.team {
  background-color: var(--olive);
  text-align: left;
}

.callout .callout-line {
  height: 0;
}

.callout {
  text-align: left;
}

.g-grid {
    margin-top: 50px;
}

.footer {
  background: var(--tuerkis);
}

.footer .logo h3 a {
    visibility: hidden;
}

#header #navbar .panel-activation {
	top: 67%;
}

@media (min-width: 1438px) {
  .links {
    float: left;
    margin-bottom: 0;
  }
}

@media (min-width: 59.938em) {

  .team .members .member {
    width: 20%;
  }

  .img-left {
    float: left;
    padding-right: 4em;
  }

}


  @media (max-width: 47.938em) {
    .modular .bottom table td {
      display: table-cell;
    }

    .spacer {
      height: 0;
    }
}
