/*
Theme Name: Muto Default Theme
Theme URI: https://muto.at
Author: muto.at
Author URI: https://muto.at
Description: Muto Default Theme
Version: 1.0
License: private
License URI: https://muto.at
Tags: 

*/
.loadingScreen {
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 99999999999;
  top: 0;
  left: 0;
  position: fixed;
  text-align: center;
}
.loadingScreen img {
  width: 200px;
  height: auto;
  margin: 0 auto;
}
body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #000000;
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 13px;
    line-height: 1.3em;
  }
}
.modulBox h1 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 800;
  color: #D93824;
  font-size: 1.94em;
  line-height: 1.3em;
  margin-bottom: 30px;
}
.modulBox h1:not(:first-child) {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .modulBox h1 {
    letter-spacing: 0;
    font-size: 1.94em;
    line-height: 1.3em;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
.modulBox h2 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 1.5em;
  line-height: 1.3em;
  margin-bottom: 20px;
}
.modulBox h2:not(:first-child) {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .modulBox h2 {
    letter-spacing: 0;
    font-size: 1.5em;
    line-height: 1.3em;
  }
}
.modulBox h2 a {
  color: #000000;
  font-weight: 700;
}
.modulBox h2 a:hover,
.modulBox h2 a:focus {
  color: #262626;
}
.modulBox h3 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 1.11em;
  line-height: 1.3em;
  margin-bottom: 25px;
}
.modulBox h3:not(:first-child) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .modulBox h3 {
    letter-spacing: 0;
    font-size: 1.11em;
    line-height: 1.3em;
  }
}
.modulBox h3 a {
  color: #000000;
  font-weight: 700;
}
.modulBox h3 a:hover {
  color: #262626;
}
.modulBox h1 + h3 {
  margin-top: -10px !important;
  margin-bottom: 50px;
}
.modulBox h4 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 1.11em;
  line-height: 1.3em;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .modulBox h4 {
    letter-spacing: 0;
    font-size: 1.11em;
    line-height: 1.3em;
  }
}
.modulBox h4:not(:first-child) {
  margin-top: 30px;
}
.modulBox h5 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 1.11em;
  line-height: 1.3em;
  margin-bottom: 10px;
}
.modulBox h5:not(:first-child) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .modulBox h5 {
    letter-spacing: 0;
    font-size: 1.11em;
    line-height: 1.3em;
  }
}
.modulBox h6 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 1.11em;
  line-height: 1.3em;
  margin-bottom: 10px;
}
.modulBox h6:not(:first-child) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .modulBox h6 {
    letter-spacing: 0;
    font-size: 1.11em;
    line-height: 1.3em;
  }
}
.modulBox p {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #000000;
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 1.8em;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .modulBox p:last-child {
    margin-bottom: 0 !important;
  }
}
.modulBox strong,
.modulBox b {
  font-weight: 700;
}
.modulBox ul {
  padding: 0;
  margin: 0 0 0 15px;
  font-size: 1em;
  line-height: 1.8em;
  margin-bottom: 20px;
  list-style-type: none;
  font-weight: 400;
}
.modulBox ul li {
  padding-left: 0.8em;
}
.modulBox ul li:before {
  content: '\f005';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #FABA00;
}
.modulBox a {
  color: #D93824;
  font-weight: 400;
}
.modulBox a:hover {
  color: #dc796d;
}
.modulBox .fa {
  color: #000000;
}
.modulBox.light h1,
.modulBox.light h2,
.modulBox.light h3,
.modulBox.light h4,
.modulBox.light h5,
.modulBox.light h6,
.modulBox.light p,
.modulBox.light ul,
.modulBox.light li:before,
.modulBox.light .postMeta,
.modulBox.light div,
.modulBox.light i.fa {
  color: #fff;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.modulBox.light a {
  color: #fff;
  /* text-decoration:underline; */
}
.modulBox.light a:hover {
  color: #fff;
  /* text-decoration: none; */
}
.modulBox *:last-child {
  margin-bottom: 0;
}
header {
  padding: 5px 0 5px 0;
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  header {
    padding: 10px 0 10px 0;
  }
}
header.sticky {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  background: #fff;
  top: 0;
  -webkit-box-shadow: 0px 3px 10px rgba(220, 211, 197, 0.5);
  -moz-box-shadow: 0px 3px 10px rgba(220, 211, 197, 0.5);
  box-shadow: 0px 3px 10px rgba(220, 211, 197, 0.5);
}
header.nospace {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  header.nospace {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  header {
    margin-bottom: 50px;
  }
}
header .logoContainer {
  margin: 0 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .logoContainer {
    margin: 0;
    float: left;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  header .logoContainer {
    margin: 0;
    float: left;
    width: 80%;
  }
}
header .logoContainer a {
  display: block;
}
header .logoContainer a img {
  /* width: auto;
				height: auto;
				max-height:109px;
				max-width:100%; */
  width: auto;
  height: 100px;
}
@media only screen and (max-width: 1210px) {
  header .logoContainer a img {
    width: auto;
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  header .logoContainer a img {
    width: auto;
    height: 55px;
  }
}
header .navLink {
  float: right;
  width: 40px;
}
header .navLink a {
  display: block;
  margin-top: 10px;
  background: #D93824;
  font-size: 20px;
  line-height: 1em;
  padding: 8px 4px 8px 4px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .navLink a {
    margin-top: 23px;
  }
}
header .navLink a:hover {
  background: #c33220;
}
header .navLink a .fa {
  color: #fff;
}
header .mainNaviWrap {
  margin-right: -0.7em;
}
.topHeader {
  background: #D93824;
  padding: 9px 0 9px 0;
}
@media only screen and (max-width: 767px) {
  .topHeader {
    display: none;
  }
}
.topHeader ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
.topHeader ul li {
  display: inline-block;
  padding-left: 10px;
}
.topHeader ul li a {
  color: #fff;
  font-size: 0.89em;
  line-height: 1em;
}
.topHeader ul li a:hover,
.topHeader ul li a:focus {
  color: #FABA00;
}
.topHeader ul li.current-menu-item a {
  color: #FABA00;
}
/* Border Radiuses */
.sf-menu > li {
  /* .border-radiuses(5px,0,0,5px); */
}
.sf-menu ul li:first-child {
  /* .border-radiuses(0,0,0,5px); */
}
.sf-menu ul li:last-child {
  /* .border-radiuses(0,5px,5px,0); */
}
/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  right: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}
/*** DESIGN STYLES ***/
.sf-menu {
  float: right;
}
.sf-menu ul {
  min-width: 12em;
  *width: 12em;
}
.sf-menu ul {
  margin-top: 20px;
  -webkit-box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.08);
}
.sf-menu a {
  padding: 2.2em 0.7em 1em 0.7em;
  text-decoration: none;
  zoom: 1;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
}
@media only screen and (max-width: 1210px) {
  .sf-menu a {
    font-size: 0.89em;
    line-height: 1em;
    padding: 2em 0.6em 1em 0.6em;
  }
}
.sf-menu ul a {
  padding: .7em 1em;
}
.sf-menu li {
  white-space: nowrap;
  *white-space: normal;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.sf-menu ul li {
  background: #fff;
  /* @light-gray */
  text-align: right;
}
.sf-menu ul ul li {
  background: #fff;
  /* @light-gray */
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: #EFEBE5;
  -webkit-transition: none;
  transition: none;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
  background: none;
}
.sf-menu > li:hover > a,
.sf-menu > li.sfHover > a {
  color: #D93824;
}
.sf-arrows ul .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
}
.sf-arrows ul .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #000000;
  border-top-color: rgba(255, 255, 255, 0.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: #000000;
}
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #000000;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #000000;
}
.sf-menu li.current-menu-item > a,
.sf-menu li.current_page_parent > a,
.sf-menu li.current-page-ancestor > a,
.sf-menu li.current-page-ancestor li.current_page_item > a,
.sf-menu li.current-page-ancestor li.current-page-ancestor > a {
  color: #D93824;
}
#sb-site {
  background: none;
}
.sb-slidebar {
  background: #D93824;
  width: 80%;
}
.sb-slidebar h2 {
  color: #000;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.3em;
  padding: 15px 20px 15px 20px;
  margin-top: 15px;
}
.mobileNavi,
.mobileNavi ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mobileNavi a {
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  font-size: 1em;
  line-height: 1.3em;
  display: block;
  text-transform: none;
  font-weight: 700;
  letter-spacing: 1px;
}
.mobileNavi ul a {
  text-transform: none;
  padding: 10px 20px 10px 30px;
  font-weight: 600;
  font-size: 1.1em;
  line-height: 1.3em;
}
.mobileNavi ul ul a {
  text-transform: none;
  padding: 5px 20px 5px 50px;
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 400;
}
.mobileNavi a:hover,
.mobileNavi a:focus,
.mobileNavi ul a:hover,
.mobileNavi ul a:focus {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.mobileNavi li.current_page_item a {
  background: rgba(255, 255, 255, 0.2);
}
.mobileNavi li.current_page_item li a {
  text-decoration: none;
  background: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  line-height: 1em;
  font-size: 18px;
}
a,
.wpcf7-submit,
a img,
a#back-to-top,
i.fa,
input,
textarea,
select {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
a:hover img {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.modulBox img {
  max-width: 100%;
  height: auto;
}
.modulBox img.alignright {
  float: right;
  margin: 0 0 3em 3em;
}
.modulBox img.alignleft {
  float: left;
  margin: 0 3em 3em 0;
}
.modulBox img.aligncenter {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.modulBox a img.alignright {
  float: right;
  margin: 0 0 3em 3em;
}
.modulBox a img.alignleft {
  float: left;
  margin: 0 0 3em 0;
}
.modulBox a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.valign {
  display: flex;
  align-items: center;
}
.valignCol {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .valignCol {
    display: block;
  }
}
.clear {
  clear: both;
}
#lightcase-overlay {
  background: #fff !important;
}
html:not([data-lc-type=error]) #lightcase-content {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
#lightcase-info {
  width: 100% !important;
}
#lightcase-info #lightcase-caption,
#lightcase-info #lightcase-title {
  color: #000000 !important;
  text-shadow: none !important;
  text-align: center !important;
}
#lightcase-info #lightcase-title {
  position: static !important;
  background: none !important;
  padding: 0 !important;
  font-weight: 700 !important;
  max-width: 100% !important;
}
#lightcase-info #lightcase-caption {
  display: none !important;
}
a[class*='lightcase-icon-'],
a[class*='lightcase-icon-']:focus {
  color: #000000 !important;
}
.container {
  max-width: 1000px;
  margin: 0 auto;
  width: auto;
}
@media (min-width: 700px) {
  .container {
    padding: 0 50px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    padding: 0 25px 0 25px;
  }
}
.container-fluid {
  padding: 0 50px 0 50px;
}
@media only screen and (max-width: 767px) {
  .container-fluid {
    padding: 0 25px 0 25px;
  }
}
/* .single-post section.content .container{ max-width:900px;} */
.modulBox {
  margin: 0 0 70px 0;
}
@media only screen and (max-width: 767px) {
  .modulBox {
    margin: 0 0 50px 0;
  }
}
.modulBox .headerText {
  margin: 0 0 70px 0;
}
@media only screen and (max-width: 767px) {
  .modulBox .headerText {
    margin: 0 0 50px 0;
  }
}
.modulBox.abstandklein {
  margin: 0;
}
.modulBox.abstandobenKlein {
  margin-top: -70px;
}
@media only screen and (max-width: 767px) {
  .modulBox.abstandobenKlein {
    margin-top: -50px;
  }
}
.modulBox.modulBoxBG {
  padding: 70px 0 70px 0;
}
@media only screen and (max-width: 767px) {
  .modulBox.modulBoxBG {
    padding: 50px 0 50px 0;
  }
}
.modulBox.modulBoxBG.bgImage {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.modulBox .abstandUnten {
  margin-bottom: 30px;
}
/* Abstand zwischen Cols anpassen */
.row {
  margin: 0 -30px;
}
[class*="col-"] {
  padding: 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gap-sm {
    margin-bottom: 70px;
  }
  .gap-sm:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .gap-xs {
    margin-bottom: 50px;
  }
  .gap-xs:last-child {
    margin-bottom: 0;
  }
}
.galleryWrap {
  margin: 0 -7.5px 0 -7.5px;
}
.galleryWrap .galleryBox {
  width: calc(33.33% -  15px);
  display: block;
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .galleryWrap .galleryBox {
    width: calc(33.33% -  15px);
  }
}
@media only screen and (max-width: 767px) {
  .galleryWrap .galleryBox {
    width: calc(50% -  15px);
    margin-left: 7.5px;
    margin-right: 7.5px;
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.ctaModul {
  padding: 70px 0 70px 0;
  background: #EFEBE5;
  position: relative;
  text-align: center;
}
.ctaModul .footerBorder {
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -1px;
}
.ctaModul h2 {
  font-size: 1.39em;
  line-height: 1.3em;
  color: #D93824;
  margin-bottom: 0px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .ctaModul h2 {
    margin-bottom: 10px;
  }
}
.ctaModul p {
  font-weight: 700;
}
.bannerSlider .slide img {
  width: 100%;
  height: auto;
}
.bannerSlider .slick-track .slick-slide {
  padding: 0 !important;
}
.bannerSlider .slick-dots {
  margin: 0;
  bottom: 15px;
}
.bannerSlider .slick-dots li:before {
  content: '';
}
.bannerSlider .slick-dots li button::before {
  font-family: 'slick';
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  color: #fff;
}
.bannerSlider .slick-dots li.slick-active button::before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .produktBoxWrap .produktImage {
    padding: 0 0 20px 0;
  }
}
.produktBoxWrap .produktTitle {
  background: #D93824;
  color: #fff;
  display: block;
  padding: 14px 10px 25px 10px;
  text-align: center;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  margin-bottom: -14px;
  font-weight: 700;
  font-size: 1.11em;
  line-height: 1.3em;
  max-width: 400px;
}
.produktBoxWrap .produktContent {
  background: #fff;
  display: block;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  border: 2px solid #D93824;
  overflow: hidden;
  position: relative;
  z-index: 99;
  padding: 25px 25px 25px 25px;
}
.produktBoxWrap .produktContent img {
  max-height: 250px;
  height: auto;
  width: auto;
  margin: 0 auto;
}
.katBoxWrap .row {
  margin: 0 -15px;
}
.katBoxWrap [class*="col-"] {
  padding: 0 15px;
}
.katBoxWrap .katBox {
  background: #fff;
  margin-bottom: 30px;
  display: block;
}
.katBoxWrap .katBox .katImg {
  background: #fff;
  display: block;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  border: 2px solid #D93824;
  overflow: hidden;
  position: relative;
  z-index: 99;
}
.katBoxWrap .katBox .katTitle {
  background: #D93824;
  color: #fff;
  display: block;
  padding: 25px 10px 14px 10px;
  text-align: center;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  margin-top: -14px;
  font-weight: 700;
  font-size: 1.11em;
  line-height: 1em;
}
#closeBtn {
  display: none;
}
/* SEARCHFORM */
#searchform {
  position: relative;
}
#searchform .searchfield {
  width: 100%;
  border: none;
  padding: 0 15px 0 15px;
  height: 40px;
  line-height: 1em !important;
  color: #000000;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none !important;
  border: 1px solid #dcd3c5;
}
#searchform .searchfield:focus {
  background: #fff;
  border-color: #D93824;
}
#searchform .searchfield::-webkit-input-placeholder {
  line-height: normal !important;
}
#searchform #searchsubmit {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 15px;
  top: 0px;
  bottom: 0;
  margin: auto 0 auto 0;
  padding: 0;
  border: 0;
  background: url(../img/lupe.svg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* Suchergebnisseite */
.searchBox {
  margin-bottom: 70px;
}
.searchpageFormWrap {
  margin-bottom: 70px;
}
.searchpageFormWrap #searchform .searchfield {
  width: 100%;
}
/* Suchfeld Header */
.searchContainerWrap {
  background: #fff;
  padding: 13px 27px 15px 15px;
  text-align: center;
  display: none;
  position: absolute;
  right: 0px;
  left: 0;
  z-index: 999;
}
.searchContainerWrap #searchform .searchfield {
  border: none !important;
}
.searchContainerWrap #searchform #closeBtn {
  display: block;
  position: absolute;
  z-index: 9999;
  width: 16px;
  height: 16px;
  right: 15px;
  top: 0px;
  bottom: 0;
  margin: auto 0 auto 0;
  padding: 0;
  border: 0;
  background: #fff url(../img/close.svg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* Suchfeld im Mobile Menu */
