@charset "UTF-8";
/*!
	Theme Name: Master-Theme
	Theme URI: https://www.moeve-media.de
	Description: Theme by Möve media & design - Dieses Theme darf ausschließlich für dieses Projekt genutzt werden.
	Version: 1.0
	Author: Toni Trabert
	Author URI: https://www.moeve-media.de
	Tags: -
    Template: html5blank
*/
/********** Fonts ***********/
h1, .h1 {
  font-size: 30px;
  margin-bottom: 25px; }

h2, .h2 {
  font-size: 25px; }

h3, .h3 {
  font-size: 22px; }

/********** Colors ***********/
/********** Transitions ***********/
/********** Media Querys ***********/
:root {
  --size-grid001: 4.16vw;
  --size-grid002: 8.33vw;
  --size-grid003: 12.5vw;
  --size-grid004: 16.66vw;
  --size-grid005: 20.83vw;
  --size-grid006: 25vw;
  --size-grid007: 29.16vw;
  --size-grid008: 33.33vw;
  --size-grid009: 37.5vw;
  --size-grid010: 41.66vw;
  --size-grid011: 45.83vw;
  --size-grid012: 50vw;
  --size-grid013: 54.16vw;
  --size-grid014: 58.33vw;
  --size-grid015: 62.5vw;
  --size-grid016: 66.66vw;
  --size-grid017: 70.83vw;
  --size-grid018: 75vw;
  --size-grid019: 79.16vw;
  --size-grid020: 83.33vw;
  --size-grid021: 87.5vw;
  --size-grid022: 91.66vw;
  --size-grid023: 95.83vw;
  --size-grid024: 100vw;
  --size-dynamic020: 4px;
  --size-dynamic040: 12px;
  --size-dynamic050: 15px;
  --size-dynamic100: 20px;
  --size-dynamic120: 24px;
  --size-dynamic130: 24px;
  --size-dynamic140: 28px;
  --size-dynamic150: 28px;
  --size-dynamic200: 32px;
  --size-dynamic250: 44px;
  --size-dynamic270: 56px;
  --size-dynamic300: 72px;
  --size-dynamic350: 100px;
  --size-dynamic400: 128px;
  --size-dynamic450: 156px;
  --size-dynamic0020: 4px;
  --size-dynamic0040: 12px;
  --size-dynamic0050: 12px;
  --size-dynamic0100: 20px;
  --size-dynamic0120: 24px;
  --size-dynamic0130: 24px;
  --size-dynamic0140: 28px;
  --size-dynamic0150: 28px;
  --size-dynamic0200: 32px;
  --size-dynamic0250: 44px;
  --size-dynamic0270: 56px;
  --size-dynamic0300: 72px;
  --size-dynamic0350: 100px;
  --size-dynamic0400: 128px;
  --size-dynamic0450: 156px; }

/********** Extending Classes ***********/
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

a, a:hover, a:focus {
  color: #1a9cd8;
  text-decoration: none; }

.btn {
  display: block;
  width: -moz-fit-content;
  background: #1a9cd8;
  margin: 10px 0px 20px;
  color: white;
  border-radius: 0px; }
  .btn:hover {
    color: white;
    background: #9a407b; }

#site--content ul, #site--content ol {
  margin-top: 30px;
  margin-bottom: 30px; }

html {
  height: 100%; }

* {
  box-sizing: border-box; }

body {
  background: #ffffff;
  font-family: 'Noto Serif';
  font-weight: 300;
  font-size: 16px; }

