body {
	font-size: 15px; 
}
/*
neues Logo
gruen: 92,196,28 // #5cc41c
grau: 102,102,102 // #666666
*/
h1, h2, h3 {
	text-transform:none;
	/* font-weight: 300; */
	font-weight: 600;
}
h1 {
	margin-bottom: 0.6em;
}
h2 {
    font-size: 2.2em; /* 2.0 */
	margin-bottom: 0.6em;
}
h3 {
	margin-bottom: 0.3em;
}
.box {
	padding: 5em 0 5em 0;
}
/* Slider / Intro */
.metaslider.ml-slider .caption-wrap {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.2) 61%, rgba(0, 0, 0, 0.0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.2) 61%, rgba(0, 0, 0, 0.0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 61%, rgba(0, 0, 0, 0.0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(0, 0, 0)', endColorstr='rgb(0, 0, 0)', GradientType=1);
  left: 18.5%;
}

.metaslider.ml-slider .play {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 61%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 61%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 61%, rgba(0, 0, 0, 0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(0, 0, 0)', endColorstr='rgb(0, 0, 0)', GradientType=1);
  /* background: none; */
  opacity: 1 !important;
  width: 410px;
  padding: 2em;
  height: auto;
  max-width: 1200px;
}

.metaslider.ml-slider .caption {
  height: auto;
  margin: 0;
  padding: 1em 0 1em 1em;
  text-align: left;
}

.metaslider.ml-slider h2 {
	display: inline-block;
	font-size: 3em;
	font-weight: 600;
	font-style: italic;
	line-height: 1.3;
	padding: 0.3em 0.5em;
	color: rgba(255,255,255,0.9);
	background-color: rgba(0, 0, 0, 0.5);
}

.metaslider.ml-slider .fab {
	display: block;
	margin: 0 auto;
    text-align: center;
	font-size: 6em;
	margin-bottom: 10px;
}
@media (max-width: 1024px) {
.metaslider.ml-slider .caption-wrap {
    left: 5%;
}
.caption-wrap .caption, .introcaption {
    top: 5%;
}
.metaslider.ml-slider h2 {
    font-size: 2em;
}
.metaslider.ml-slider .caption-wrap span {
    font-size: 1.5em;
}
.metaslider.ml-slider .fab {
    font-size: 3em;
}
}
@media (max-width: 550px) {
.metaslider.ml-slider .caption-wrap {
    left: 0;
}
.caption-wrap .caption, .introcaption {
    top: 0;
}
.metaslider.ml-slider .caption {
    padding: 0;
}
}

#metaslider_610 .caption-wrap .fab {
	color: rgba(128,189,0,0.8);
}
#metaslider_610 .caption-wrap .fab:hover {
	color: rgba(210,6,6,0.8);
}

#metaslider_635 .caption-wrap .fab {
	color: rgba(149, 193, 43,1);
}
#metaslider_635 .caption-wrap .fab:hover {
	color: rgba(102, 102, 102,0.8);
}

.flexslider .caption-wrap span {
	display: inline-block;
	font-size: 2em;
	font-weight: 400;
	font-style: italic;
	line-height: 1.3;
	padding: 0.3em 0.5em;
	text-transform: none;
	color: rgba(255,255,255,0.9);
	letter-spacing: 0.1rem;
}
@media (min-width: 1025px) {
.introleer {
    margin: 9em 0 0 0 !important;
}
}
p,
.module-box p, 
.box-module p,
.box p,
.box-module.contentboxen .three.columns p, 
.box-module.contentboxen .four.columns p { 
	font-size: 18px; 
	font-weight: 300;
	line-height: 1.6;
}