.searchformWrapMobile {
  padding: 15px;
}
.searchformWrapMobile #searchform .searchfield {
  border: none;
  line-height: 1em;
}
.contactForm fieldset {
  margin-bottom: 20px !important;
}
.contactForm p {
  margin: 0;
  padding: 0;
}
.contactForm .required {
  color: #D93824;
}
.contactForm .ajax-loader {
  display: none !important;
}
.contactForm .wpcf7-not-valid-tip {
  font-size: 0.8em;
}
.contactForm small {
  padding-top: 10px;
  display: block;
}
.contactForm label {
  font-weight: 600;
}
.contactForm .wpcf7-submit {
  border: none;
  background: #D93824;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  padding: 7px 25px 7px 25px;
  color: #fff;
  font-weight: 700;
}
.contactForm .wpcf7-submit:disabled {
  color: #fff !important;
  background: #dc796d;
}
.contactForm .wpcf7-submit:disabled:hover {
  background: #dc796d !important;
}
.contactForm .wpcf7-submit:hover {
  background-color: #000;
  color: #fff;
}
.contactForm .wpcf7-text {
  width: 100%;
  border: 1px solid #dcd3c5;
  padding: 0 15px 0 15px;
  height: 40px;
  line-height: 1em;
  color: #000000;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.contactForm .wpcf7-text.wpcf7-not-valid {
  border-color: #D93824;
}
.contactForm .wpcf7-textarea {
  width: 100%;
  border: none;
  padding: 13px 15px 13px 15px !important;
  height: 127px;
  color: #000000;
  border: 1px solid #dcd3c5;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.contactForm .wpcf7-textarea.wpcf7-not-valid {
  border-color: #D93824;
}
.contactForm .wpcf7-list-item {
  margin-left: 0;
}
.contactForm .wpcf7-list-item label {
  font-weight: 600;
}
/* Custom Select */
.contactForm .select-wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  overflow: hidden;
  outline: none !important;
}
.contactForm .select-wrapper::-webkit-input-placeholder {
  line-height: normal !important;
}
.contactForm select {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 15px;
  color: #000000;
  cursor: pointer;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: none !important;
  box-shadow: none;
  border: 1px solid #dcd3c5;
  background: #ffffff;
  background-image: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.contactForm select::-ms-expand {
  display: none;
}
.contactForm .select-wrapper::after {
  content: '\f0ab';
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #ffffff;
  color: #D93824;
  pointer-events: none;
  outline: none !important;
  border: 1px solid #dcd3c5;
}
.contactForm .select-wrapper:hover::after {
  color: #c33220;
}
.contactForm .select-wrapper::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.light .required {
  color: #fff;
}
.light .contactForm .select-wrapper::after {
  text-shadow: none;
}
a.moreLink {
  text-decoration: none !important;
  color: #D93824;
  position: relative;
}
a.moreLink:after {
  content: '\f105';
  font-family: 'FontAwesome';
  position: absolute;
  line-height: 1.8em;
  right: -10px;
  top: -2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a.moreLink:hover:after {
  right: -15px;
}
a.cBtn {
  display: inline-block;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #fff;
  padding: 7px 25px 7px 25px;
  margin-top: 10px;
  color: #fff;
  font-weight: 700;
  text-decoration: none !important;
  text-shadow: none !important;
  line-height: 1.8em;
}
a.cBtn:nth-of-type(2),
a.cBtn:nth-of-type(3),
a.cBtn:nth-of-type(4),
a.cBtn:nth-of-type(5) {
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  a.cBtn:nth-of-type(2),
  a.cBtn:nth-of-type(3),
  a.cBtn:nth-of-type(4),
  a.cBtn:nth-of-type(5) {
    margin-left: 0;
  }
}
a.cBtn.cBtn-primary {
  background: #D93824;
  border-color: #D93824;
}
a.cBtn.cBtn-primary:hover,
a.cBtn.cBtn-primary:focus {
  background: #000000;
  border-color: #000000;
  color: #fff;
}
a.cBtn.cBtn-secondary {
  background: #000000;
  border-color: #000000;
}
a.cBtn.cBtn-secondary:hover,
a.cBtn.cBtn-secondary:focus {
  background: #262626;
  border-color: #262626;
  color: #fff;
}
a.cBtn.cBtn-white {
  color: #000000;
  background: #fff;
  border-color: #fff;
}
a.cBtn.cBtn-white:hover,
a.cBtn.cBtn-white:focus {
  background: none;
  color: #fff;
}
a.cBtn.cBtn-whiteLine {
  color: #fff;
  background: none;
  border-color: #fff;
}
a.cBtn.cBtn-whiteLine:hover,
a.cBtn.cBtn-whiteLine:focus {
  background: #fff;
  color: #000000;
}
.controls {
  margin-bottom: 30px;
}
/* MixItUp */
/* Target Elements
---------------------------------------------------------------------- */
.mix,
.gap {
  display: inline-block;
  vertical-align: top;
}
.mix {
  margin-bottom: 30px;
  position: relative;
}
.mix:before {
  content: '';
  display: inline-block;
}
/* Grid Breakpoints
---------------------------------------------------------------------- */
.mix,
.gap {
  width: 100%;
}
/* 2 Columns */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mix,
  .gap {
    width: calc(32.66666667%);
  }
  /* 3 Columns */
}
@media only screen and (min-width: 992px) {
  .mix,
  .gap {
    width: calc(24.25%);
  }
}
.controls select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: none !important;
  box-shadow: none;
  border: 0 !important;
  background: #000000;
  background-image: none;
}
/* Custom Select */
.controls .select-wrapper {
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  height: 3em;
  line-height: 3em;
  background: #000000;
  overflow: hidden;
  border-radius: .25em;
  outline: none !important;
}
.controls select {
  width: 100%;
  max-width: 300px;
  height: 100%;
  margin: 0;
  padding: 0 0 0 .5em;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}
