body {
	background:#fff;
	font-family: Helvetica,Arial sans-serif;
	font-size:18px;
	font-weight: 400;
	position:relative;
}

.btn {
	background: #000;
	border-color:#000;
	border-radius:0;
	font-weight:bold;
	padding:10px 15px;
	font-size:14px;
}

.btn.btn-primary {
	background: #00994d;
	border-color:#00994d;
}

#content {
	font-size:16px;
	line-height:24px;
	/*hyphens: auto;*/	
	padding-top:50px;
}

#content .btn-bewerben {
	color:#fff;
}


.content_inner img {
	max-width:100%;
	height:auto;	
}

#content .container {

}

.container-small {
	max-width: 670px;
	margin-bottom:120px;
}

.content_inner {
	padding:0px 0 0px 0;
}

h1 {
	font-size: 2.8rem;
	margin:1.2rem 0 1.2rem 0;
	color:#00994d;
	font-weight:bold;
}

h2 {
	font-size: 1.6rem;
	margin:1.2rem 0 1.2rem 0;
	color:#00994d;
	font-weight:bold;
}

h3 {
	font-size: 1.2rem;
	margin:1.2rem 0 1.2rem 0;
	color:#000;
	font-weight:bold;
}

h4 {
	font-size: 1.2rem;
	margin:1.2rem 0 1.2rem 0;
	color:#000;
	font-weight:bold;
}

h5 {
	font-size: 1.6rem;
	margin:1rem 0 1rem 0;
	color:#00994d;
}

hr {
	background-color:#00994d;
	margin:30px 0;
}

.contet_inner a:not(.btn) {
	color:#00994d;
}

.fadein {
    opacity:0;
}

#hero {
	background:#333;
	min-height:150px;
}

#content ol, #content ul:not(.pagination) {
  padding-left: 1rem;
}

.form-group {
	width:100%;
}
/************************/
/* STARTSEITE KACHELN */
/************************/
.button-kachel-wrapper {
	width:100%;
	background:#f0f0f0;
	margin-top:5em;
	position:relative;
}

.button-kachel-wrapper .button-kachel-inner {
	padding:30px;	
}

.button-kachel-wrapper.button-kachel-nachhaltigkeit .button-kachel-inner {
	padding:30px 80px;	
}

.button-kachel-wrapper h2.button-kachel-header {
	margin: 0 0 30px;
}

.button-kachel-wrapper p.button-kachel-text {
	font-size:15px;
	line-height:30px;
	margin: 0 auto;
	max-width: 780px;
}

.button-kachel-wrapper img:not(.button-kachel-nachhaltigkeit-img){
	width:100%;
	height:auto;
}

.button-kachel-wrapper a {
	width:100%;
	display:block;
	color:#fff;
}

.button-kachel-wrapper {
	width:100%;
	background:#f0f0f0;
	margin-top:5em;
}

.button-kachel-nachhaltigkeit-img {
	position:absolute;
	right:15px;
	top:15px;
	max-width:50px !important;
	height:auto;
}

/************************/
/* STARTSEITE KACHELN */
/************************/
.grauer-hintergrund h1,
.grauer-hintergrund h2,
.grauer-hintergrund h3,
.grauer-hintergrund h4,
.grauer-hintergrund h5 {
	margin-top:0;
}

.grauer-hintergrund {
	width:100%;
	background:#f0f0f0;
	margin-top:5em;
	padding:30px 0;
}
/************************/
/* Preislisten */
/************************/
.preisliste-download-wrapper {
	border:1px solid #000;
	padding:30px;
	width:100%;
	margin:15px 0;
}

.preisliste-download-wrapper a,
.preisliste-download-wrapper p {
	color:#000;
	text-decoration:none;
	margin:0;
}

.preisliste-download-inner {
	
}

.preisliste-download-icon-inner {
	
}
.preisliste-download-icon-inner img {
	max-height:60px;
	width:auto;
}

.preisliste-download-text-inner {
	line-height:20px;
}

p.preisliste-download-titel {
	margin-bottom:10px;
}

p.preisliste-download-titel a {
	font-weight:bold;
}

p.preisliste-download-gueltigkeit {
	margin-bottom:10px;
}

p.preisliste-download-gueltigkeit {
	
}

/************************/
/* Kleiner Container */
/************************/
.small-container {
	max-width:850px;
	margin:0 auto;
}

/************************/
/* Grüne Kacheln */
/************************/
.gruenekacheln-wrapper {
	margin:60px 0;
	display:flex;
	line-height:20px;
}


.gruenekacheln-wrapper-spalte {
	background:#00994d;
	padding:30px;
	width:33%;
}

.gruenekacheln-wrapper-spalte.middle {
	margin:0 3%;
}

.gruenekacheln-wrapper-spalte {
	background:#00994d;
	padding:30px;
	width:33%;
}

.gruenekacheln-wrapper-spalte h2,
.gruener-hintergrund h2 {
	margin-top:0;
}

