/*
Theme Name: Mesmerize Child
Description: Ein Childtheme von Mesmerize
Author: Carlos Baez
Author URI: www.baezdesign.de
Template: mesmerize
Version: 1.0
Tags: Heidkampf
*/


body {
    color: #000000;
  }

  .bigline-center {
    background-color: #BED140;
    background-color: #BED140;
    color: #BED140;
    border: #BED140;
    height: 4px;
    width: 5%;
    margin: 0 auto;
}

.bigline {
  background-color: #BED140;
  background-color: #BED140;
  color: #BED140;
  border: #BED140;
  height: 4px;
  width: 5%;
}

.mesmerize-inner-page .page-content, .mesmerize-inner-page .content, .mesmerize-front-page.mesmerize-content-padding .page-content {
  background-color: #ffffff !important;
}


/*//////////////////////////////////Map Anfang*/

.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.map: {
    -webkit-filter: grayscale(0%);
       -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
         -o-filter: grayscale(0%);
            filter: grayscale(0%);
}

/*//////////////////////////////////Map Ende*/


/*/////////////////////////////// Buttons Anfang */

.button8 {
  border-radius: 4px;
  background-color: #BED140;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  display: block;
    margin-left: auto;
    margin-right: auto
}

.button8 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button8 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button8:hover span {
  padding-right: 25px;
}

.button8:hover span:after {
  opacity: 1;
  right: 0;
}

.button {
  height: auto;
  font-family: 'Assistant', sans-serif;
  font-size: 0.75rem;
  color: #ffffff;
  background-color: #ffffff;
  border-radius: 5px;
  min-width: 7rem;
  padding: 0.55rem 1.5rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0.7rem;
  border: 1px solid #03a9f4;
  vertical-align: middle;
  -webkit-appearance: none;
  margin-bottom: 0.75rem;
}

.button.color2:hover {
  color: #ffffff;
  background-color: #BED140;
  border-color: #BED140;
}

.button.color2 {
  color: #BED140;
  background-color: #ffffff;
  border-color: #BED140;
}

button.color1,
.button.color1 {
  background-color: #BED140;
}

.button {
  background-color: #BED140;
  border: 2px solid #BED140;
}

.button.outline {
  border-color: #BED140;
  color: #BED140;
}

.button.link {
  border-color: #BED140;
  color: #BED140;
}

.button.color1 {
  color: #BED140;
  background-color: #ffffff;
  border-color: #BED140;
}

.button.color1.outline {
  color: #BED140;
  border-color: #BED140;
}

.contact-form-wrapper input[type=submit] {
  background-color: #BED140;
  border: 2px solid #BED140;
}

.wpforms-form button[type=submit].wpforms-submit.color1.outline {
  color: #BED140;
  border-color: #BED140;
}

button.color1:hover,
.button.color1:hover {
  background-color: #3c3c3b;
  border-color: #ffffff;
}

button.color1.outline:hover,
.button.color1.outline:hover {
  color: #ffffff;
  border-color: #ffffff;
}

.button:hover {
  background-color: #3c3c3b;
  border-color: #3c3c3b;
}

.button.color1:hover {
  background-color: #BED140;
  border-color: #ffffff;
}

.button.color2 {
  color: #BED140;
  background-color: #ffffff;
  border-color: #BED140;
}

.button.color2:hover {
  color: #ffffff;
  background-color: #BED140;
  border-color: #BED140;
}

.button {
  border-radius: 4px;
  background-color: #BED140;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  display: block;
    margin-left: auto;
    margin-right: auto
}

/*/////////////////////////////// Buttons Ende */


/*//////////////////////////////////Header Anfang*/

.row.header-description-row.middle-sm {
  background-image: url("https://heidkampf.de/wp-content/uploads/2020/08/Heidkampf-Logo-Startseite.png");
  background-repeat: no-repeat, repeat;
  background-position: center;
}

.empfohlen {
   margin-left:2%;
}

a i.fa {
  color: #ffffff;
}

a i.fa:hover {
  color: #0480b7;
}

.header-top-bar {
  background-color: #242424;
  padding-left: 5%;
  padding-right: 5%;
}