.contentboxen.cta .four.columns p {
	font-size: 1em; 
	font-weight: 400;
	color: #666666;
}
.headerzeile .container {
	max-width: 1340px;
}
.headerzeile .five.columns {
    width: 43.3333333333%;
	margin-left:0;
}
.headerzeile span {
	font-size: 0.9em;
	line-height: 2.5;
}
.headerzeile a {
	margin-right: 1em;
	text-transform: uppercase;
}
.headerzeile a,
.headerzeile a:focus,
.headerzeile a:hover {
	color: #ffffff !important;
}
.headerzeile i {
	font-size: 0.8em;
	margin-right: 0.3em;
}
.headerzeile .js-search i { /* search */
	font-size: 1em;
	margin-right: 0;
}
.headerzeile .infolinks span {
	margin-left: 70px;
}
.headerzeile .inforechts {
	text-align: right;
}
.headerzeile a.anmeldung {
	margin-right: 0.5em;
	text-transform:none;
	font-size: 0.9em;
	line-height: 2.5;
	float: right;
}
#navigation {
	float:none;
}
#navigation > div > ul > li > a {
	font-size: 1.1em;
}

/* Startseite */
.gridboxen .sliderbox-inhalt {
	padding: 1em;
	color: #ffffff;	
}
.gridboxen .sliderbox-inhalt h3,
.gridboxen .sliderbox-inhalt p {
	color: #ffffff;
	font-weight: 400;
}
.gridboxen .sliderbox-inhalt hr {
	border-top: 1px solid #ffffff;
    margin: 0 auto 1em !important;
}
.gridboxen .box1 {
	background-color: rgba(128,189,0,0.8);
}
.gridboxen .box2 {
	background-color: rgba(210,6,6,0.7);
}
.gridboxen .box3 {
	background-color: rgba(6,77,150,0.7);
}
.sliderboxen:after,
#about:after {
  content: "";
  background: #ddd;
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 61%;
  left: 19.5%;
}

.leistungen {
	text-align: center;
}
.leistungen h3,
.gridboxen h3 {
	text-transform: none;
	font-weight: 300;
	margin: 0 auto 0.3em;
}

.leistungen i,
.gridboxen i {
	display: block;
	font-size: 4em;
	margin: 0.4em auto 0.3em;
	/* color:#ccc; */
	color: #646B6C;
}

.contentboxen .columns {
	border: none;
}

.contentboxen.cta .columns {
	background-color: rgba(255,255,255,0.7);
}


.contentboxen .three.columns p, 
.contentboxen .four.columns p {
	font-size: 1em;
}
.contentboxen.cta .columns img {
	width: auto;
	
}
.contentboxen.cta .columns h3 {
	font-weight: 400;
	color: #646B6C;
}
.contentboxen img {
	max-height: 235px;
	margin: 0 auto;
}
.contentbox-inhalt {
	padding: 1em;
}
.contentbox-inhalt.center {
	text-align: center;
	width: calc(100% - 2em);
}
.contentboxen .four.columns h3 {
	font-size: 1.6em;
	font-weight: 400;
}

.contentboxen .three.columns h3 {
	font-size: 1.3em;
	font-weight: 300;
}

#contentbox608 .four.columns h3 {
	font-size: 1.8em;
	font-weight: 300;
	color: #95C12B;
}

/* NATURSTEINE STARTSEITE */

/* Meta slider and carousel with lightbox */
.msacwl-slide img.attachment-full, 
.msacwl-carousel-slide img.attachment-large { max-height: 400px; }
.msacwl-common-slider .slick-dots, 
.msacwl-gallery-carousel .slick-dots { bottom: 10px; }
.msacwl-common-slider .slick-arrow { top: 55%; }
.msacwl-common-slider button.slick-prev, 
.msacwl-common-slider button.slick-prev:hover,
.msacwl-common-slider button.slick-next,
.msacwl-common-slider button.slick-next:hover { opacity: 0; }
.msacwl-common-slider button.slick-prev { left: 60px; }
.msacwl-common-slider button.slick-next { right: 60px; }
.msacwl-common-slider:hover button.slick-prev, 
.msacwl-common-slider:hover button.slick-prev:hover,
.msacwl-common-slider:hover button.slick-next,
.msacwl-common-slider:hover button.slick-next:hover {
	opacity: 1;
	background-color: rgba(149,193,43,0.8) !important;
}
.msacwl-common-slider .slick-dots li button {
	background: rgba(149,193,43,0.7) !important;
}
.msacwl-common-slider .slick-dots li.slick-active button {
	background: rgba(149,193,43,1) !important;
	border: 1px solid rgba(149,193,43,1) !important;
}
.msacwl-slide img.attachment-full {
	object-fit:contain;
}

