/*** BODY ***/
.page-template-default {
  background-color: #ffffff;
  background-image: url("/wp-content/uploads/ganter-it-tastatur.png");
  background-position: bottom 0px left 0px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 40%;
}
.site-content {
  padding-top: 75px;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h1, h2, h3, h4 {
  text-align: center;
}
.roelker-heading {
  background-color: #3fa535;
  border-radius: 10px;
}

/*** NAVI ***/
.main-header-bar {
  position: fixed;
  width: 100%;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile {
  flex-wrap: wrap;
  position: fixed;
  top: 55px;
  right: 0px;
  width: 100%;
}
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link {
  text-align: right;
}
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
  padding: 0 55px 0 0;
}


button.navi-tel, button.navi-tel:hover, button.navi-tel:active {
  background-color: #3fa535;
  padding: 0 0 0 0 ;
}
.navi-tel a {
  color: #000000;
  background: #ffffff;
  font-weight: 600;
  padding: 12px 15px;
  border-radius: 10px;
}
.navi-tel a:hover {
  color: #ffffff;
  background: #000000;
  font-weight: 600;
  padding: 12px 15px;
  border-radius: 10px;
}
.navi-tel .fa, .navi-tel .fas {
  margin-right: 5px;
}
button.navi-terra, button.terra:hover, button.terra:active {
  background-color: #3fa535;
  padding: 0 0 0 0 ;
}
.navi-terra a {
  background: #ffffff;
  padding: 12px 15px;
  border-radius: 10px;
}
.navi-terra a:hover {
  background: #7a4d99;
  padding: 12px 15px;
  border-radius: 10px;
}
.navi-terra img {
  height: 30px;
}
.navi-terra img:hover {
  height: 30px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(206deg) brightness(175%) contrast(100%);
}


/*** LOGO ***/
.ast-logo-title-inline .ast-site-identity {
  background-color: #ffffff;
  box-shadow: 2px 2px 4px #000000;
  border-radius: 0 0 10px 10px;
}
.ast-logo-title-inline .site-logo-img {
  padding-right: 1em;
  padding-left: 1em;
}

/*** TILES ***/
.elementor-flip-box__layer__title span {
  background-color: #3fa535;
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 35px;
}
.elementor-flip-box__layer__description span {
  background-color: #3fa535;
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 20px;
}

.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description {
  font-size: 16px;
}

/*** TABLE ***/
table, td, th {
  border: none;
  text-align: left;
}
tabler {
  margin: 0 0 0 0;
}

/*** CONTACT ***/
.contact-form .contact-row {
  width: 99%;
  display: flex;
}
.contact-field, .captcha {
  width: 48%;
}
.wpcf7 select, .wpcf7 textarea {
  width: 92.5%;
  background: none;
  border: none;
  border-bottom: 2px solid #000000;
}
.wpcf7 textarea {
  height: 100px;
}
.consent {
  font-size: 14px;
  margin: 20px 0px;
}
.wpcf7 input:not([type="submit"]) {
  width: 95%;
  background: none;
  border: none;
  border-bottom: 2px solid #000000;
  margin-bottom: 5px;
}
input[type="email"], input[type="number"], input[type="password"], input[type="reset"], [type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  color: #000000;
}
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
  width: 1.4em !important;
}
input[type="submit"] {
  border-radius: 10px;
}
input[type="submit"]:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.send-button {
  float: right;
  margin: auto;
}

/*** FOOTER ***/
.widget {
  text-align: center;
}
.widget .fa, .widget .fas {
  color: #3fa535;
  margin-right: 5px;
}
/*.footer-spalten {
  display: table;
  position: relative;
  max-width: 35rem;
  padding: 0 0 0 0;
}
.footer-spalten .fas {
  color: #4b4f58;
  font-size: 40px;
  padding-right: 30px;
  display: block;
  width: 20%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.texte {
  display: block;
  width: 80%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}*/


/****** RESPONSIVE ******/

@media (max-width: 1690px) {
}
@media (max-width: 1440px) {
  .page-template-default {
  background-size: 60%;
  }
}
@media (max-width: 980px) {
}
@media (max-width: 820px) {
  .page-template-default {
  background-position: bottom -50px right -200px;
  background-size: 100%;
  }
  .menu-item-247 { margin-top: 95px; }
  
  .elementor-flip-box__layer__title span { font-size: 30px; }
  .elementor-flip-box__layer__description span { font-size: 15px; }
}
@media (max-width: 720px) {
  table, td, th { text-align: center; }
  .elementor-flip-box__layer__title span { font-size: 25px; }
  .elementor-flip-box__layer__description span { font-size: 15px; }
}

@media (max-width: 480px) {
  .page-template-default {
  background-position: bottom 0px right 0px;
  background-size: 100%;
  }
  .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 5px;
  }
  .elementor-flip-box__layer__title span { font-size: 23px; }
  .elementor-flip-box__layer__description span { font-size: 10px; }
  
  .navi-tel a, .navi-tel a:hover { font-size: 12px; padding: 10px 8px; }
  .navi-tel .fa, .navi-tel .fas { margin-right: 0px; font-size: 10px}
  
  .contact-form .contact-row { width: 99%; display: block; }
  .contact-field { width: 98%; }
}