.top-bar-field a:hover {
  color: #0480b7;
}

.top-bar-field {
  float: left;
  font-size: 12px;
  text-align: left;
  color: #ffffff;
  padding: 11px 15px;
}

.top-bar-social-icons a:hover {
  color: #0480b7;
  }

p.header-subtitle2,
p.header-subtitle {
  font-family: "Muli", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 130%;
  color: #ffffff;
  margin-bottom: 1.25rem;
}

.inner-header-description.gridContainer {
  display: none;
}

.inner-header-description {
  display: none;
}

/*//////////////////////////////////Header Ende*/


/*//////////////////////////////////Links Anfang*/

a {
    color: #0480b7;
    text-decoration: none;
  }
  
  a:hover {
    color: #29235C;
  }
  
  a:link  { 
  text-decoration: none;
  }
  
  a:active  {
  text-decoration: none;
  } 
  
  a.color1:not(.button):hover {
    color: #1D71B8;
  }
  
  a:hover {
    color: #1D71B8;
  }
  
/*//////////////////////////////////Links Ende*/


/*//////////////////////////////////Farben Anfang*/

.background-blue {
  background-color: #1D71B8;
  width: 100%;
}

element.style {
    fill: #0480b7;
}

.staedte {
  color: #0480b7;
}

.color1 {
  color: #0480b7;
}

.bg-color1 {
  background-color: #0480b7;
}

.border-color1 {
  border-color: #0480b7;
}

a.color1:not(.button) {
  color: #0480b7;
}

hr.small-line.color1 {
  background-color: #0480b7;
}

.circle-counter.color1 .circle-bar {
  stroke: #0480b7;
}

a {
  color: #0480b7;
}

.read-more {
  color: #0480b7;
}

.read-more.color1 {
  color: #0480b7;
}

.tags-list a:hover {
  background-color: #0480b7;
  border-color: #0480b7;
}

.read-more.color1:hover {
  color: #0480b7;
}

.nav-links .prev-navigation a:hover, .post-comments .navigation .prev-navigation a:hover,
.nav-links .next-navigation a:hover, .post-comments .navigation .next-navigation a:hover {
  background-color: #1D71B8;
}

.sidebar .widget > ul > li a:hover {
  color: #1D71B8;
}

.subscribe-form input[type="submit"]:hover {
  background-color: #1D71B8;
  border-color: #1D71B8;
}

.contact-form-wrapper input[type=submit]:hover {
  background-color: #1D71B8;
  border-color: #1D71B8;
}

.wpforms-form button[type=submit].wpforms-submit.color1:hover {
  background-color: #1D71B8;
  border-color: #1D71B8;
}

.comment-list li.comment.byuser {
  border: 1px solid #0480b7;
}

.comment-reply-link {
  color: #0480b7;
}

svg.section-separator-top path,
svg.section-separator-bottom path {
  background-color: #0480b7;
}

i.fa.icon.bordered, i.fa.icon.card[class*="bottom-border-"] {
  border: 2px solid #0480b7;
}

i.fa.icon.reverse {
  background-color: #0480b7;
}

hr.small-line {
  background-color: #0480b7;
}

.subscribe-form input[type="submit"] {
  background-color: #0480b7;
  border: 2px solid #0480b7;
}

.top-right-triangle.color1 {
  border-right-color: #0480b7;
}

.checked.decoration-color1 li:before {
  color: #0480b7;
}

.stared.decoration-color1 li:before {
  color: #0480b7;
}

.card.bottom-border-color1 {
  border-bottom-color: #0480b7;
}

.card.card-color1 {
  background-color: #0480b7;
}

.card.bg-color1 {
  background-color: #0480b7;
}

.border-color1 {
  border-color: #0480b7;
}

.contact-form-wrapper input[type=submit] {
  background-color: #0480b7;
  border: 2px solid #0480b7;
}

.wpforms-form button[type=submit].wpforms-submit.color1.outline {
  color: #0480b7;
  border-color: #0480b7;
}

.background-blue {
    background-color: #0480b7;
    width: 100%;
    padding: 25px 0 25px 0;
}

.font-white {
    color: #ffffff;
}

/*//////////////////////////////////Farben Ende*/


