@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; }

.wrapper .grid-pt-020 {
  padding-top: var(--size-dynamic020); }
.wrapper .grid-pt-040 {
  padding-top: var(--size-dynamic050); }
.wrapper .grid-pt-050 {
  padding-top: var(--size-dynamic050); }
.wrapper .grid-pt-100 {
  padding-top: var(--size-dynamic100); }
.wrapper .grid-pt-120 {
  padding-top: var(--size-dynamic120); }
.wrapper .grid-pt-130 {
  padding-top: var(--size-dynamic130); }
.wrapper .grid-pt-140 {
  padding-top: var(--size-dynamic140); }
.wrapper .grid-pt-150 {
  padding-top: var(--size-dynamic150); }
.wrapper .grid-pt-200 {
  padding-top: var(--size-dynamic200); }
.wrapper .grid-pt-250 {
  padding-top: var(--size-dynamic250); }
.wrapper .grid-pt-270 {
  padding-top: var(--size-dynamic270); }
.wrapper .grid-pt-300 {
  padding-top: var(--size-dynamic300); }
.wrapper .grid-pt-350 {
  padding-top: var(--size-dynamic350); }
.wrapper .grid-pt-400 {
  padding-top: var(--size-dynamic400); }
.wrapper .grid-pt-450 {
  padding-top: var(--size-dynamic450); }
.wrapper .grid-pb-020 {
  padding-bottom: var(--size-dynamic020); }
.wrapper .grid-pb-040 {
  padding-bottom: var(--size-dynamic050); }
.wrapper .grid-pb-050 {
  padding-bottom: var(--size-dynamic050); }
.wrapper .grid-pb-100 {
  padding-bottom: var(--size-dynamic100); }
.wrapper .grid-pb-120 {
  padding-bottom: var(--size-dynamic120); }
.wrapper .grid-pb-130 {
  padding-bottom: var(--size-dynamic130); }
.wrapper .grid-pb-140 {
  padding-bottom: var(--size-dynamic140); }
.wrapper .grid-pb-150 {
  padding-bottom: var(--size-dynamic150); }
.wrapper .grid-pb-200 {
  padding-bottom: var(--size-dynamic200); }
.wrapper .grid-pb-250 {
  padding-bottom: var(--size-dynamic250); }
.wrapper .grid-pb-270 {
  padding-bottom: var(--size-dynamic270); }
.wrapper .grid-pb-300 {
  padding-bottom: var(--size-dynamic300); }
.wrapper .grid-pb-350 {
  padding-bottom: var(--size-dynamic350); }
.wrapper .grid-pb-400 {
  padding-bottom: var(--size-dynamic400); }
.wrapper .grid-pb-450 {
  padding-bottom: var(--size-dynamic450); }
.wrapper .grid-pl-1 {
  padding-left: var(--size-grid001); }
.wrapper .grid-pl-2 {
  padding-left: var(--size-grid002); }
.wrapper .grid-pl-3 {
  padding-left: var(--size-grid001); }
.wrapper .grid-pl-4 {
  padding-left: var(--size-grid002); }
.wrapper .grid-pl-5 {
  padding-left: var(--size-grid001); }
.wrapper .grid-pl-6 {
  padding-left: var(--size-grid002); }
.wrapper .grid-pl-7 {
  padding-left: var(--size-grid007); }
.wrapper .grid-pl-8 {
  padding-left: var(--size-grid008); }
.wrapper .grid-pl-9 {
  padding-left: var(--size-grid009); }
.wrapper .grid-pl-10 {
  padding-left: var(--size-grid010); }
.wrapper .grid-pl-11 {
  padding-left: var(--size-grid011); }
.wrapper .grid-pl-12 {
  padding-left: var(--size-grid012); }
.wrapper .grid-pl-13 {
  padding-left: var(--size-grid013); }
.wrapper .grid-pl-14 {
  padding-left: var(--size-grid014); }
.wrapper .grid-pl-15 {
  padding-left: var(--size-grid015); }
.wrapper .grid-pl-16 {
  padding-left: var(--size-grid016); }
.wrapper .grid-pl-17 {
  padding-left: var(--size-grid017); }
.wrapper .grid-pl-18 {
  padding-left: var(--size-grid018); }
.wrapper .grid-pl-19 {
  padding-left: var(--size-grid019); }
.wrapper .grid-pl-20 {
  padding-left: var(--size-grid020); }
.wrapper .grid-pl-21 {
  padding-left: var(--size-grid021); }
.wrapper .grid-pl-22 {
  padding-left: var(--size-grid022); }
.wrapper .grid-pl-23 {
  padding-left: var(--size-grid023); }
.wrapper .grid-pl-24 {
  padding-left: var(--size-grid024); }