/* Footer */

.container.footermenus {
	width: 100%;
	padding:0;
}

.footer-2 {
	line-height: 1.5;
	padding: 4em 0 2em;
}
.footer-2 .columns {
	margin-bottom: 1.5em;
}
.footer-2 strong {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.1em;	
}
#footermenu li a {
	padding: 0 0 2px 0;
}
.footer-2 .adresse,
.footer-2 .tel,
.footer-2 .fax,
.footer-2 .mail {
	margin-top: 2px;
}
.footer-2 .firmenname,
.footer-2 .adresse {
	margin-bottom: 1em;
}

/* Copiright */
.footer2 {
	padding: 1em 0 0.8em 0;
}

/* Alle Produkte */
#produkte-ansicht > .container:first-child {
	margin-bottom: 2em;
}

#produkte-ansicht h1,
#produkte-ansicht h2 {
	margin-bottom: 0.8em;
}


#tab1 .container,
#tab2 .container {
	margin-bottom: 2em;
}
.produkte .columns {
	border: 1px solid #ddd;
}
.produkte .columns .columns {
	border:none;
}
.produkte .columns img {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.produkte .two.columns img {
	margin-top: 1.2em;
}

@media (min-width: 550px) {
.produkte {
	display: flex;
}	

.service-leistungen .columns,
.produkte .columns {
	margin-left: 2%;
}
	
.service-leistungen .three.columns {
		width: 23.5%;
}
	
.service-leistungen.column:first-child,
.service-leistungen .columns:first-child,
.produkte .column:first-child, 
.produkte .columns:first-child {
	margin-left: 0;
	}
.produkte .two.columns {
    width: 18.4%;
}
}

.produkte .columns img:hover {
	opacity: 0.9;
}

#produkte-ansicht h3,
#produkte-ansicht a h3 {
	text-align: center;
	font-weight: 600;
	font-size: 1.2em;
	text-transform:none;
	margin-bottom: 1em;
}

/* Produktansicht */
 #sinlgeprodukt h1 {
	display: inline-block;
	font-size: 1.8em;
	font-weight: 400;
}

#sinlgeprodukt span.slick-slide img {
	max-height: 50px;
}
#sinlgeprodukt span,
#sinlgeprodukt span.slick-current {
	border: 1px solid #fff !important;
}

#sinlgeprodukt span.artnummer,
#sinlgeprodukt span.eigenschaft {
	display: inline-block;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0; 
	padding: 0 1em;
	line-height: 2.2;
	margin-bottom: 0.3em;
	width: 10em;
}

#sinlgeprodukt span.artnummer {
	background-color: #5cc41c;
	color: #ffffff;
}

#sinlgeprodukt span.eigenschaft {
	background-color: #666666;
	color: #ffffff;
}

#sinlgeprodukt span.infos,
#sinlgeprodukt span.wert {
	display: inline-block;
	font-size: 0.9em;
	margin: 0; 
	padding: 0 1em;
	line-height: 2.2;
	margin-bottom: 0.3em;
	
}

#sinlgeprodukt .kurzbeschreibung {
	margin-top: 1em;
}

#sinlgeprodukt .kurzbeschreibung p {
	font-size: 1em;
}