header#site--header {
  position: absolute;
  display: flex;
  z-index: 10;
  align-items: center;
  justify-content: space-between;
  margin-left: var(--size-grid003);
  margin-right: var(--size-grid003);
  /*width: var(--size-grid018);*/
  top: calc(var(--size-dynamic450) + var(--size-dynamic450) + var(--size-dynamic450));
  height: var(--size-dynamic300); }
  @media (min-width: 1024px) {
    header#site--header .mobile_menu_btn {
      font-size: 0px; } }
  @media (max-width: 1023px) {
    header#site--header .header_content {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 9998;
      overflow: auto;
      padding-top: 65px;
      padding-left: 30px;
      -webkit-transform: translateY(-1800px);
      -ms-transform: translateY(-1800px);
      transform: translateY(-1800px);
      transition: 1s ease-in-out;
      background-image: radial-gradient(circle at 0 0, #1a9cd8, #0e709f); }
      header#site--header .header_content.header_content_open {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        text-align: center; }
        header#site--header .header_content.header_content_open nav#site--main-nav.main {
          display: block; }
          header#site--header .header_content.header_content_open nav#site--main-nav.main ul {
            list-style-type: none;
            display: flex;
            flex-direction: column;
            background-color: transparent; }
            header#site--header .header_content.header_content_open nav#site--main-nav.main ul li {
              border: 0px;
              background-color: transparent; }
              header#site--header .header_content.header_content_open nav#site--main-nav.main ul li a {
                color: #ffffff;
                padding: 10px 0px;
                font-size: 1.2rem;
                font-weight: 500;
                display: block;
                text-align: left; }
              header#site--header .header_content.header_content_open nav#site--main-nav.main ul li ul.sub-menu {
                display: block;
                opacity: 1;
                height: auto;
                overflow: hidden;
                list-style-type: square;
                padding-left: 15px;
                position: relative;
                padding-top: 0px;
                color: #ffffff; }
                header#site--header .header_content.header_content_open nav#site--main-nav.main ul li ul.sub-menu li {
                  padding: 0px 0px 0px 0px;
                  text-align: left;
                  position: relative;
                  background-color: transparent; }
                  header#site--header .header_content.header_content_open nav#site--main-nav.main ul li ul.sub-menu li a {
                    background-color: transparent;
                    font-size: 1em; }
              header#site--header .header_content.header_content_open nav#site--main-nav.main ul li:hover ul.sub-menu {
                display: block;
                opacity: 1;
                height: auto;
                overflow: hidden;
                list-style-type: square;
                padding-left: 15px;
                position: relative;
                padding-top: 0px;
                color: #ffffff;
                background-color: transparent; }
                header#site--header .header_content.header_content_open nav#site--main-nav.main ul li:hover ul.sub-menu li {
                  padding: 0px 0px 0px 0px;
                  text-align: left;
                  position: relative;
                  background-color: transparent; }
                  header#site--header .header_content.header_content_open nav#site--main-nav.main ul li:hover ul.sub-menu li a {
                    background-color: transparent; }
            header#site--header .header_content.header_content_open nav#site--main-nav.main ul li.current-menu-parent > ul.sub-menu {
              background-color: transparent; }
              header#site--header .header_content.header_content_open nav#site--main-nav.main ul li.current-menu-parent > ul.sub-menu li {
                border: 0px; }
                header#site--header .header_content.header_content_open nav#site--main-nav.main ul li.current-menu-parent > ul.sub-menu li a {
                  background-color: transparent;
                  color: #ffffff; }
            header#site--header .header_content.header_content_open nav#site--main-nav.main ul li.menu-item-has-children:hover > ul.sub-menu {
              background-color: transparent; }
              header#site--header .header_content.header_content_open nav#site--main-nav.main ul li.menu-item-has-children:hover > ul.sub-menu li {
                border: 0px; }
                header#site--header .header_content.header_content_open nav#site--main-nav.main ul li.menu-item-has-children:hover > ul.sub-menu li a {
                  background-color: transparent;
                  color: #ffffff; }
                header#site--header .header_content.header_content_open nav#site--main-nav.main ul li.menu-item-has-children:hover > ul.sub-menu li:hover {
                  color: #ffffff;
                  text-decoration: none;
                  background-color: transparent; }
      header#site--header .header_content #site--main-nav ul li .sub-menu {
        display: block; }
    header#site--header .mobile_menu_btn {
      position: fixed;
      right: 20px;
      top: 20px;
      display: block;
      height: 45px;
      width: 45px;
      box-sizing: border-box;
      padding: 8px 5px 8px 5px;
      z-index: 9999;
      cursor: pointer;
      color: #1a9cd8;
      font-size: 10px;
      text-align: right; }
      header#site--header .mobile_menu_btn span {
        display: block;
        height: 2px;
        background: #1a9cd8;
        margin: 3px 0;
        transition: 1s ease-in-out; }
      header#site--header .mobile_menu_btn.mobile_menu_btn_close {
        font-size: 0; }
        header#site--header .mobile_menu_btn.mobile_menu_btn_close span {
          background: #ffffff; }
          header#site--header .mobile_menu_btn.mobile_menu_btn_close span:nth-child(1) {
            transform: rotate(45deg);
            margin: 4px 0px -2px; }
          header#site--header .mobile_menu_btn.mobile_menu_btn_close span:nth-child(2) {
            transform: rotate(-45deg);
            margin: 0px; } }
  header#site--header .container {
    display: flex; }