.controls select::-ms-expand {
  display: none;
}
/* Arrow */
.controls .select-wrapper::after {
  content: '\f0ab';
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #000000;
  color: #fff;
  pointer-events: none;
  outline: none !important;
}
/* Transition */
.controls .select-wrapper:hover::after {
  color: #000000;
}
.controls .select-wrapper::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.blogBox .postMeta {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: -25px;
}
.single .postMeta {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: -50px;
}
/* Index.php */
.blogHeaderText {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .blogHeaderText {
    margin-bottom: 50px;
  }
}
.blogWrap {
  margin: 0 -30px 0 -30px;
}
@media only screen and (max-width: 767px) {
  .blogWrap {
    margin: 0;
  }
}
.blogWrap .blogBox {
  width: calc(33.33% -  60px);
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
  margin-right: 30px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blogWrap .blogBox {
    width: calc(50% -  60px);
  }
}
@media only screen and (max-width: 767px) {
  .blogWrap .blogBox {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 0;
  }
}
.blogWrap .blogBox h3 {
  margin-bottom: 10px;
}
/* Blog Box Image for Module and index.php */
.blogImg {
  display: block;
  margin-bottom: 15px;
}
.blogImg img {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 20%;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 20%;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 20%;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 20%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20%;
  border-bottom-left-radius: 0;
  border-top-left-radius: 20%;
}
/* Single */
.blogSingleImage {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .blogSingleImage {
    margin-bottom: 50px;
  }
}
.paginationWrap .pCol2 {
  text-align: center;
}
.paginationWrap .pCol3 {
  text-align: right;
}
.paginationWrap a {
  text-decoration: none !important;
  color: #D93824;
  position: relative;
}
.paginationWrap a[rel=next] {
  margin-right: 10px;
}
.paginationWrap a[rel=next]:after {
  content: '\f105';
  font-family: 'FontAwesome';
  position: absolute;
  line-height: 1.8em;
  right: -10px;
  top: -2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.paginationWrap a[rel=next]:hover:after {
  right: -15px;
}
.paginationWrap a[rel=prev] {
  margin-left: 10px;
}
.paginationWrap a[rel=prev]:after {
  content: '\f104';
  font-family: 'FontAwesome';
  position: absolute;
  line-height: 1.8em;
  left: -10px;
  top: -2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.paginationWrap a[rel=prev]:hover:after {
  left: -15px;
}
.paginationWrap a.overviewLink {
  font-size: 1.5em;
  line-height: 1em;
}
.paginationWrap a.overviewLink .fa {
  color: #D93824;
}
.paginationWrap a.overviewLink:hover .fa {
  color: #dc796d;
}
footer {
  background: #D93824;
  padding: 0;
  margin-top: -21px;
  font-size: 18px;
  line-height: 1.8em;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  footer {
    font-size: 13px;
    line-height: 1.3em;
    padding-bottom: 50px;
  }
}
footer .wortabstand {
  display: inline-block;
  width: 20px;
}
@media only screen and (max-width: 767px) {
  footer .wortabstand {
    width: 0;
    display: block;
  }
}
footer h3 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #FABA00;
  font-size: 1.11em;
  line-height: 1.3em;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  footer h3 {
    letter-spacing: 0;
    font-size: 1.25em;
    line-height: 1.3em;
  }
}
footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.8em;
}
footer p {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #fff;
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 1.8em;
  font-weight: 400;
}
footer p:last-child {
  margin-bottom: 0 !important;
}
footer a {
  color: #fff;
}
footer a:hover,
footer a:focus {
  color: #FABA00;
}
footer .copyright {
  background: #D93824;
  padding: 15px 0 15px 0;
  margin-top: 70px;
  font-size: 0.9em;
  border-top: 1px solid #fff;
}
@media only screen and (max-width: 767px) {
  footer .copyright {
    text-align: center;
    margin-top: 50px;
  }
}
footer .copyright a {
  color: #fff;
}
footer .copyright a:hover,
footer .copyright a:focus {
  color: #FABA00;
}
footer .copyright .current-menu-item a {
  color: #FABA00;
}
footer .copyright .copyrightNaviWrap {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  footer .copyright .copyrightNaviWrap {
    text-align: center;
  }
}
footer .copyright .copyrightNaviWrap ul li {
  display: inline-block;
}
footer .copyright .copyrightNaviWrap ul li:after {
  content: '|';
  color: #fff;
  display: inline-block;
  padding: 0 3px 0 5px;
}
footer .copyright .copyrightNaviWrap ul li:last-child:after {
  content: '';
}
#back-to-top {
  position: fixed;
  bottom: 50px;
  right: -50px;
  z-index: 9999;
  width: 50px;
  padding: 7px 0 10px 0;
  text-align: center;
  line-height: 1em;
  font-size: 25px;
  background: #000;
  color: #fff;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