.wrapper .grid-pr-1 {
  padding-right: var(--size-grid001); }
.wrapper .grid-pr-2 {
  padding-right: var(--size-grid002); }
.wrapper .grid-pr-3 {
  padding-right: var(--size-grid001); }
.wrapper .grid-pr-4 {
  padding-right: var(--size-grid002); }
.wrapper .grid-pr-5 {
  padding-right: var(--size-grid001); }
.wrapper .grid-pr-6 {
  padding-right: var(--size-grid002); }
.wrapper .grid-pr-7 {
  padding-right: var(--size-grid007); }
.wrapper .grid-pr-8 {
  padding-right: var(--size-grid008); }
.wrapper .grid-pr-9 {
  padding-right: var(--size-grid009); }
.wrapper .grid-pr-10 {
  padding-right: var(--size-grid010); }
.wrapper .grid-pr-11 {
  padding-right: var(--size-grid011); }
.wrapper .grid-pr-12 {
  padding-right: var(--size-grid012); }
.wrapper .grid-pr-13 {
  padding-right: var(--size-grid013); }
.wrapper .grid-pr-14 {
  padding-right: var(--size-grid014); }
.wrapper .grid-pr-15 {
  padding-right: var(--size-grid015); }
.wrapper .grid-pr-16 {
  padding-right: var(--size-grid016); }
.wrapper .grid-pr-17 {
  padding-right: var(--size-grid017); }
.wrapper .grid-pr-18 {
  padding-right: var(--size-grid018); }
.wrapper .grid-pr-19 {
  padding-right: var(--size-grid019); }
.wrapper .grid-pr-20 {
  padding-right: var(--size-grid020); }
.wrapper .grid-pr-21 {
  padding-right: var(--size-grid021); }
.wrapper .grid-pr-22 {
  padding-right: var(--size-grid022); }
.wrapper .grid-pr-23 {
  padding-right: var(--size-grid023); }
.wrapper .grid-pr-24 {
  padding-right: var(--size-grid024); }

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

a, a:hover, a:focus {
  color: #125eac;
  text-decoration: none; }

.btn {
  display: block;
  width: -moz-fit-content;
  background: #125eac;
  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; }

.page {
  /*.vc_grid.vc_row .vc_grid-item .wpb_content_element, .wpb_content_element {
      margin-bottom: 0px;
  } */ }
  .page .vc_row {
    margin-left: 0;
    margin-right: 0; }
  .page .vc_section {
    margin-left: 0px;
    margin-right: 0px; }

body {
  background: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 16px; }

header#site--header {
  position: fixed;
  display: flex;
  flex-direction: column;
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  top: 10px;
  height: calc(var(--size-dynamic250) + 20px);
  background: transparent; }
  header#site--header .container_top {
    display: flex;
    align-items: center;
    justify-content: center;
    /*justify-content: space-between;*/
    /*padding-left: var(--size-grid002);
    padding-right: var(--size-grid002);*/
    width: 100%;
    height: var(--size-dynamic300);
    background: transparent; }
    header#site--header .container_top .top-logo {
      padding: 5px 20px; }
      header#site--header .container_top .top-logo a {
        display: block; }
        header#site--header .container_top .top-logo a svg {
          height: var(--size-dynamic270);
          width: calc(var(--size-dynamic270)*2);
          fill: #ffffff; }
  header#site--header .container_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: var(--size-grid002);
    padding-right: var(--size-grid002);
    width: 100%;
    height: var(--size-dynamic300);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
    header#site--header .container_bottom .logo {
      display: none; }
  @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;
      -webkit-transform: translateY(-1800px);
      -ms-transform: translateY(-1800px);
      transform: translateY(-1800px);
      transition: 0.3s ease-in-out;
      background-image: radial-gradient(circle at 0 0, #2a2a2b, #212839); }
      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;
            height: unset; }
            header#site--header .header_content.header_content_open nav#site--main-nav.main ul li {
              background: none;
                            /*&: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: $color_headlines;

                                    li {
                                        padding: 0px 0px 0px 0px;
                                        text-align: left;
                                        position: relative;
                                        background-color: transparent;
                                        
                                        a {
                                            background-color: transparent;
                                        }
                                    }
                                }*/ }
              header#site--header .header_content.header_content_open nav#site--main-nav.main ul li a {
                color: #fff;
                padding: 10px 0px;
                font-size: 1.2rem;
                font-weight: 400;
                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: 35px;
                position: relative;
                padding-top: 0px;
                color: #fff;
                background: none; }
                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.mobil-menu {
              display: block; }
      header#site--header .header_content #site--main-nav ul li .sub-menu {
        display: block; }
    header#site--header .mobile_menu_btn {
      position: absolute;
      right: 20px;
      top: 15px;
      display: block;
      height: 45px;
      width: 45px;
      box-sizing: border-box;
      padding: 8px 5px 8px 5px;
      z-index: 9999;
      cursor: pointer;
      color: #ffffff;
      font-size: 10px;
      text-align: right; }
      header#site--header .mobile_menu_btn span {
        display: block;
        height: 2px;
        background: #ffffff;
        margin: 3px 0;
        transition: 0.3s 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 .mobile_menu_btn.mobile_menu_btn_close span:nth-child(3) {
            opacity: 0;
            transition: 0.3s ease-in-out; } }

