@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  font-size: 1em;
  font-weight: inherit;
  box-sizing: border-box; }

a {
  color: inherit; }

html {
  height: 100%; }

body {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 400;
  height: 100%;
  color: #333;
  line-height: 1.1;
  background: url(/img/background.jpg);
  background-size: 304px 306px;
  font-size: 1.25rem; }
  @media only screen and (max-width: 34.375em) {
    body {
      font-size: 1rem; } }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

.tnum {
  font-feature-settings: 'tnum'; }

.topnav {
  margin: 2rem 5% 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end; }
  @media only screen and (max-width: 56.25em) {
    .topnav {
      -webkit-box-pack: center;
              justify-content: center;
      margin: 1rem 0 1.5rem; } }
  .topnav__item {
    margin: 0 1rem; }
  .topnav__link {
    color: #3965B4; }
    .topnav__link:focus, .topnav__link:hover, .topnav__link:active {
      border-bottom: 1px solid currentColor; }
    .topnav__link--current {
      border-bottom: 1px solid currentColor; }

.menu {
  padding: 0 2rem 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  justify-content: space-around;
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 78.125em) {
    .menu {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 56.25em) {
    .menu {
      padding: 0 1rem 1rem; } }
  .menu__item {
    max-width: 8.5rem;
    margin: 0 .3rem;
    -webkit-box-flex: 1;
            flex: 1;
    text-align: center;
    position: relative;
    color: #D92D2A;
    background: currentColor;
    border-radius: 50%;
    border: 1px solid transparent; }
    @media only screen and (max-width: 56.25em) {
      .menu__item {
        border-radius: 1em;
        margin-bottom: .5rem;
        max-width: none;
        min-width: 30%; } }
    @media only screen and (max-width: 37.5em) {
      .menu__item {
        min-width: 8em; } }
    .menu__item--logo {
      background: none;
      max-width: 15rem;
      top: 1rem;
      border-radius: none;
      margin-right: 2rem; }
      .menu__item--logo::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(/img/logo.jpg) 50% 0 no-repeat, url(/img/background.jpg);
        background-blend-mode: multiply;
        background-size: contain; }
        @media only screen and (max-width: 78.125em) {
          .menu__item--logo::after {
            background-size: auto 80%; } }
      @media only screen and (max-width: 78.125em) {
        .menu__item--logo {
          margin: 0 0 2rem 2.5em;
          max-width: 100vw;
          -webkit-box-flex: 1;
                  flex: auto;
          width: 100vw; } }
      @media only screen and (max-width: 43.75em) {
        .menu__item--logo {
          -webkit-transform: scale(0.6);
                  transform: scale(0.6);
          margin: -3em 0 -1.5em;
          -webkit-transform-origin: 65% 50%;
                  transform-origin: 65% 50%; } }
    .menu__item--krippe {
      top: -.7rem;
      color: #76B62A; }
    .menu__item--kindergarten {
      top: 1rem;
      color: #FD9921; }
    .menu__item--team {
      color: #3965B4; }
    .menu__item--netzwerk {
      top: 1.4rem;
      color: #D92D2A; }
    .menu__item--jobs {
      top: -.4rem;
      color: #FD9921; }
    .menu__item--current {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
      border-color: #fff !important; }
    @media only screen and (max-width: 60em) {
      .menu__item {
        top: 0; } }
  .menu__link {
    min-width: 7.2rem;
    position: relative;
    z-index: 1;
    top: 0;
    padding: 1.3rem 1rem;
    display: inline-block;
    -webkit-transition: all .15s;
    transition: all .15s; }
    @media only screen and (max-width: 56.25em) {
      .menu__link {
        padding: .3rem 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center; } }
    .menu__link:focus, .menu__link:hover, .menu__link:active {
      top: .2rem; }
      .menu__link:focus svg, .menu__link:hover svg, .menu__link:active svg {
        top: -.4rem; }
    .menu__link--current {
      color: #fff; }
      @media only screen and (max-width: 56.25em) {
        .menu__link--current {
          color: currentColor; } }
    .menu__link--logo {
      padding: 0; }
      .menu__link--logo:focus, .menu__link--logo:hover, .menu__link--logo:active {
        top: 0; }
  .menu svg {
    display: block;
    width: 4rem;
    height: auto;
    position: relative;
    top: 0;
    -webkit-transition: top .15s;
    transition: top .15s;
    margin: 0 auto .3em;
    fill: #fff; }
    @media only screen and (max-width: 56.25em) {
      .menu svg {
        width: 1.4em;
        height: 1.4em;
        margin: 0 .6em;
        display: inline-block; } }
  .menu__text {
    display: block;
    color: #fff;
    margin-bottom: .3em; }
    @media only screen and (max-width: 56.25em) {
      .menu__text {
        margin: 0; } }
    .menu__text--logo {
      font-size: 2rem;
      font-weight: 700;
      color: #D92D2A;
      padding-top: 12.7rem;
      text-indent: -1.8em;
      margin: 0 auto; }

.main {
  padding: 2rem 5%;
  margin: 0 auto;
  max-width: 52rem;
  z-index: 1; }
  .main::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    bottom: auto;
    height: 160px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)); }
  .main a {
    color: #3965B4;
    border-bottom: 1px solid currentColor; }
    .main a:focus, .main a:hover, .main a:active {
      color: #000; }
  .main__headline {
    font-size: 2.5rem;
    margin-bottom: .6em;
    margin-top: 1em; }
    @media only screen and (max-width: 34.375em) {
      .main__headline {
        font-size: 1.8rem; } }
  .main__nextbutton {
    background: #3965B4;
    color: #fff !important;
    display: inline-block;
    padding: .3rem 1.5rem;
    border-radius: 3rem;
    margin: 1.5rem 0; }
    .main__nextbutton:focus, .main__nextbutton:hover, .main__nextbutton:active {
      background: black; }
  .main h2, .main h3 {
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.7rem; }
    @media only screen and (max-width: 34.375em) {
      .main h2, .main h3 {
        font-size: 1.4rem; } }
  .main h3 {
    font-size: 1.4rem; }
  .main h4, .main h5 {
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 .4em; }
  @media only screen and (max-width: 43.75em) {
    .main p {
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; } }
  .main dl, .main p {
    margin: 0 0 .7em;
    line-height: 1.4; }
  .main ul, .main ol {
    margin-bottom: 1em; }
  .main dl {
    border-bottom: 1px solid #ccc; }
  .main dt {
    width: 20%;
    float: left;
    border-top: 1px solid #ccc;
    padding: .3em 0;
    font-weight: 700;
    color: #3965B4; }
    .main dt.hidden {
      overflow: hidden;
      text-indent: -200px; }
  .main dd {
    padding: .3em 0;
    margin-left: 20%;
    border-top: 1px solid #ccc; }
  .main blockquote {
    text-align: center;
    font-size: 1.7rem;
    font-style: italic;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin: 2rem auto;
    padding: 1rem 0;
    max-width: 450px; }
    .main blockquote p {
      margin: 0; }
    .main blockquote p:before {
      color: #D92D2A;
      content: "„";
      font-size: 6rem;
      line-height: 0;
      position: relative;
      top: -.08em; }
    .main blockquote cite {
      text-transform: uppercase;
      font-size: 1.2rem;
      font-style: normal;
      letter-spacing: .06em;
      color: #888; }
  .main li {
    margin: 0 0 .5em 0;
    line-height: 1.4; }
  .main ol li {
    list-style: outside decimal;
    margin-left: 1.5em; }
  .main ul li {
    list-style: none;
    margin-left: 1.5em; }
    .main ul li:before {
      content: '–';
      width: 1em;
      display: inline-block;
      margin-left: -1em; }
  .main figure {
    margin-bottom: 1.5rem; }
    .main figure img {
      display: block;
      margin-bottom: 0; }
  .main figcaption {
    text-align: right;
    padding: .5em 1em;
    font-size: .8em;
    background: rgba(0, 0, 0, 0.1); }
  .main__image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5rem 0; }
  .main table {
    border-collapse: collapse;
    margin: 1.5rem 0; }
  .main th, .main td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: .8em;
    text-align: left;
    padding: .4em 1em .4em 0; }
  .main th {
    font-weight: bold; }
  .main small {
    font-size: 0.85em; }

.subnav {
  width: 13rem;
  position: absolute;
  left: 5%;
  font-size: 1rem;
  margin-top: 2rem !important; }
  @media only screen and (max-width: 75em) {
    .subnav {
      position: static;
      width: auto;
      -webkit-column-width: 9em;
         -moz-column-width: 9em;
              column-width: 9em;
      -webkit-column-gap: 2em;
         -moz-column-gap: 2em;
              column-gap: 2em; } }
  .subnav__item {
    margin: 1.1rem 0 !important;
    list-style: none !important;
    text-indent: -.85em;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
    .subnav__item::before {
      display: none !important; }
    @media only screen and (max-width: 75em) {
      .subnav__item {
        margin-top: 0 !important; } }
  .subnav a {
    border: none;
    color: #D92D2A; }
  .subnav__link {
    position: relative;
    display: block;
    line-height: 1.15; }
    @media only screen and (max-width: 75em) {
      .subnav__link {
        -webkit-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto; } }
    .subnav__link--active {
      font-weight: bold; }
      @media only screen and (min-width: 50em) {
        .subnav__link--active::before {
          content: "›";
          background: #D92D2A;
          position: absolute;
          left: -2.3rem;
          top: .15em;
          width: 1em;
          text-indent: 0;
          border-radius: 50%;
          line-height: .9;
          font-weight: bold;
          text-align: center;
          height: 1em;
          color: #fff;
          display: inline-block; } }
    .subnav__link:focus, .subnav__link:hover, .subnav__link:active {
      color: #000; }

@-webkit-keyframes smoooth {
  0% {
    padding: 2rem 0 4rem; }
  100% {
    padding: 0; } }

@keyframes smoooth {
  0% {
    padding: 2rem 0 4rem; }
  100% {
    padding: 0; } }

.main .team li {
  margin: 0; }
  .main .team li::before {
    display: none; }

.team__rowlist {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: smoooth;
          animation-name: smoooth; }
  @media only screen and (max-width: 43.75em) {
    .team__rowlist {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      margin: 1rem 0 !important;
      padding: 1rem 0 !important;
      border-bottom: 1px solid #aaa; } }

.team__person {
  -webkit-box-flex: 1;
          flex: 1;
  text-align: center;
  margin: 1rem 0 !important; }

.team__name {
  margin: 0 !important; }

.team__group {
  line-height: 1.15;
  margin-bottom: .2em;
  font-size: 1rem;
  font-weight: bold;
  color: #FD9921; }

.team__position {
  font-size: 1rem;
  line-height: 1.3; }

.team__image {
  width: 7rem;
  height: 7rem;
  border-radius: 20rem; }

@-webkit-keyframes wackelhin {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  30% {
    -webkit-transform: rotate(-17deg);
            transform: rotate(-17deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  70% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes wackelhin {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  30% {
    -webkit-transform: rotate(-17deg);
            transform: rotate(-17deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  70% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes wackelher {
  0% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  30% {
    -webkit-transform: rotate(17deg);
            transform: rotate(17deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes wackelher {
  0% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  30% {
    -webkit-transform: rotate(17deg);
            transform: rotate(17deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@media only screen and (min-width: 43.75em) {
  .network {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-name: wackelhin;
            animation-name: wackelhin; } }

.network__inner {
  line-height: 1.2;
  background: #D92D2A;
  width: 15rem;
  height: 15rem;
  color: #fff;
  border-radius: 7.5rem;
  padding: 1em;
  text-align: center;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center; }
  @media only screen and (min-width: 43.75em) {
    .network__inner {
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
      -webkit-animation-name: wackelher;
              animation-name: wackelher; } }

.network__item:before {
  display: none !important;
  margin: 0; }

@media only screen and (min-width: 43.75em) {
  .network__item {
    margin: 0 !important;
    width: 33.3333%; }
    .network__item:nth-child(1) {
      -webkit-box-ordinal-group: 4;
              order: 3;
      -webkit-transform: translateY(46%);
              transform: translateY(46%); }
      .network__item:nth-child(1) div {
        background: #D92D2A; }
    .network__item:nth-child(2) {
      width: 100%;
      -webkit-box-ordinal-group: 2;
              order: 1;
      margin-bottom: -5em !important; }
      .network__item:nth-child(2) div {
        background: #3965B4; }
    .network__item:nth-child(3) {
      -webkit-box-ordinal-group: 3;
              order: 2;
      margin-bottom: 1em !important; }
      .network__item:nth-child(3) div {
        background: #76B62A; }
    .network__item:nth-child(4) {
      -webkit-box-ordinal-group: 5;
              order: 4;
      margin-bottom: 1em !important; }
      .network__item:nth-child(4) div {
        background: #FD9921; }
    .network__item:nth-child(5) {
      -webkit-box-ordinal-group: 6;
              order: 5; }
      .network__item:nth-child(5) div {
        background: #3965B4; }
    .network__item:nth-child(6) {
      -webkit-box-ordinal-group: 7;
              order: 6;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
      margin-bottom: 5em !important; }
      .network__item:nth-child(6) div {
        background: #FD9921; }
    .network__item:nth-child(7) {
      -webkit-box-ordinal-group: 8;
              order: 7; }
      .network__item:nth-child(7) div {
        background: #76B62A; } }

.network__item:nth-child(1) div {
  background: #D92D2A; }

.network__item:nth-child(2) div {
  background: #3965B4; }

.network__item:nth-child(3) div {
  background: #76B62A; }

.network__item:nth-child(4) div {
  background: #FD9921; }

.network__item:nth-child(5) div {
  background: #3965B4; }

.network__item:nth-child(6) div {
  background: #FD9921; }

.network__item:nth-child(7) div {
  background: #76B62A; }

.network__headline {
  margin: 0 0 0.3em !important;
  line-height: 1 !important; }

.network__sublist {
  font-size: .85rem;
  line-height: 1.15 !important; }

.owl-carousel {
  margin: 2rem -3rem;
  width: calc(100% + 6rem) !important; }
  @media only screen and (max-width: 56.25em) {
    .owl-carousel {
      margin: 2rem 0;
      width: 100% !important; } }

.downloads {
  padding: 0 0 2rem;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
          align-items: stretch;
  justify-content: space-around;
  width: 100%; }
  .downloads__item {
    margin: 0.3rem !important;
    max-width: 12rem;
    -webkit-box-flex: 1;
            flex: 1;
    text-align: center;
    position: relative;
    color: #D92D2A !important;
    text-align: center;
    list-style: none !important; }
    .downloads__item::before {
      display: none !important; }
  .downloads__link {
    position: relative;
    z-index: 1;
    top: 0;
    display: block;
    text-align: center;
    padding: 1rem 1rem;
    -webkit-transition: all .15s;
    transition: all .15s;
    color: inherit !important;
    border: none !important;
    line-height: 1.1 !important; }
    .downloads__link:focus, .downloads__link:hover, .downloads__link:active {
      top: .2rem; }
      .downloads__link:focus svg, .downloads__link:hover svg, .downloads__link:active svg {
        top: -.4rem; }
  .downloads svg {
    display: block;
    width: 4rem;
    height: auto;
    position: relative;
    top: 0;
    -webkit-transition: top .15s;
    transition: top .15s;
    margin: 0 auto .3em;
    fill: currentColor; }
  .downloads__text {
    display: block;
    margin: 0 auto .3em;
    font-weight: 700;
    color: inherit !important; }

.footer {
  background: #76B62A;
  min-height: 10rem;
  display: block;
  margin-top: 3rem;
  padding-top: 2rem;
  position: relative;
  z-index: 2;
  text-align: center; }
  .footer__item {
    display: inline;
    margin: 0 1rem; }
  .footer__link {
    color: #fff; }
    .footer__link:focus, .footer__link:hover, .footer__link:active {
      border-bottom: 1px solid #fff; }
/*# sourceMappingURL=screen.css.map */