/* Header CSS */
header { background-color: #ffffff; }
header { color: #000000; }
header a, header a:visited { color: #000000; }
header a:hover, header a:focus { color: #000000; }
header .fa, header .fab, header .fal, header .far, header .fas { color: #000000; }
header.sticky { color: #000000; }
header.sticky a, header.sticky a:visited { color: #000000; }
header.sticky a:hover, header.sticky a:focus { color: #000000; }
header.sticky .fa, header.sticky .fab, header.sticky .fal, header.sticky .far, header.sticky .fas { color: #000000; }
 
header { box-shadow: 0 5px 10px rgba(0,0,0,0.15); } 
 
header.sticky { box-shadow: 0 5px 10px rgba(0,0,0,0.15); } 
@media only screen and (max-width: 1024px) {
header { background-color: #ffffff; }
}
@media only screen and (max-width: 1024px) {
#mobile #menu-button,
#mobile ul li, #mobile .submenu-button,
#mobile .submenu-button.submenu-opened { background-color: #ffffff; }
}
@media only screen and (max-width: 1024px) {
#mobile ul ul li a { background-color: #ffffff !important; }
}
@media only screen and (max-width: 1024px) {
#mobile #menu-button, #mobile ul li a { color: #000000 !important; }
#mobile #menu-button::before,
#mobile #menu-button.menu-opened::before,
#mobile #menu-button.menu-opened::after { background-color: #000000 !important; }
#mobile #menu-button::after { 
	border-top: 2px solid #000000; 
    border-bottom: 2px solid #000000; 
	}
#mobile .submenu-button::before,
#mobile .submenu-button::after { background-color: #000000 !important; }
}
.intro, .introleer, .introdefault, .introsingle, .slider { margin-top: 100px; }
@media only screen and (max-width: 1024px) {
  header, header.fixed, header.absolute { position: relative; }
}
#navigation > div > ul > li > a { text-transform: uppercase; }
#navigation > div > ul > li > a { font-weight:600; }
#navigation > div > ul > li > a { font-size:1em; }
#navigation > div > ul > li.menu-item-has-children > a:after {
    font-family: "Font Awesome 6 Free" !important;
	display: inline-block;
    font-weight: 600;
    content: "\f078";
    padding: 0;
    padding: 0 0 0 0.3em;
	font-size: 0.8em;
	margin-top: -1em;
	line-height: 1;
}

#navigation > div > ul > li > a,
#navigation > div > ul > li:hover > a { color: #000000; }
#navigation > div > ul > li.current-menu-item > a,
#navigation > div > ul > li > a:hover { color: #888888; }

#navigation ul ul li a,
#navigation ul ul ul li a{ color: #ffffff; }
#navigation ul ul li.menu-item-has-children > a:after,
#navigation ul ul li.menu-item-has-children > a:before { background: #ffffff; }
#navigation ul ul li:hover > a, #navigation ul ul li a:hover,
#navigation ul ul ul li:hover > a, #navigation ul ul ul li a:hover,
#navigation ul ul li.current-menu-item a { color: #ffffff; }
#navigation ul ul li.menu-item-has-children:hover > a:after,
#navigation ul ul li.menu-item-has-children:hover > a:before { background: #ffffff; }
#navigation ul ul li a, 
#navigation ul ul ul li a { background-color: rgb(136,136,136); }
#navigation ul ul li:hover > a, 
#navigation ul ul li a:hover,
#navigation ul ul li.current-menu-item a { background-color: rgb(136,136,136); }
.movebox {
	position: relative;
	width: 100%;
	margin-bottom: 1em;
}
.resize-left  img,
.resize-center img,
.resize-right img {
	max-width: 90%;
}
.resize-left img { margin: 0 auto 0 0; }
.resize-center img { margin: 0 auto; }
.resize-right img { margin: 0 0 0 auto; }

/* Ueberlappend - BG Image */
.imgbox.move-bg-top-left img,
.imgbox.move-bg-top-right img,
.imgbox.move-bg-bottom-left  img,
.imgbox.move-bg-bottom-right img {
	max-width: 90%;
}
.move-bg-top-left img { margin: 0 auto 10% 0; }
.move-bg-top-right img { margin: 0 0 10% auto; }
.move-bg-bottom-left img { margin: 10% auto 0 0; }
.move-bg-bottom-right img { margin: 10% 0 0 auto; }

.imgbox.move-top-left,
.imgbox.move-top-right,
.imgbox.move-bottom-left,
.imgbox.move-bottom-right {
	position: absolute !important;
	z-index: 1;
	max-width: 90%;
}
.imgbox.move-top-left { top: 0; left: 0; }
.imgbox.move-top-right { top: 0; right: 0; }
.imgbox.move-bottom-left{ right: 10%; bottom: 0%; }
.imgbox.move-bottom-right { left: 10%; bottom: 0%; }footer { 
	background-color: rgb(0,0,0); 
	border-top: 2px solid rgb(0,0,0);
}
.footer2 {
	background-color: rgb(0,0,0); 
}
footer, footer h1, footer h2, footer h3, footer h4,  footer h5, footer h6,
.footer-line-1, .footer-1 .firmenname:before, .footer-1 .adresse:before, 
.footer-1 .tel:before, .footer-1 .fax:before, .footer-1 .mail:before { color: #ffffff; }
footer a, footer ul.menu li a, footer #footermenu ul li a { color: #ffffff; }
footer a:hover, footer ul.menu li a:hover, #footermenu ul li a:hover { color: #ffffff; }
.footer2 { 
	background-color: rgb(0,0,0); 
}
/* Footer */
footer {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 4em 0em;
  line-height: 1.7;
}
footer a, footer a:visited {
  color: #dddddd;
}
footer a:hover, footer a:focus {
  color: #ffffff;
}
/* FOOTER 1 */
.footer-1 {
  text-align: left;
}
#footermenu-1 {
  font-size: 1em;
  line-height: 1.5;
  text-shadow: none;
}
#footermenu-1 ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
#footermenu-1 ul li {
  margin: 0;
  padding: 0 0.2em 0 0;
  display: inline;
}
#footermenu-1 li a {
  background-image: none;
  display: inline;
  font-weight: bold;
  margin: 0 0.5em 0 0.5em;
  ;
  padding: 0;
  text-decoration: none;
}
.footer-2 {
  clear: both;
  font-size: 0.9em;
  margin: 0 auto;
  padding: 5em 0em;
  line-height: 1.7;
  position: relative;
}
.miniline::after {
  content: '';
  display: block;
  width: 70px;
  height: 3px;
  background-color: #dddddd;
  margin: 8px 0 16px;
}
.footer-2 .miniline::after {
  margin-top: 5px;
}
.footer-2 strong {
  font-size: 1.2em;
}
.footer-2 .adresse p {
  display: inline;
  float: left;
  line-height: 1.4;
}
.kontaktdaten div {
  width: 100%;
}
.footer-2 .firmenname::before, .footer-2 .adresse::before, .footer-2 .tel::before, .footer-2 .fax::before, .footer-2 .mail::before {
  float: left;
  font-family: 'Font Awesome 5 Free';
  padding: 0 5px 5px 5px;
  font-weight: bold;
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-right: 15px;
  font-size: 1.2em;
}
.footer-2 .adresse::before {
  content: "\f3c5";
}
.footer-2 .fax::before {
  content: "\f1ac";
}
.footer-2 .tel::before {
  content: "\f095";
}
.footer-2 .mail::before {
  content: "\f0e0";
}
.footer-2 .adresse {
  margin-top: 10px;
  display: block;
  float: left;
}
.footer-2 .tel {
  margin-top: 10px;
  display: block;
  float: left;
}
.footer-2 .mail {
  display: block;
  float: left;
}
 
.menu-footer-container {
  margin: 0;
  padding: 0;
}
 
#footermenu {
  clear: both;
  position: relative;
  font-size: 1em;
  line-height: 1.2;
  margin: 0.2em auto 0;
  padding: 0;
  text-align: left;
  text-shadow: none;
  float: left;
}
#footermenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footermenu ul li {
  margin: 0;
  padding: 0 0 0.5em 0;
}
#footermenu li a {
  color: #dddddd;
  background-image: none;
  display: inline-block;
  font-weight: normal;
  margin: 0;
  padding: 0 0 8px 0;
  text-decoration: none;
}
 
/* Copyright */
.footer-line-1 {
  text-align: left;
  padding: 0.6em 0 0.3em 0;
}
.footer-line-6 {
  font-size: 0.8em;
  text-align: center;
  padding: 1em 0 1em 0;
}
/* Copyright */
.footer2 {
  text-align: center;
  font-size: 12px;
  padding: 0.6em 0 0.3em 0;
}
.footer2 .container .twelve.columns:last-child {
	margin-bottom: 0;
}
/* Footer DC Logo */
.dc {
  position: absolute;
  right: 1em;
  bottom: 1em;
}
img.dc {
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
  opacity: 0.55;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  width: 40px;
  height: auto;
}
img.dc:hover {
  -webkit-filter: grayscale(0%);
  /* Chrome, Safari, Opera */
  filter: grayscale(0%);
  opacity: 1;
}
.m140 .container{margin-top:-140px;padding-top:0;}.m140{overflow:visible;border-top:2px solid #888888;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url(../fonts/open-sans-v27-latin/open-sans-v27-latin-300.eot);src:local(''),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-300.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-300.woff2) format('woff2'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-300.woff) format('woff'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-300.ttf) format('truetype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-300.svg#OpenSans) format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(../fonts/open-sans-v27-latin/open-sans-v27-latin-regular.eot);src:local(''),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-regular.woff2) format('woff2'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-regular.woff) format('woff'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-regular.ttf) format('truetype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-regular.svg#OpenSans) format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:500;src:url(../fonts/open-sans-v27-latin/open-sans-v27-latin-500.eot);src:local(''),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-500.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-500.woff2) format('woff2'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-500.woff) format('woff'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-500.ttf) format('truetype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-500.svg#OpenSans) format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(../fonts/open-sans-v27-latin/open-sans-v27-latin-600.eot);src:local(''),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-600.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-600.woff2) format('woff2'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-600.woff) format('woff'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-600.ttf) format('truetype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-600.svg#OpenSans) format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url(../fonts/open-sans-v27-latin/open-sans-v27-latin-800.eot);src:local(''),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-800.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-800.woff2) format('woff2'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-800.woff) format('woff'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-800.ttf) format('truetype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-800.svg#OpenSans) format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(../fonts/open-sans-v27-latin/open-sans-v27-latin-700.eot);src:local(''),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-700.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-700.woff2) format('woff2'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-700.woff) format('woff'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-700.ttf) format('truetype'),url(../fonts/open-sans-v27-latin/open-sans-v27-latin-700.svg#OpenSans) format('svg')}
body { font-family: "Open Sans", Helvetica, Arial, sans-serif;  }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Helvetica, Arial, sans-serif; }
#navigation ul li a, .button, .wpcf7 input[type="submit"] { font-family: "Open Sans", Helvetica, Arial, sans-serif; }
body { color: #565656; }
body { font-size: 16px; }
@media screen and (min-width: 769px) and (max-width: 1024px){ font-size: 14.6666666667px; }
@media screen and (max-width: 768px){ font-size: 14px; }
body { font-weight: 400; }
@media screen and (max-width: 1024px){
body { font-size: 14px; }
body { font-weight: 400; }
}
.fa-brands, .fa-solid, .fa, .fab, .fal, .far, .fas { color: #000000; }
body {  background-color: rgb(136,136,136); }
.wrapper {
	width: calc(100% - 8vw); 
	margin: 0 auto;
}
@media only screen and (min-width: 1025px) {
.wrapper header.fixed,
.wrapper header.absolute,
.wrapper header.oncroll {
	width: calc(100% - 8vw); 
	left: calc(50% + 4vw);
	margin-left: -50%;
}
}
/* JS Search */
.spicewpsearchform {
  width: calc(92vw - 17px);
  margin-left: calc(-92vw / 2 + (100% + 17px) / 2);
  margin-right: calc(-92vw / 2 + (100% + 17px) / 2);
}
.wrapper { background-color: rgb(255,255,255); }
.container { max-width: 1400px; }

		 .box ul li, .box-module ul li, .module-box ul li { list-style-type: circle;  } 			.box ul li::marker, 
	.box-module ul li::marker, 
	.module-box ul li::marker { color: #009775; }
ul.disc li::marker { color: ; }

.button.first, .button.first i { color: #ffffff; }
.numeric li a { color: #ffffff; }
.button.first:hover, .button.first:hover i, .button.first.active { color: #ffffff; }
.numeric li a { color: #ffffff; }
.button.first { background-color: rgb(0,0,0); }
.numeric li a { background-color: rgb(0,0,0); }
.button.first:hover, .button.first.active { background-color: rgb(0,151,117); border: 2px solid rgb(0,151,117); }
.numeric li a:hover, .numeric li a.active { background-color: rgb(0,151,117); }
.button.first { border: 2px solid #000000; }
.button.first:hover, .button.first.active { border: 2px solid #009775; }
.wpcf7 input[type="submit"], .wpcf7 input[type="submit"]:focus { color: #ffffff; }
.wpcf7 input[type="submit"]:hover { color: #ffffff; }
.wpcf7 input[type="submit"], .wpcf7 input[type="submit"]:focus { background-color: rgb(0,0,0); }
.wpcf7 input[type="submit"]:hover { background-color: #888888;}
.wpcf7 input[type="submit"], 
.wpcf7 input[type="submit"]:focus  { border: 2px solid #000000; }
.wpcf7 input[type="submit"]:hover { border: 2px solid #888888; }
h1, .leistungen h1, .cta .product-content h1 {  color: #000000; }
h2, .leistungen h2, .cta .product-content h2 {  color: #000000; }
h3, .leistungen h3, .cta .product-content h3 {  color: #000000; }
h4, .leistungen h4, .cta .product-content h4 {  color: #000000; }
h5, .leistungen h5, .cta .product-content h5 {  color: #000000; }
h6, .leistungen h6, .cta .product-content h6 {  color: #000000; }
h1 {font-size: 2.4em;}h2 {font-size: 2em;}h3 {font-size: 1.8em;}h4 {font-size: 1.6em;}h5 {font-size: 1.4em;}h6 {font-size: 1.2em;}h1 {font-weight: 600;}h2 {font-weight: 600;}h3 {font-weight: 600;}h4 {font-weight: 400;}h5 {font-weight: 400;}h6 {font-weight: 400;}@media screen and (max-width: 1024px){
h1 {font-size: 2.3em;}h2 {font-size: 1.9em;}h3 {font-size: 1.7em;}h4 {font-size: 1.5em;}h5 {font-size: 1.3em;}h6 {font-size: 1.1em;}h1 {font-weight: 400;}h2 {font-weight: 400;}h3 {font-weight: 400;}h4 {font-weight: 400;}h5 {font-weight: 400;}h6 {font-weight: 400;}}