@media only screen and (max-width: 767px) {
  #back-to-top {
    bottom: -50px;
    right: 0px;
    font-size: 25px;
    width: 100%;
  }
}
#back-to-top:hover {
  background: #000000;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#back-to-top.show {
  right: 0;
}
@media only screen and (max-width: 767px) {
  #back-to-top.show {
    bottom: 0px;
  }
}
.error404Wrap img {
  width: 80%;
  max-width: 200px;
  height: auto;
}
.error404Wrap .searchpageFormWrap {
  margin-bottom: 0;
}
#loginform {
  max-width: 350px;
  margin: 50px auto 0 auto;
}
#loginform label {
  display: block;
  width: 100%;
}
#loginform input.input {
  width: 100%;
}
#loginform input#wp-submit {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #D93824;
  background: #D93824;
  color: #fff;
  height: 50px;
  font-weight: 700;
  width: 130px;
}
#loginform input#wp-submit:hover {
  border-color: #000;
  background: #000;
}
.page-template-login-page .topHeader,
.page-template-login-page header,
.page-template-login-page footer,
.page-template-login-page .loadingScreen {
  display: none !important;
}
.page-template-login-page .formBtn {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #D93824;
  background: #D93824;
  color: #fff;
  height: 50px;
  font-weight: 700;
  font-size: 1em;
}
.page-template-login-page .formBtn:hover {
  border-color: #000;
  background: #000;
}

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