/*//////////////////////////////////Footer Anfang*/

.mesmerize-content-padding #page > .page-content, .mesmerize-inner-page #page > .page-content {
  padding-bottom: 2rem;
}

.footer a:hover {
  color: #1D71B8;
}

.footer a {
  color: #000000;
  text-decoration: none;
}

.footer-contact-boxes .col-sm-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

.footer {
  color: #ffffff;
}

.footer-nav {
  text-align: center;
}

.footer-contact-boxes .footer-bg-accent {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #222222;
}

.footer a:hover {
  color: #1D71B8;
}

.footer a:hover .fa {
  color: #1D71B8;
}

.footer form input[type="submit"] {
  background-color: #0480b7;
  outline: 1px solid #0480b7;
}

.footer-contact-boxes a {
  color: #ffffff;
}

.footer-contact-boxes a:hover {
  color: #1D71B8;
}

.footer-contact-boxes .fa:hover{
  color: #ffffff;
}

.footer-contact-boxes .fa {
  color: #ffffff;
}
#logoGruenerPunkt {
	max-width: 115px;
}

/*//////////////////////////////////Footer Ende*/


/*//////////////////////////////////Schrift Anfang*/

label {
    color: #000000;
    margin-bottom: 4px;
    font-size: 15px;
  }
  
  h1.hero-title {
    color: #ffffff;
    margin-bottom: 0.5rem;
    font-size: 5.0rem;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: 0.9px;
    text-shadow: 1px 1px #000000;
  }
  
  h1.title, h1, h2, h3, h4, h5, .comment-author .fn, h6 {
    font-family: "Muli", sans-serif;
    font-weight: 600;
    color: #0480b7;
    text-rendering: optimizeLegibility;
    margin-bottom: 16px;
  }
  
  p.header-subtitle2, p.header-subtitle {
    font-family: "Muli", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 130%;
    color: #ffffff;
    margin-bottom: 1.25rem;
    text-shadow: 1px 1px #000000;
}

  h3,
  .h3 {
    color:#0480b7;
  }
  
  h4,
  .h4 {
    color:#0480b7;
  }
  
/*//////////////////////////////////Schrift Ende*/


/*//////////////////////////////////Navigation Anfang*/