/* Slick Slider */
#sinlgeprodukt .produkt-slick {
	padding: 0 2em;
}
#sinlgeprodukt a.slick-slide {
	height: 200px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.slick-slider .slick-list {
	margin-bottom: 0.5em;
}
.service-leistungen .columns {
	border: 1px solid #ddd;
    margin-top: 0;    
  	margin-bottom: 3em;
	text-align: center;
	padding:0.5em;
}
.service-leistungen .columns a {
	display: inherit; /* fuer Bild mit Link */
	
}
.service-leistungen .columns img {
	/* margin: 0.5em; */
}
.service-leistungen h3 {
	text-transform: none;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.mitarbeiter span,
.mitarbeiter p, 
.mitarbeiter h5 {
	margin-bottom: 0;
	line-height: 1.8;
}

.fa, .fab, .fal, .far, .fas {
    color: #666666;
}
.news {
	margin: 0 auto 2em;
}

.newstext {
	padding-top: 1em;
}

.newstext a h3  {
	color: #666666;
	font-weight: 400;
}
.newstext a:hover h3  {
	color: #3f6d06;
}

#contentbox607:after,
#contentbox600:after {
  content: "";
  background: #ddd;
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 61%;
  left: 19.5%;
}

#contentbox3 .four:hover {
	box-shadow:0 0 0 rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)
}
#contentbox608 .gridboxen { padding-top: 2em; }
#contentbox608 .gridboxen:first-child { padding-top: 0em;}
#contentbox608 .twelve .contentbox-inhalt { width: 100%; }

.wpcf7 input, 
.wpcf7 textarea { font-size: 0.9em; }

/* Logistik Transport */
#contentbox594 { padding-bottom: 0; }
#contentbox596 .gridboxen:first-child { padding-top: 0; }
#contentbox596 .gridboxen { padding-top: 3em; }
#contentbox596 .four { border: 1px solid #ddd; }
#contentbox596 .container:nth-child(2n+1) .four:last-child { border:none; }
#contentbox601 .twelve .contentbox-inhalt { width: 100%; }
#contentbox601 .container { padding-top: 1em; }

/* News */
.archiv .nine {
	display: flex;
	flex-wrap: wrap;
}
.archiv .nine .three {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:center;
}
.archiv .category.post h3 a {
	color: #666666;
	font-weight: 400;
}
.archiv .category.post h3 a:hover {
	color: #3f6d06;
}

.archiv .category.post p {
	margin-bottom: 0.5em;
}
ul.beitraege,
ul.beitraege li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.beitraege li a {
    font-size: 1em;
    padding: 7px;
    display: block;
    line-height: 1.6;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	background-color: rgb(102, 102, 102,0.1);
	border-bottom: 1px solid #ffffff;
}
ul.beitraege li a:hover{
	background-color: rgb(102, 102, 102,0.2);
}
.footer2 a,
.footer2 a:visited {
	color: #ffffff;
}

.footerform {
	width: 100%;
	margin-top: 3em;
}
.loginlinks {
	
}
#wppb-loginform label, 
#wppb-loginform legend {
	font-weight: 400;
	font-size: 15px;
}

#wppb-login-wrap .login-username label, 
#wppb-login-wrap .login-password label {
	float: none !important;
	width: 100% !important;
	clear: both;
	font-weight: 400;
	font-size: 15px;
}

#wppb-loginform input[type="text"],
#wppb-login-wrap .login-password input {
	width: 100% !important;
	background-color: transparent;
	color: #ffffff;
}

#wppb-loginform input[type="submit"]{
	font-size: 15px;
	border-radius: 5px;
}