.gruenekacheln-wrapper-spalte h2,
.gruenekacheln-wrapper-spalte p,
.gruenekacheln-wrapper-spalte a,
.gruenekacheln-wrapper-spalte,
.gruener-hintergrund h2,
.gruener-hintergrund p,
.gruener-hintergrund a,
.gruener-hintergrund{
	color:#fff;
	text-decoration:none;
}

.gruener-hintergrund p:last-child,
.gruenekacheln-wrapper-spalte p:last-child {
	margin-bottom:0;
}

.gruener-hintergrund {
	background:#00994d;
	padding:25px;
	width:100%;
	line-height:20px;
}

/************************/
/* Standort Kacheln*/
/************************/
div.standort-kachel-wrapper {
	margin:30px 15px;	
	background:#f0f0f0;
	width:100%;
}

div.standort-kachel-inner {
	
}

div.standort-kachel-row {
	
}

div.standort-kachel-content {
	background:#f0f0f0;	
	border-bottom:12px solid #00994d;
	padding-left:0;
}

div.standort-kachel-content-inner {
	line-height:20px;
	margin-top:50px;
	padding:30px;
}

div.standort-kachel-image {
	background-size:cover;
	padding-right:0;
	border-bottom:12px solid #00994d;
}

h2.standort-kachel-firma {
	margin:0;
	text-transform:uppercase;
	font-size: 1.6rem;
	font-weight:bold;	
}

h3.standort-kachel-werk {
	margin:0;
	font-size: 1.4rem;
	color:#00994d;
	font-weight:bold;	
}

p.standort-kachel-ort {
	margin-top:15px;
}

p.standort-kachel-telefon {
	margin-top:15px;
	font-weight:bold;
	color:grey;
}

/************************/
/* Border Kachel */
/************************/
.borderkachel-wrapper {
	margin:60px 0;
	display:flex;
	line-height:22px;
	font-size:14px;
}

.borderkachel-wrapper-spalte {
	border:1px solid #000;
	padding:30px;
	width:33%;
}

.borderkachel-wrapper-spalte.middle {
	margin:0 2%;
}

.borderkachel-wrapper-spalte h2 {
	margin-top:0;
}

.borderkachel-wrapper-spalte p,
.borderkachel-wrapper-spalte a,
.borderkachel-wrapper-spalte {
	text-decoration:none;
	color:#000;
}

.borderkachel-wrapper-spalte p:last-child,
.border-kachel-einzel p:last-child {
	margin-bottom:0;
}

.border-kachel-einzel {
	border:1px solid #000;
	padding:30px;	
	width:100%;
	margin:20px 0;
}

.border-kachel-einzel p,
.border-kachel-einzel a,
.border-kachel-einzel {
	text-decoration:none;
	color:#000;
}

/************************/
/* Produk Kachel mit Verlinkung */
/************************/
.produkt-kachel-wrapper {
	margin:40px 0;
	background:#f0f0f0;	
	border-bottom:12px solid #00994d;	
}

.produkt-kachel-wrapper-inner {
	text-align:center;
}

.produkt-kachel-wrapper-text {
	padding:20px;
}

.produkt-kachel-wrapper a,
.produkt-kachel-wrapper h2 {
	text-decoration:none;
	margin:0;
}

/************************/
/* Content Kachel mit Betonmischer */
/************************/
.col-md-6, .col-lg-4 {
	display:flex;
}

.contentkachel-wrapper {
	position:relative;
	border-bottom:12px solid #00994d;
	background:#f0f0f0;	
	margin:40px 0;
	width:100%;

}
.contentkachel-wrapper .preisliste-download-wrapper {
	max-width:360px;
	padding:20px;
}


.contentkachel-with-content {
	
	
}

.contentkachel-wrapper-inner {
	padding:40px 40px 80px 40px;
	
}

.contentkachel-wrapper-inner h2 {
	margin-top:0;
}

.contentkachel-wrapper-inner p,
.contentkachel-wrapper-inner a {
	color:#000;
	font-size:14px;
}

.content-kachel-content-wrapper {}

.content-kachel-content-wrapper h2 {
	margin-bottom:0;
}

.content-kachel-content-wrapper h3 {
	margin-bottom:2em 0;
	font-size: 1.6rem;
	color:#00994d;	
}


.contentkachel-nachhaltigkeit-img, 
.contentkachel-betonmischer-img {
	position:absolute;
	right:15px;
	bottom:15px;
	max-width:50px !important;
	height:auto;
}

.contentkachel-wrapper p:last-child {
	margin-bottom:0;
}

/************************/
/* back-to-top */
/************************/
.back-to-top {
	position:fixed;
	left:15px;
	bottom:15px;
	z-index:999;
	border:1px solid #fff !important;
}

/************************/
/* subfooter */
/************************/
.subfooter {
	background: #00994d;
	padding:15px 0;
}

.subfooter,
.subfooter a {
	color:#fff;
}

/************************/
/* Footer */
/************************/
footer {
	margin-top:50px;
	padding:80px 0;
	background:#f0f0f0;
}

.content-row .col-sm-4 {
	display:flex;
}