header#site--header.sticky {
  height: calc(var(--size-dynamic300));
  padding-top: 0px;
  padding-bottom: 5px;
  top: 0; }
  header#site--header.sticky .container_top {
    display: none; }
  header#site--header.sticky .container_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: var(--size-grid002);
    padding-right: var(--size-grid002);
    width: 100%;
    height: var(--size-dynamic300);
    background: rgba(255, 255, 255, 0.9);
    transition: 0.3s ease-in-out; }
    @media (max-width: 1023px) {
      header#site--header.sticky .container_bottom {
        justify-content: center;
        padding-left: 0px;
        padding-right: 0px; } }
    header#site--header.sticky .container_bottom .logo {
      display: block;
      padding: 5px 20px;
      transition: 0.3s ease-in-out; }
      header#site--header.sticky .container_bottom .logo a {
        display: block; }
        header#site--header.sticky .container_bottom .logo a svg {
          height: var(--size-dynamic270);
          width: calc(var(--size-dynamic270)*2); }
  header#site--header.sticky .mobile_menu_btn span {
    background: #3c3c3b; }

/*.header_content {
    display: flex;
    align-items: center;
}*/
nav#site--main-nav.main {
  display: block;
  font-family: 'Oswald', sans-serif;
  height: 100%; }
  @media (max-width: 1023px) {
    nav#site--main-nav.main {
      display: none; } }
  nav#site--main-nav.main ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-left: 0px;
    margin: 0px;
    height: 100%; }
    nav#site--main-nav.main ul li {
      display: flex;
      align-items: center;
      height: var(--size-dynamic300);
      text-transform: uppercase; }
      nav#site--main-nav.main ul li a {
        color: #3c3c3b;
        padding: 10px 15px 6px 15px;
        font-size: 26px;
        font-weight: 300;
        /*text-transform: uppercase;*/
        display: block;
        text-align: left;
        /*text-shadow: 1px 1px 5px #000;*/ }
        nav#site--main-nav.main ul li a:after {
          content: '';
          height: 2px;
          background-color: #125eac;
          display: block;
          margin-top: 3px;
          margin-left: 50%;
          margin-right: 50%; }
        @media (max-width: 1460px) {
          nav#site--main-nav.main ul li a {
            font-size: 22px;
            padding: 10px 12px 6px 12px; } }
        @media (max-width: 1200px) {
          nav#site--main-nav.main ul li a {
            font-size: 18px;
            padding: 10px 10px 6px 10px; } }
      nav#site--main-nav.main ul li ul.sub-menu {
        /*display: none;*/
        display: block;
        transition: opacity .5s ease-out;
        opacity: 0;
        height: 0;
        overflow: hidden;
        list-style-type: none;
        padding-left: 0px;
        position: absolute;
        top: 170px;
        /*padding-top: 15px;*/
        background: rgba(0, 0, 0, 0.5); }
        nav#site--main-nav.main ul li ul.sub-menu li a {
          font-size: 0.8em;
          /*list-style-type: disclosure-closed;*/
          /*display: list-item;*/
          /*list-style-position: inside;*/
          width: 100%; }
      nav#site--main-nav.main ul li:hover {
        /*background: rgba(0,0,0,0.5);*/
        /*text-decoration: underline;*/
        /*border-bottom: 2px solid $color_main_blue;*/ }
        nav#site--main-nav.main ul li:hover a {
          padding-bottom: 6px; }
          nav#site--main-nav.main ul li:hover a:after {
            content: '';
            height: 2px;
            background-color: #3c3c3b;
            display: block;
            margin-top: 3px;
            margin-left: 0%;
            margin-right: 0%;
            transition: 0.3s ease-in-out; }
        nav#site--main-nav.main ul li:hover ul.sub-menu {
          opacity: 1;
          height: auto;
          display: block;
          list-style-type: none;
          padding-left: 0px;
          position: absolute;
          /*transition: $slow_transition;*/ }
          nav#site--main-nav.main ul li:hover ul.sub-menu li {
            padding: 0px 0px 0px 0px;
            text-align: left;
            position: relative; }
      nav#site--main-nav.main ul li.current-menu-item a, nav#site--main-nav.main ul li.current-menu-parent a {
        padding-bottom: 6px; }
        nav#site--main-nav.main ul li.current-menu-item a:after, nav#site--main-nav.main ul li.current-menu-parent a:after {
          content: '';
          height: 2px;
          background-color: #3c3c3b;
          display: block;
          margin-top: 3px;
          margin-left: 0%;
          margin-right: 0%;
          transition: 0.3s ease-in-out; }
    nav#site--main-nav.main ul li.mobil-menu {
      display: none; }