/* Tabs mit Bilder */
.tabcontent #tab1, .tabcontent #tab2, 
.tabcontent #tab3, .tabcontent #tab4, 
.tabcontent #tab5, .tabcontent #tab6, 
.tabcontent #tab7, .tabcontent #tab8,
.tabcontent #tab9, .tabcontent #tab10, 
.tabcontent #tab11, .tabcontent #tab12 { display: none;}
.container.tabsbilder {
	display:flex;
	flex-wrap: wrap;
}	
.tabsbilder .columns { 
	margin-left: 2%; 
	border: 1px solid #ddd;
	margin-bottom: 3em;
	padding: 0.5em;
}
.tabsbilder .columns:first-child { margin-left: 0; }
.tabsbilder .columns:hover { cursor: pointer; }
.tabsbilder .three { width: 23.5%; }
.tabsbilder img { margin-bottom: 1em; }
.tabsbilder h3 { font-size: 1.2em; }
.tabcontent .columns { text-align: center; }
.tabcontent .twelve {
	background-color: #efefef;
	padding: 3em;
	margin-bottom: 3em;
}
.tabcontent .twelve h3 { color:#95C12B; }
@media (max-width: 550px) {
.tabsbilder .three { width: 48%; }
.tabcontent .twelve { padding: 1em; }
}	
.lightpro {
	float:right;
}
.lightpro a {
	clear: both;
	float: right;
} 
/* Downloads */
.downloads a.katlink,
.d-useite a.katlink {
	display: inline-block;
	width: 100%;
	max-width: 500px;
	font-size: 1.2em;
	line-height: 2.5;
	border-bottom: 1px solid #ddd;
}
.downloads a.katlink::before, 
.d-useite a.katlink::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f1c1";
  font-weight: 900;
  padding-right: 7px;
}
.downloads p.subline {
  opacity: 0.8;
  font-size: 0.9em;
  margin-bottom: 15px;
}
/* End Downloads */
.wp-video {
	width: auto !important;
	max-width: 100%;
	position: relative;
}
.mejs-container {
}

/* js header Suche */
.js-search {
	float: right;
	margin-left: 1em;
}
.js-search .fa-search { 
	padding: 2px; 
	color: #000000; 
}
.fa-search:hover { cursor:pointer; }
header .spicewpsearchform .search {
	position: relative;
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 0;
	padding: 0;
}
.spicewpsearchform input[type="search"],
.spicewpsearchform .fa-search {
	border:none;
}
.spicewpsearchform .search .search-field {
	width: 85%;
	background-color:transparent;
	color: #ffffff;
	opacity: 1;
	font-size: 1.1em;
}
.spicewpsearchform .search .search-submit {
	position: absolute;
	top: 2px;
	right: 4px;
	bottom: 1px;
	height: 30px;
	border: none;
	padding: 0 4px;
	font-size: 1.1em;
	vertical-align:middle;
	background-color:transparent;
}
.spicewpsearchform {
	position: absolute;
	display: block;
    right: 0;
	top: 100%;
	width: 100%;
	height: auto;
    max-width: 200px;
    margin-top: 1px;
    z-index: 9999;
    padding: 0;
	background-color: rgba(100, 107, 108, 0.9);
	color: #ffffff;
}
/* end js header suche */

/* Suche content */
.box input[type="search"] {
height: auto;
line-height: 1.5;
border: 1px solid #000000;
border-radius: 0px;
background-color: transparent;
font-size: 15px;
padding: 4px 10px;
}
/* End Suche */

#contentbox593 .container {
	background-color: rgba(255,255,255,0.7);
	padding: 1em;
}
#contentbox593 .container .columns {
	background-color: transparent;
}
.wpcf7 span.wpcf7-not-valid-tip {
  color: #D42E12;
}
.wpcf7 .wpcf7-response-output {
	color: #80BD00;
}
@media only screen and (min-width: 551px) and (max-width: 1500px) {
header .container,
header .headerzeile .container { width: 98%; }
.headerzeile .infolinks span { margin-left: 0px; }
#navigation > div > ul > li > a { font-size: 1em; }
header #navigation > div > ul > li > a { padding: 3em 0.5em 1.5em; }
.metaslider.ml-slider .caption { padding: 0; }
.metaslider.ml-slider .play { padding: 1em; }
}
@media (max-width: 1024px) {
header .headerzeile { display: block; }
.headerzeile .container .five { display: none; }
.headerzeile .container .four,
.headerzeile .container .three { width: 48%; }
}
@media (max-width: 768px) {
.headerzeile .container .four, .topline-trenner { display: none; }
.headerzeile .container .three { width: 100%; margin-left: 0; }
header .logo { margin: 0.5em 0 0.3em 0; }
}
@media only screen and (min-width: 551px) and (max-width: 1024px) {
	.contentboxen .three.columns { width: 48%; margin-bottom: 4%; margin-left: 4%; }
	.contentboxen .three.columns:nth-child(odd) { margin-left: 0; }
}