nav#site--main-nav.main {
  display: block; }
  nav#site--main-nav.main ul {
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    width: 100%;
    background-color: #1a9cd8; }
    nav#site--main-nav.main ul li {
      background-color: #1a9cd8;
      display: block;
      border-right: 1px solid #0e709f;
      border-top: 1px solid #0e709f;
      border-bottom: 1px solid #0e709f;
      /*&:last-child {
          border-right: 0px;
      }*/ }
      nav#site--main-nav.main ul li a {
        color: #ffffff;
        padding: 15px 20px;
        font-size: 1.2rem;
        display: block;
        text-align: left; }
      nav#site--main-nav.main ul li ul.sub-menu {
        display: none;
        background-color: #ffffff; }
      nav#site--main-nav.main ul li:first-child {
        border-left: 1px solid #0e709f; }
  nav#site--main-nav.main li.current-menu-parent, nav#site--main-nav.main li.current_page_item, nav#site--main-nav.main li:hover {
    background-color: #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    /*border-left: 1px solid #ffffff;*/ }
    nav#site--main-nav.main li.current-menu-parent:first-child, nav#site--main-nav.main li.current_page_item:first-child, nav#site--main-nav.main li:hover:first-child {
      border-left: 1px solid #ffffff; }
    nav#site--main-nav.main li.current-menu-parent a, nav#site--main-nav.main li.current_page_item a, nav#site--main-nav.main li:hover a {
      color: #1a9cd8; }
  nav#site--main-nav.main li.current-menu-parent > ul.sub-menu {
    display: flex;
    list-style-type: none;
    padding-left: 0px;
    position: absolute;
    padding-top: 0px;
    left: 0;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
    height: auto;
    background-color: #ffffff; }
    nav#site--main-nav.main li.current-menu-parent > ul.sub-menu li {
      border: 0px; }
      nav#site--main-nav.main li.current-menu-parent > ul.sub-menu li a {
        font-size: 1em;
        padding: 5px 10px;
        background-color: #ffffff;
        color: #1a9cd8; }
      nav#site--main-nav.main li.current-menu-parent > ul.sub-menu li.current-menu-item a {
        text-decoration: underline; }
  nav#site--main-nav.main li.menu-item-has-children:hover > ul.sub-menu {
    display: flex;
    list-style-type: none;
    padding-left: 0px;
    position: absolute;
    padding-top: 0px;
    left: 0;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
    height: 96px;
    background-color: #ffffff;
    z-index: 100; }
    nav#site--main-nav.main li.menu-item-has-children:hover > ul.sub-menu li {
      border: 0px; }
      nav#site--main-nav.main li.menu-item-has-children:hover > ul.sub-menu li a {
        font-size: 1em;
        padding: 5px 10px;
        background-color: #ffffff;
        color: #1a9cd8; }
      nav#site--main-nav.main li.menu-item-has-children:hover > ul.sub-menu li:hover {
        color: #1a9cd8;
        text-decoration: underline; }