.footer-logo-gruen {
	height:60px;
	width:auto;
}

.content-row {
	margin-top:30px;
}

.content-row .footer-spalte {
	padding-top:20px;
	padding-bottom:30px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	width:100%;
}

.content-row a {
	color:#000;
}

.footer-spalte-3 img {
	max-width:50px !important;
	height:auto !important;
}

#off-canvas-activator-anfragen-footer {
	background: #00994d;
	border-color: #00994d;
	color:#fff;
}

.subfooter .nav-link:focus, .subfooter .nav-link:hover {
	color:#ccc;
}

/************************/
/* responsive */
/************************/
.button-text-short, .mobile-suche-button-text, .fa-chevron-right-mobile, .fa-chevron-down-mobile {display:none;}
#carousel-slider img {width:100%;height:auto;}
.navbar-toggler:focus {box-shadow:none;border:0;}

#carousel-slider.darken img {
  filter: brightness(50%);
}

@media (max-width: 1800px) {
  #headerNavigation .nav-item {margin-right:5px;margin-left:5px;}
  #headerNavigation .navbar-brand img {height:75px;}
}

@media (max-width: 1650px) {
  #headerNavigation .nav-item, #header .btn.btn-bewerben, #header .btn.btn-anfragen {margin-right:4px !important;margin-left:4px !important;}
  #headerNavigation .navbar-brand img {height:60px;}
  #headerNavigation .btn-group-two a {margin:0;}
}

@media (max-width: 1650px) {
  .navigation-level-first .nav-item .nav-link {font-size:16px;}
  #headerNavigation .navbar-brand img {height:50px;}
}

@media (max-width: 1550px) {
  #headerNavigation .nav-item {margin-right:10px !important;margin-left:10px !important;}	
  .hidebdesktop-smaller {display:none;}
}

@media (max-width: 1400px) {
  #headerNavigation .nav-item {margin-right:5px !important;margin-left:5px !important;}	
  #header #off-canvas-activator-bewerben, #header #off-canvas-activator-anfragen {font-size:14px;padding:8px 10px;}
  .button-text-long {display:none;}
  .button-text-short {display:inline;}  
}

@media (max-width: 1250px) {
  #headerNavigation .navbar-brand img {height:45px;}
}

@media (max-width: 1199px) {
	#headerNavigation .navbar-brand img {height:60px;margin-bottom:15px;}	
    .button-text-long {display:inline;}
    .button-text-short {display:none;}
	#off-canvas-activator-suchen .mobile-suche-button-text {display:inline;}
	#header .btn.btn-bewerben, #header .btn.btn-anfragen {width:100%;text-align:center;margin:5px 0 !important;}
	#header {height:72px;}
	#headerNavigation .navigation-level-first .nav-item .nav-link {}
	#headerNavigation #off-canvas-activator-suchen {font-size: 14px;font-weight:bold;padding: 8px 10px !important;background: #00994d;border-color: #00994d;color:#fff !important;width:100%;text-align:center;margin:5px 0 !important;}	
	#navbarSupportedContent {background:#fff;padding:0 1em;}
	#navbarSupportedContent a {color:#000;font-weight:normal;border-bottom:1px solid #ededed;}
	ul.navigation-level-first {border-top:1px solid #ededed;}
	#headerNavigation {padding-left:0;padding-right:0;}
	.navbar-brand {margin-left:1em;}
	.navbar-toggler {margin: 0px 0 0 0;color: #fff !important;border: 0px;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;font-size: 30px;padding: 25px;}
	#header.smaller .navbar-toggler {color: #00994d !important;}
	#header .dropdown-menu {padding-top:0;padding-bottom:0;border:0px;background:transparent !important;}
	#header .dropdown-menu .dropdown-item {font-weight:normal !important;color:#000 !important;border-bottom:1px solid #ededed;}
	.fa-chevron-right-mobile {display:block;float:right;line-height: 30px;}
	.dropdown-toggle.show .fa-chevron-down-mobile {display:block;float:right;line-height: 30px;}
	.dropdown-toggle.show .fa-chevron-right-mobile {display:none}
	#headerNavigation .nav-item {margin-left:0 !important;margin-right:0 !important;}
	
	#content {padding-top:20px !important;}
	.grauer-hintergrund, footer,.button-kachel-wrapper {margin-top:20px;}
	.contentkachel-wrapper {margin:15px 0;}
	.gruenekacheln-wrapper,.borderkachel-wrapper {display:block;margin:20px 0;}
	.gruenekacheln-wrapper-spalte, .borderkachel-wrapper-spalte {margin:15px 0 !important;width:100%;}	
	
}

@media (max-width: 575px) {
	footer {padding:30px 0;}
	.logo-row {text-align:center;}
	.footer-logo-gruen {width:250px;height:auto;}
	#off-canvas-activator-anfragen-footer {margin-top:30px;width:100%;}
	.preisliste-download-wrapper {}
	.preisliste-download-icon-inner {margin-bottom:10px;}
	.back-to-top {right:15px;left:auto;}
	h1 {font-size:2rem;}
}