::selection { background: #002d59; color: #ffffff;}
/*** BODY ***/
p, ul {
  letter-spacing: 0.5px;
}
.znTiltBox-tilter__title {
  text-align: center !important;
}
.znTiltBox-tilter h1{
  text-align: center !important;
  font-size: 29px;
  line-height: 30px;
  margin: 0 0;
}
.znTiltBox-tilter h2{
  text-align: center !important;
  margin: 0 0;
}
.znTiltBox-tilter p{
  margin: 0 0;
}
.znTiltBox-tilter h3{
  text-align: center !important;
  font-size: 25px;
  line-height: 32px;
  margin: 0 0;
}
.TiltDoubleLine .znTiltBox-tilter--3 .znTiltBox-tilter__caption {
  padding: 20px;
}
/*.znTiltBox-tilter__figure::before {
  content: '';
  position: absolute;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  box-shadow: 50px 20px 0px rgba(23, 49, 82, 0.5) !important;
  transform: rotate(-1deg);
}
.znTiltBox-tilter__figure::before {
  content: '';
  position: absolute;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  box-shadow: 0px 5px 0px 20px rgba(23, 49, 82, 0.5) !important;
  transform: rotate(-0.9deg);
}*/
.znTiltBox-tilter__figure::before {
  content: '';
  position: absolute;
  width: 90%;
  height: 130%;
  top: -15%;
  left: 5%;
  box-shadow: 0px 5px 0px 20px rgba(23, 49, 82, 0) inset !important;
  transform: rotate(-1deg);
  border: 2px solid #183253;
}

/*** HEADER ***/
.site-logo-img {
  margin-top: -25px;
}

/*** NAVI ***/
.site-header.style4 {
  border-bottom: 4px solid #002d59;
}
.main-nav > ul > .menu-item {
  margin-left: 0px;
}
.main-nav.mainnav--active-bg > ul > .menu-item.active > a::before {
  height: 40px;
  border-radius: 5px;
}
.main-nav.mainnav--active-bg > ul > .menu-item > a::before {
  height: 40px !important;
  border-radius: 5px;
}
.site-header .site-header-row .main-nav > ul > .menu-item.heizungsrechner > a {
  color: #e11117;
}
.site-header .site-header-row .main-nav > ul > .menu-item.heizungsrechner > a::before{
  background-color: #e11117;
}

/*** NAVI-TOP ***/
.sh--light .kl-header-toptext {
  color: #002d59;
  font-size: 25px;
  font-weight: 800;
}
.sh--light .kl-header-toptext a {
  color: #e11117;
}
.sh--light .kl-header-toptext a:hover {
  color: #002d59;
}
.sh--light .kl-cta-custom.btn-lined.lined-dark {
  color: #002d59;
  border-color: #002d59;
}
.sh--light .kl-cta-custom.btn-lined.lined-dark:hover {
  color: #e11117;
  border-color: #e11117;
}

.site-header .topnav.social-icons .social-icons-item {
  font-size: 25px;
}
.sh--light .topnav.sc--clean .topnav-item {
  color: #002d59;
  margin-right: 10px;
}
.sh--light .topnav.sc--clean .topnav-item:hover {
  color: #e11117;
}

/*** BURGER-NAVI ***/
.sh--light .zn-menuBurger span {
  background: #002d59;
}
.site-header .site-logo {
  padding-top: 0px;
  padding-bottom: 0px;
}
.site-header-separator {
  height: 0px;
}

/*** TABLE ***/
h3 span {
  color: #002d59;
}
td span {
  color: #002d59;
}

table {
  width: 100%;
}
table th {
	text-transform: none;
	font-weight: 400;
	padding: 6px;
	width: 60%;
}
table td {
  padding: 6px;
  text-align: center;
}
table tr {
  transition: background .2s;
}
table tr:hover {
  background: #f4f4f4; /*FALLBACK*/
  background: rgba(49, 39, 131, 0.1);
  transition: background .2s;
}
table tfoot {
  color: #e11016;
  font-weight: 700;
  padding: 6px;
  width: 100% !important;
}
table tfoot th {
  font-weight: 700;
}

/*** CONTACT ***/
.wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio) {
  font-family: 'Humanist', sans-serif;
  padding: 7px 14px 7px 14px;
}

.wpcf7-form-control-wrap, #datenschutz {
  font-size: 12px;
}

.wpcf7-submit {
  color: #ffffff !important;
  background-color: #002d59 !important;
  border-radius: 3px !important;
  border-style: none !important;
  padding: 14px !important;
}
.wpcf7-submit:hover {
  color: #ffffff !important;
  background-color: #e11117 !important;
}

/*** FOOTER ***/
.footer a:hover {
  text-decoration: underline;
}

/*** TOTOP ***/
#totop {
  background-color: #002d59;
  border-radius: 5px;
}



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

@media (max-width: 1690px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 980px) {
}
@media (max-width: 736px) {
  .site-logo-img { margin-top: 10px; }
}
@media (max-width: 480px) {
  .site-header .sh-component { margin: 0px; margin-right: 0px; }
  table th { display: block; width: 100%; }
  table td { display: block; width: 100%; text-align: left; }

}