div.slider {
  width: 100%;
  height: 900px; }
  @media (max-width: 1023px) {
    div.slider {
      height: 450px; } }
  div.slider .bg--start {
    width: 100%;
    height: 900px;
    background-image: url(/wp-content/uploads/2023/06/bg_start.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (max-width: 1023px) {
      div.slider .bg--start {
        height: 450px; } }
  div.slider div.logo {
    width: var(--size-grid003);
    height: 5vw;
    display: block;
    position: absolute;
    top: var(--size-grid001);
    left: var(--size-grid003);
    /*@include phone {
        width: var(--size-grid007);
        height: 11vw;
    }
    @include mini {
        width: var(--size-grid009);
        height: 14vw;
    }*/ }
    @media (max-width: 1023px) {
      div.slider div.logo {
        width: var(--size-grid005);
        height: 8vw;
        top: 30px;
        left: 20px; } }
    div.slider div.logo img {
      width: 100%;
      height: auto;
      filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
      /*@include tablet_portrait {
          width: var(--size-grid003);
          height: 8vw;
      }
      @include phone {
          width: var(--size-grid004);
          height: 14vw;
      }
      @include mini {
          width: var(--size-grid006);
          height: 21vw;
      }*/ }

main {
  /*padding-top: var(--size-dynamic150);
  padding-left: var(--size-grid002);
  padding-right: var(--size-grid002);*/ }
  main article {
    padding-bottom: var(--size-grid002); }
    main article h1 {
      padding-left: calc(var(--size-grid002) + 15px);
      padding-right: calc(var(--size-grid002) + 15px);
      padding-top: var(--size-grid002);
      color: #1a9cd8; }
    main article h2 {
      color: #1a9cd8; }
  main article#post-62, main article#post-89 {
    padding-bottom: 0px; }
  main article#post-62 > h1 {
    display: none; }

.row--start--top {
  margin: 0 !important; }
  .row--start--top div.vc_col-sm-6:last-child {
    padding-left: var(--size-grid001);
    padding-right: var(--size-grid002); }
    @media (max-width: 767px) {
      .row--start--top div.vc_col-sm-6:last-child {
        padding-left: var(--size-grid002);
        padding-right: var(--size-grid002); } }
  .row--start--top div.vc_col-sm-6 div.vc_column-inner {
    padding: 0; }
  .row--start--top h1 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: var(--size-grid001); }

.row--start--btn3 {
  padding-top: var(--size-grid002); }
  .row--start--btn3 .btn3 {
    height: 300px;
    background-size: cover;
    background-position: center; }
    .row--start--btn3 .btn3 div.btn3--outer {
      height: 300px;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
      .row--start--btn3 .btn3 div.btn3--outer span.link--txt {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.4);
        border: 1px solid rgba(255, 255, 255, 0.5);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
        padding: 10px;
        color: #fff;
        font-size: 1.3em;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase; }
      .row--start--btn3 .btn3 div.btn3--outer a.btn3--start {
        display: block;
        width: calc(100% - 30px);
        z-index: 1;
        position: absolute;
        height: inherit; }

.row--start--btn4 {
  padding-bottom: var(--size-grid001); }
  .row--start--btn4 .btn4 {
    height: 150px; }
    .row--start--btn4 .btn4 div.btn4--outer {
      height: 150px;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
      .row--start--btn4 .btn4 div.btn4--outer::before {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 0% 100%);
        background: linear-gradient(225deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 50%); }
      .row--start--btn4 .btn4 div.btn4--outer span.link--txt {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*background: transparent;*/
        padding: 5px;
        color: #fff;
        font-size: 1.3em;
        font-weight: 500;
        text-align: center; }
      .row--start--btn4 .btn4 div.btn4--outer a.btn4--start {
        display: block;
        width: calc(100% - 30px);
        z-index: 1;
        position: absolute;
        height: inherit; }
    .row--start--btn4 .btn4 div.btn4--outer.btn4--outer--blue {
      background-color: #1a9cd8; }
    .row--start--btn4 .btn4 div.btn4--outer.btn4--outer--orange {
      background-color: #ce8452; }
    .row--start--btn4 .btn4 div.btn4--outer.btn4--outer--pink {
      background-color: #ce5275; }
    .row--start--btn4 .btn4 div.btn4--outer.btn4--outer--green {
      background-color: #2dd695; }

.row--start--map {
  margin: 0 !important;
  padding-bottom: 3px; }
  .row--start--map div.vc_column-inner {
    padding: 0; }
    .row--start--map div.vc_column-inner div.wpb_wrapper div.wpb_text_column.wpb_content_element {
      margin-bottom: 0px; }

.width--size-grid024 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 !important; }

.row--flex--5 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 !important; }
  @media (max-width: 1023px) {
    .row--flex--5 {
      padding-left: var(--size-grid002);
      padding-right: var(--size-grid002); }
      .row--flex--5 .vc_col-sm-1\/5 {
        width: 100%; } }

.width--size-grid020 {
  width: 100%;
  padding-left: var(--size-grid002);
  padding-right: var(--size-grid002);
  margin: 0 !important; }

/*.width--size-grid020:last-of-type {
    padding-bottom: var(--size-grid002);
}*/
.btn--blue .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  color: #ffffff;
  border-color: #1a9cd8;
  background-color: #1a9cd8; }
  .btn--blue .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #ffffff;
    background-color: #0e709f; }

.chr--item {
  display: flex; }
  @media (max-width: 1023px) {
    .chr--item {
      flex-direction: column; } }
  .chr--item:nth-child(odd) {
    background-color: #f8f8f8; }
  .chr--item .chr--date {
    width: var(--size-dynamic400);
    padding: 10px;
    font-weight: 600; }
    @media (max-width: 1023px) {
      .chr--item .chr--date {
        width: 100%; } }
  .chr--item .chr--text {
    width: calc(100% - var(--size-dynamic400));
    padding: 10px; }
    @media (max-width: 1023px) {
      .chr--item .chr--text {
        width: 100%; } }

.wechsel tr:nth-child(odd) {
  background-color: #f8f8f8; }
.wechsel td {
  padding: 10px 5px 10px 10px; }
.wechsel th {
  text-align: left;
  padding: 10px 5px 10px 10px; }

.color--blue {
  color: #1a9cd8; }

.color--dark--blue {
  color: #0e709f; }

.color--orange {
  color: #ce8452; }

.color--green {
  color: #2dd695; }

.color--pink {
  color: #ce5275; }

.gb--light--gray {
  background-color: #f8f8f8;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 15px; }

@media (max-width: 1023px) {
  .table--shift--ag thead {
    display: none; }
  .table--shift--ag tr {
    float: left;
    width: 100%;
    margin-bottom: 1em; }
  .table--shift--ag td {
    float: left;
    width: 100%; }
  .table--shift--ag td:nth-of-type(1):before {
    content: "Ganztagsangebot: ";
    font-weight: bold;
    display: block; }
  .table--shift--ag td:nth-of-type(2):before {
    content: "Angebot für folgende Klassen: ";
    font-weight: bold;
    display: block; }
  .table--shift--ag td:nth-of-type(3):before {
    content: "Wochentag/ Stunde: ";
    font-weight: bold;
    display: block; } }

section.category--section {
  padding-bottom: var(--size-grid002); }
  section.category--section div.entry {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: var(--size-grid001); }
  section.category--section div.entry:nth-last-child(2) {
    border-bottom: none;
    padding-bottom: 0px; }

.archive-title {
  padding-top: var(--size-grid002); }

.post--date {
  color: #808080; }

footer.footer {
  background-color: #1a9cd8;
  display: flex;
  justify-content: space-between;
  padding-left: var(--size-grid001);
  padding-right: var(--size-grid001);
  padding-top: var(--size-dynamic100);
  padding-bottom: var(--size-dynamic100);
  color: #ffffff; }
  @media (max-width: 1023px) {
    footer.footer {
      flex-direction: column; } }
  footer.footer .footer_sub {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%; }
    footer.footer .footer_sub #nav_menu-2 ul, footer.footer .footer_sub #nav_menu-3 ul {
      list-style-type: none;
      padding: 0; }
      footer.footer .footer_sub #nav_menu-2 ul li a, footer.footer .footer_sub #nav_menu-2 ul li a:hover, footer.footer .footer_sub #nav_menu-2 ul li a:focus, footer.footer .footer_sub #nav_menu-2 ul li a:visited, footer.footer .footer_sub #nav_menu-3 ul li a, footer.footer .footer_sub #nav_menu-3 ul li a:hover, footer.footer .footer_sub #nav_menu-3 ul li a:focus, footer.footer .footer_sub #nav_menu-3 ul li a:visited {
        color: #ffffff;
        text-decoration: none;
        font-weight: 500; }
  footer.footer a, footer.footer a:hover, footer.footer a:focus, footer.footer a:visited {
    color: #ffffff;
    text-decoration: none; }

a.footer--title {
  display: block;
  /*height: 100%;*/ }
  a.footer--title .widget_custom_html {
    /*height: 100%;*/ }
    a.footer--title .widget_custom_html .custom-html-widget {
      /*height: 100%;*/ }

.title--head {
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  font-weight: 900;
  color: #ffffff; }

.title--sub {
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  font-weight: 500;
  color: #ffffff; }

#footer_bottom_outer {
  padding-left: var(--size-grid001);
  padding-right: var(--size-grid001);
  background-color: #0e709f; }
  #footer_bottom_outer #footer_bottom {
    font-size: 0.8rem;
    color: #ffffff; }
    #footer_bottom_outer #footer_bottom p {
      padding: 10px 0;
      text-align: center;
      margin: 0; }
    #footer_bottom_outer #footer_bottom a, #footer_bottom_outer #footer_bottom a:focus, #footer_bottom_outer #footer_bottom a:visited, #footer_bottom_outer #footer_bottom a:hover {
      color: #ffffff;
      text-decoration: none;
      font-family: Vicasso; }

nav#site--main-nav.main li.menu-item-has-children:hover > ul.sub-menu {
  display: block;
  left: auto;

}

nav#site--main-nav.main li.current-menu-parent > ul.sub-menu {
  display: none;
}

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