/* @override 
	https://kamin.check2net.at/templates/ehrenhoefler/css/editor.css?* */

/* STYLES FOR JOOMLA! EDITOR */
body {
  margin: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  background-color: #fff;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
a {
	color: #5B5B5B;
}
a:focus, a:hover {
	color: #000;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* STYLES FOR JOOMLA! EDITOR */
hr#system-readmore {
  color: #f00;
  border: #f00 dashed 1px;
}


.bild-links, .bild-rechts {
	font-size: 11px;
	line-height: 120%;
	width: auto;
	width: 45%;
}
.bild-links {
	clear: both;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
.bild-rechts {
	clear: both;
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
}
.elemente {
	display: grid;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	column-gap: 60px;
	row-gap: 60px;
	align-items: start;
}

.elemente.einspaltig {
	grid-template-columns: 1fr;
}

.doppelbilder {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-row: auto;
	column-gap: 30px;
	row-gap: 30px;
}

.elemente.dreiteilig {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	column-gap: 60px;
	row-gap: 60px;
	grid-template-areas:
		"bild text1"
		"bild text2";
}
.text.weiss, .text.schwarz {
	padding: 30px 30px 20px;
	border-radius: 30px;
	justify-self:stretch;
	align-self: stretch;
}

.elemente.dreiteilig .bild {
	grid-area: bild;
}
.box {
	padding: 80px 0rem !important;
}


.box.weit {
	osition: relative;
	margin: 0px -9999rem 0px !important;
	padding: 100px 9999rem !important;
	clear: both;
	width: auto;
}
.grau {
	background-color: #E5E5E5;
}
.schwarz {
	background-color: #4D4D4D;
	color: #fff;
}
.weiss {
	background-color: #fff;
}
.schwarz h2, .schwarz h3 {
	color: #fff;
}

.einleitung {
	padding-bottom: 20px;
	max-width: 740px;
	padding-top: 0;
	margin-top: -10px;
}
.bild img, .video video {
	border-radius: 30px;
}
.elemente.video {
	padding-top: 40px;
	grid-template-columns:  1fr;
}
.elemente.bildreihe {
	grid-template-columns: 1fr 40%;
	margin-top: 40px;
	column-gap: 40px;
}
.elemente.bildreihe.reverse {
	grid-template-columns: 40% 1fr;
}

.elemente.bildreihe .bild,
.elemente.bildreihe.reverse .bild2,
.ofenstudio .bild  {
  aspect-ratio: 16 / 8;
  width: 100%;              /* oder fixe Breite */
  position: relative;
  overflow: hidden;
}

.elemente.bildreihe .bild > *,
.elemente.bildreihe.reverse .bild2 > *,
.ofenstudio .bild  > * {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* Inhalt füllt das DIV vollständig */
  object-position: center;  /* zentriert */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.elemente.bildreihe .bild2,
.elemente.bildreihe.reverse .bild1 {
	aspect-ratio: auto;
	width: 100%;
	height: 100%;
}
.bild > span {
	text-align: center;
	display: block;
	font-size: 14px;
	line-height: 1.3em;
	padding-top: 6px;
}
.ofenstudio {
	background-color: #DADADA;
	border-radius: 30px;
	overflow: hidden;
	grid-template-columns: 35% 1fr;
	column-gap: 0;
}
.ofenstudio .text {
	padding: 30px;
}
.ofenstudio .text, .ofenstudio .text h3 {
	color: #000;
}
.ofenstudio .bild img {
	border-radius: 0;
}
.logos.zweispaltig {
	width: 100%;
	display: grid;
	padding-bottom: 0px;
	padding-top: 0px;
	grid-template-columns: 100px 1fr;
	column-gap: 30px;
	align-items: end;
}
.logos.zweispaltig p.readmore {
	justify-self: end;
}

.geschichte .elemente {
	row-gap: 30px;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.geschichte .elemente .bild1 {
	grid-area: 1 / 1 / 2 / 2;
}
.geschichte .elemente .text.schwarz {
	align-self: center;
}

ul.blasen {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	font-size: 20px;
	justify-content: center;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
ul.blasen li {
	display: block;
	background-color: #fff;
	padding: 30px 40px;
	border-radius: 15px;
	max-width: 500px;
	color: #000;
}

.galerie .text{
	max-width: 700px;
}
.elemente.partner {
	grid-template-columns: 1fr;
}
.partner h3 {
	text-align: center;
}
.partner ul {
	padding: 30px 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 3em;
	align-items: center;
	justify-items: center;
}
.partner ul li {
	list-style: none;
	margin: 0;
}
.partner ul li img {
	width: 160px;
}
.partner ul li.schiedel img {
	width: 120px;
}


.elemente.kaminneubau {
	row-gap: 40px;
	align-content: center;
	grid-template-columns: 1fr 1fr ;
}
.kaminneubau .text.schiedel {
	grid-column-start: 1;
	grid-column-end: span 2;
	display: grid;
	grid-template-columns: 200px 1fr ;
	grid-gap: 30px;
	max-width: 800px;
	align-items: center;
}
.kaminneubau .text.schiedel > div {
	border-radius: 30px;
	overflow: hidden;
}
.kaminneubau .text.schiedel .text {
	padding: 30px;
	color: #000;
	background-color: #fff;
}
.kaminneubau .text.schiedel .text h3 {
	color: #000;

}
.kaminneubau .text.liste  {
	color: #000;
	background-color: #f1f1f1;
	border-radius: 30px;
	padding: 30px;
}
.kaminneubau ul.blasen {
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
	overflow: visible;
}
.kaminneubau ul.blasen li {
	max-width: 100%;
	width: 100%;
	font-size: 16px;
	line-height: 1.2em;
	align-content: stretch;
	padding: 0px;
	margin-bottom: 0px;
	background: none;
}
.kaminneubau ul.blasen li h4 {
	padding: 20px 20px 3px 5px;
	margin-top: -20px;
	margin-bottom: 7px;
	border-bottom: 1px solid #b9b9b9;
	font-weight: normal;
	font-style: normal;
	margin-left: -5px;
}
.kaminneubau .bild1,
.kaminsanierung .bild1 {
	align-self: stretch;
	overflow: hidden;
}
.kaminneubau .bild1 > *,
.kaminsanierung .bild1 > * {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* Inhalt füllt das DIV vollständig */
  object-position: center;  /* zentriert */
  display: block;
  border-radius: 30px;
}
.kaminneubau .text2 {
	border-radius: 30px;
	background-color: #797474;
	padding: 30px;
	align-self: stretch;
	display: grid;
	align-content: center;
}
.kaminsanierung .text {
	background-color: #727272;
	border-radius: 30px;
	padding: 30px;
}
.kaminsanierung ul.vorteile {
	padding: 0;
	margin: 6px 0 9px 19px;
}
.kaminsanierung ul.vorteile li {
	list-style: none;
	margin: 0 0 13px;
	padding: 0 0 0 35px;
}
.kaminsanierung ul.vorteile li strong {
	font-size: 1.2em;
}
.kaminsanierung ul.vorteile li:before {
	content: " ";
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	background: url(../images/hacken-kreis.svg) no-repeat;
	margin-left: -35px;
	margin-top: 5px;
}

.formular {
	grid-template-columns: 1fr;
}
.formular .text {
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.formular .text h2 {
	font-size: 32px;
	text-align: center;
}
@media (max-width: 900px) { 
	.elemente {
		display: grid;
		grid-template-columns: 1fr;
	}
	.elemente.team {
		grid-template-columns: 1fr 1fr  ;
	}
}
@media (max-width: 767px) { 
	.box {
		padding: 30px 0rem !important;
	}
	.box.weit {
		osition: relative;
		margin: 0px -9999rem 0px !important;
		padding: 40px 9999rem !important;
		clear: both;
		width: auto;
	}
	.elemente.dreiteilig {
		grid-template-columns: 1fr ;
		grid-template-rows: auto;
		row-gap: 20px;
		grid-template-areas:
			"text1"
			"bild" 
			"text2";
	}

	.elemente.bildreihe,
	.elemente.bildreihe.reverse {
		grid-template-columns: 1fr;
		margin-top: 40px;
		row-gap: 40px;
	}
	.elemente.bildreihe .bild2,
	.elemente.bildreihe.reverse .bild {
		aspect-ratio: auto;
		aspect-ratio: 16 / 11;
	}
	
	.partner ul {

		grid-template-columns: 1fr ;
	
	}
	
	.geschichte .elemente {
		row-gap: 10px;
	}
	.geschichte .elemente .bild1 {
		grid-area: auto;
	}
	.elemente.kaminneubau {
		grid-template-columns: 1fr;
	}
	.kaminneubau .text.schiedel {
		grid-column-start: 1;
		grid-column-end: span 1;
		grid-template-columns: 100px 1fr;
		grid-gap: 10px;
		align-items: start;
	}
	.kaminneubau .text2,
	.kaminneubau .text.liste,
	.kaminneubau .text.schiedel .text,
	.kaminsanierung .text {
		padding: 20px;
	}
}