.navigation-bar.fixto-fixed {
    transform: translateZ(0);
    background-color: #22222a;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
    opacity: 0.8;
  }
  
  .navigation-bar.coloured-nav.bordered {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.33);
  }
  
  .navigation-bar.fixto-fixed {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.33);
  }
  
  .coloured-nav ul.dropdown-menu > li,
  .fixto-fixed ul.dropdown-menu > li {
    color: #0480b7;
  }
  
  .navigation-bar.coloured-nav {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.33)
  }
  
  .navigation-bar.coloured-nav {
    background-color: #ffffff;
  }
  
  ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
  ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
    color: #1D71B8;
  }
  
    ul.dropdown-menu > li:hover > a, ul.dropdown-menu > li.hover > a {
      color: #1D71B8;
    }
  
    ul.dropdown-menu.simple-menu-items > .current_page_item > a,
  ul.dropdown-menu.simple-menu-items > .current-menu-item > a {
    color: #0480b7;
  }
  
  ul.dropdown-menu.active-line-bottom > .current_page_item > a,
  ul.dropdown-menu.active-line-bottom > .current-menu-item > a, ul.dropdown-menu.default > .current_page_item > a,
  ul.dropdown-menu.default > .current-menu-item > a {
    border-bottom: 3px solid #0480b7;
  }
  
  ul.dropdown-menu.active-line-top > .current_page_item > a,
  ul.dropdown-menu.active-line-top > .current-menu-item > a {
    border-top: 3px solid #0480b7;
  }
  
  ul.dropdown-menu.active-round-button > .current_page_item > a,
  ul.dropdown-menu.active-round-button > .current-menu-item > a {
    background-color: #0480b7;
  }
  
  ul.dropdown-menu.active-arrow-down > .current_page_item:after,
  ul.dropdown-menu.active-arrow-down > .current-menu-item:after {
    border-color: transparent transparent #1D71B8 transparent;
  }
  
  ul.dropdown-menu.active-round-border-button > .current_page_item > a,
  ul.dropdown-menu.active-round-border-button > .current-menu-item > a {
    border: 2px solid #0480b7;
    color: #0480b7;
  }
  
  ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
  ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a {
    border-top: 1px solid #0480b7;
    border-bottom: 1px solid #0480b7;
    color: #0480b7;
  }
  
  .coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-line-bottom > .current-menu-item > a, .coloured-nav ul.dropdown-menu.default > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.default > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-line-bottom > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-line-bottom > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.default > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.default > .current-menu-item > a {
    border-bottom: 3px solid #0480b7;
  }
  
  .coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
    color: #1D71B8;
  }
  
  .coloured-nav ul.dropdown-menu.active-line-top > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-line-top > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-line-top > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-line-top > .current-menu-item > a {
    border-top: 3px solid #0480b7;
  }
  
  .coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a {
    color: #1D71B8;
  }
  
  .coloured-nav ul.dropdown-menu.active-round-button > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-round-button > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-round-button > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-round-button > .current-menu-item > a {
    background-color: #0480b7;
  }
  
  .coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a {
    border: 2px solid #1D71B8;
    color: #1D71B8;
  }
  
  .coloured-nav ul.dropdown-menu.active-arrow-down > .current_page_item:after,
  .coloured-nav ul.dropdown-menu.active-arrow-down > .current-menu-item:after,
  .fixto-fixed ul.dropdown-menu.active-arrow-down > .current_page_item:after,
  .fixto-fixed ul.dropdown-menu.active-arrow-down > .current-menu-item:after {
    border-color: transparent transparent #1D71B8 transparent;
  }
  
  .coloured-nav ul.dropdown-menu.active-round-border-button > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-round-border-button > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-round-border-button > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-round-border-button > .current-menu-item > a {
    border: 2px solid #0480b7;
    color: #0480b7
  }
  
  .coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a {
    border: 2px solid #1D71B8;
    color: #1D71B8;
  }
  
  .coloured-nav ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
  .coloured-nav ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a,
  .fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
  .fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a {
    border-top: 1px solid #0480b7;
    border-bottom: 1px solid #0480b7;
    color: #0480b7;
  }
  
  .coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
  .fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a {
    color: #1D71B8;
  }
  
  .nav-links .prev-navigation a, .post-comments .navigation .prev-navigation a,
  .nav-links .next-navigation a, .post-comments .navigation .next-navigation a {
    border: solid 2px #0480b7;
    color: #0480b7;
  }
  
  .nav-links .numbers-navigation span.current, .post-comments .navigation .numbers-navigation span.current, .nav-links .numbers-navigation a:hover, .post-comments .navigation .numbers-navigation a:hover {
    background-color: #1D71B8;
  }
  
  /*//////////////////////////////////Navigation Ende*/


  /*//////////////////////////////////Mobile Ansicht Anfang*/

@media (max-width: 768px) {
    h1.hero-title {
      font-size: 2.5rem;
    } 
      }

@media (max-width: 768px) {
    .bigline {
        margin: 0 auto;
        margin-bottom: 20px;
    } 
 }

 @media (max-width: 768px) {
    .button8 {
      margin-bottom: 40px;
  } 
}

@media (max-width: 768px) {
    .header-homepage .header-description-row {
      padding-top: 40% !important;
      padding-bottom: 40% !important;
    } 
  }

@media (max-width: 768px) {
    .row.header-description-row.middle-sm {
      background-image: url("http://heidkampf.de/wp-content/uploads/2020/08/Heidkampf-Logo-Startseite-Mobil.png");
  } 
}

    /*//////////////////////////////////Mobile Ansicht Ende*/

  
    /*/////////////////////////////// Zoom Animation Anfang */

.zoom, {
  padding: 50px;
  background-color: green;
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*/////////////////////////////// Zoom Animation Ende */


/*/////////////////////////////// Schrift Animation Anfang */

.hovering {
  animation-name: hovering;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}


@keyframes hovering {
  from {transform:translate(0, 0px);}
  50% {transform:translate(0, -15px);}
  to {transform: translate(0, -0px);}
}

/*/////////////////////////////// Schrift Animation Ende */