.slider {
  min-height: calc(var(--size-dynamic300) + var(--size-dynamic300) + 20px);
  background-color: #484646; }
  @media (max-width: 1023px) {
    .slider {
      min-height: calc(var(--size-dynamic400) + var(--size-dynamic040) + 20px); } }

footer.footer {
  background-color: #484646;
  display: flex;
  align-items: center;
  padding-left: var(--size-grid002);
  padding-right: var(--size-grid002);
  padding-top: var(--size-dynamic200);
  padding-bottom: var(--size-dynamic200);
  color: #cccccc; }
  @media (max-width: 1023px) {
    footer.footer {
      flex-direction: column; } }
  footer.footer .footer_sub {
    width: 50%; }
    @media (max-width: 1023px) {
      footer.footer .footer_sub {
        width: 100%; } }
    footer.footer .footer_sub #nav_menu-2 ul#menu-footermenue.menu {
      list-style-type: none;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 0px;
      margin: 0px;
      height: 100%;
      transform: translate(calc((-50%)), 0); }
      @media (max-width: 1023px) {
        footer.footer .footer_sub #nav_menu-2 ul#menu-footermenue.menu {
          transform: none;
          flex-direction: column; } }
      footer.footer .footer_sub #nav_menu-2 ul#menu-footermenue.menu li {
        display: flex;
        align-items: center;
        height: var(--size-dynamic300); }
        @media (max-width: 1023px) {
          footer.footer .footer_sub #nav_menu-2 ul#menu-footermenue.menu li {
            height: unset; } }
        footer.footer .footer_sub #nav_menu-2 ul#menu-footermenue.menu li a {
          color: #cccccc;
          padding: 10px 20px 6px 20px;
          font-size: 18px;
          font-weight: 400;
          text-transform: uppercase;
          display: block;
          text-align: left; }
    footer.footer .footer_sub #footer_logo {
      width: 50%;
      display: flex;
      justify-content: flex-start; }
      @media (max-width: 1023px) {
        footer.footer .footer_sub #footer_logo {
          width: 100%;
          justify-content: center; } }
      footer.footer .footer_sub #footer_logo .textwidget.custom-html-widget {
        width: 100%;
        display: flex;
        justify-content: flex-start; }
        @media (max-width: 1023px) {
          footer.footer .footer_sub #footer_logo .textwidget.custom-html-widget {
            width: 50%;
            justify-content: center; } }
        footer.footer .footer_sub #footer_logo .textwidget.custom-html-widget .footer-logo svg {
          fill: #ffffff;
          max-width: 100%;
          max-height: var(--size-dynamic300); }

#footer_bottom_outer {
  padding-left: var(--size-grid002);
  padding-right: var(--size-grid002);
  background-color: #484646;
  margin-bottom: -25px; }
  #footer_bottom_outer #footer_bottom {
    font-size: 0.7rem;
    color: #cccccc; }
    #footer_bottom_outer #footer_bottom p.copyright {
      padding: 10px 0;
      text-align: center;
      margin: 0; }
      #footer_bottom_outer #footer_bottom p.copyright a, #footer_bottom_outer #footer_bottom p.copyright a:focus, #footer_bottom_outer #footer_bottom p.copyright a:visited, #footer_bottom_outer #footer_bottom p.copyright a:hover {
        color: #cccccc;
        text-decoration: none;
        font-family: Vicasso; }

/*Kontaktformular */
form.wpcf7-form input.wpcf7-form-control {
  width: 100%;
  line-height: 2em;
  background-color: #f6f6f6;
  border: 1px solid #ccc; }
form.wpcf7-form textarea.wpcf7-form-control {
  width: 100%;
  line-height: 2em;
  height: 150px;
  background-color: #f6f6f6;
  border: 1px solid #ccc; }
form.wpcf7-form .form-check-datenschutz {
  font-size: .8em; }
form.wpcf7-form label {
  line-height: 2em; }
form.wpcf7-form input.wpcf7-submit[type="submit"] {
  /*position: absolute;
  right: 0;*/
  width: auto;
  padding: 0 20px;
  background-color: #125eac;
  color: #ffffff;
  border: none; }

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