/*

Farben:

Dunkelgrau: #2E2C2A
Hellgrau: #DEDDDB
Rot: #FF0141



Hellgrau(BG): #F5F4F4


*/

html, body{
         height:100%;
         font-family: 'DM Sans';
         color:#40394B;
         font-size:14px;
         line-height:22px;
		 letter-spacing: .01em;
         font-weight:400;
         background:#fff;
}

/* Html Elemente */
h1, h2, h3, h4{
	font-family: "AxiaWebBlack", sans-serif;
	letter-spacing: .025em;
	margin-bottom:20px;
}
h1 a, h2 a, h3 a, h4 a{
	
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{

}
h1,
.h1-size{
	font-size:36px;
	line-height:43px;
}
h2,
.h2-size{
	font-size:36px;
	line-height:43px;
}
h2:before{

}
h3,
.h3-size{
	font-size:18px;
	line-height:21px;
}
h4,
.h4-size{

}

.uppercase{ text-transform:uppercase; }

img{
	vertical-align:middle;
}

strong{
	font-weight:600;
}
strong.medium{
	font-weight:500;
}


a:link,
a:visited,
a:hover,
a:active,
a:focus,
div{
         outline: 0px;
}
a{
	color:#40394B;
	text-decoration:none;
	transition: all .4s;
}
a:hover,
a:focus{
	color:#FF0141;
}
a.btn{
	display:inline-block;
	min-width:100px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background:#FF0141;
	box-sizing:border-box;
	font-size:12px;
	font-weight:600;
	line-height:40px;
	margin-top:10px;
	margin-right:8px;
	padding: 0 20px 0 20px;
	transition:all .5s;
}
a.btn:hover{
	color:#2E2C2A;
	background:#fff;
}
a.btn2{
	display:inline-block;
	min-width:100px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background:#FF0141;
	box-sizing:border-box;
	font-size:12px;
	font-weight:600;
	line-height:40px;
	margin-top:10px;
	margin-right:8px;
	padding: 0 20px 0 20px;
	transition:all .5s;
}
a.btn2:hover{
	color:#fff;
	background:#2E2C2A;
}
a.btn3{
	display:inline-block;
	min-width:100px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background:#2E2C2A;
	box-sizing:border-box;
	font-size:12px;
	font-weight:600;
	line-height:40px;
	margin-top:10px;
	margin-right:8px;
	padding: 0 20px 0 20px;
	transition:all .5s;
}
a.btn3:hover{
	color:#fff;
	background:#FF0141;
}
.link-red{
	color:#FF0141;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
	border-bottom: 2px solid #FF0141;
	letter-spacing:.05em;
}
.link-red:hover{
	color:#40394B;
	border-bottom: 2px solid #40394B;
}

hr{
         border:0;
         color: #40394B;
         background: #40394B;
         height: 4px;
         margin: 20px 0px 30px 0px;
}
.tiny hr{
         border:0;
         color: #C6C6C6;
         background: #C6C6C6;
         height: 1px;
         margin: 20px 0px 20px 0px;
}

#main .mod_article .ce_text ul{
	padding-left:20px;
	list-style-type:disc;
	margin-bottom:20px;
}
#main .mod_article .ce_text ul li{
	margin-bottom:20px;
	padding-left:20px;
}
#main .mod_article .ce_text ul li::marker {
	color:#FF0141;
}




/* Allgemeine Formate */
.left{float:left;}
.right{float:right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}


/* Cookie Consent */
.contao-cookiebar .highlight .cc-btn.success{
	background: #FF0141;
    border-color: #FF0141;
	color:#fff;
}
.contao-cookiebar .highlight .cc-btn.success:hover{
	background: #2E2C2A;
    border-color: #2E2C2A;
	color:#fff;
}

/* Carousel */
.ce_caroufredsel .ce_image{
	margin-left:0px !important;
	margin-right:0px !important;
}
.ce_caroufredsel .ce_image .caption,
.content-slider .ce_image .caption{
	color:#2E2C2A;
	text-transform:uppercase;
	margin-top:10px;
	font-family: 'DM Mono';
	font-size:10px;
	padding-right:25%;
}
.caroufredsel_controls{
	position:relative;
	z-index:9;
}
.caroufredsel_controls .caroufredsel_pagi,
.ce_sliderStart .slider-control{
	text-align:right;
	margin-top:-15px;
}
.ce_sliderStart .slider-control .slider-prev,
.ce_sliderStart .slider-control .slider-next{
	display:none;
}
.slider-control .slider-menu{
	left: auto;
	right:0px;
	margin-left:0;
	text-align:right;
}
.caroufredsel_controls .caroufredsel_pagi a{
	display:inline-block;
	width:7px;
	height:7px;
	border-radius:50%;
	text-indent:-10000px;
	background:#DEDDDB;
	margin-left:5px;
	text-align:left;
}
.caroufredsel_controls .caroufredsel_pagi a.selected{
	background:#2E2C2A;
}


/* Top-Button */
#topBtn {
  position: fixed;
  width:40px;
  height:40px;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background:url(../images/pfeil-links.svg) no-repeat center #93D300;
  background-size:20% auto;
  color: white; 
  cursor: pointer;
  padding: 0px; 
  border-radius: 20px;
  font-size: 18px;
  text-indent:-10000px;
  opacity:0;
  transition: all .5s;
  transform:rotate(90deg);
}

#topBtn:hover {
  background:url(../images/pfeil-links.svg) no-repeat center #40394B;
  background-size:20% auto;
}



#header{
	line-height:21px;
}
#header.sticky,
.logo-dark #header{
	background:#fff;
	color:#40394B;
}
#header a{

}
#header.sticky a,
.logo-dark #header a{

}



#main{
	margin-top:76px;
}

#footer{
	font-family: 'DM Mono';
	font-size:12px;
	line-height:12px;
	font-weight: 300;
	letter-spacing:.075em;
	color:#fff;
	text-transform:uppercase;
}
#footer .inside{
	padding-top:24px;
	padding-bottom:10px;
	background:#2E2C2A;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color:#FF0141;
}
#footer li{
	display:inline-block;
	padding:0px 16px 0px 10px;
	border-right:1px solid #fff;
}
#footer li.cookies{
	border-right:0px solid #fff;
}
#footer .mod_customnav strong{
	font-weight:400;
	color:#FF0141;
}

.mod_article.fader{
	transition: opacity 1s 0s ease-out;
	opacity:1;
}
.mod_article.fader-hidden{
	opacity:0;
}


/* Module */

.mod_article.wrap.flex .inner{
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mod_article.wrap.flex.alignitems .inner{
	align-items:center;
}

.mod_article.padding{
	padding: 60px 0 80px 0;
}
.mod_article.padding.beratungstermin{
	padding: 80px 0 80px 0;
}

.mod_article.grau{
	background:#F5F4F4;
}
.mod_article.grau2{
	background:#DEDDDB;
}

.gridumschlag *[class*="ce_"]{
	margin-left:0px !important;
	margin-right:0px !important;
}

/* Header */
#header{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:94px;
	background:#fff;
	z-index:1000;
	transition:all .5s ease-in-out;
}
/*
#header.sticky{
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}
*/
#header::before{
	content:"";
	position:absolute;
	top:0px;
	right:0px;
	width:50%;
	height:100%;
	background:#DEDDDB;
}
#header .inside{
	background:#fff;
}
.mod_mmenu{
	text-transform:uppercase;
}

/* Logo */
#header #logo{
	margin-top:27px;
}
#header #logo img{
	max-width:200px;
	height:auto;
}

/* Mobile Navigation */

#header .navigation{
	position:absolute;
	top:0px;
	right:20px;
	transition:all .5s ease-in-out;
}
#header .navigation .menu-button #hamburger{
         display:inline-block;
         width: 40px;
         height: 25px;
         cursor: pointer;
         margin-right:0px;
}
#header .navigation .menu-button #hamburger span {
         display:block;
         background:#40394B;
         border-radius:0px;
         box-sizing: border-box;
}
#header .navigation .menu-button:hover #hamburger span {

}
#header .navigation .menu-button #hamburger span {
         width: 40px;
         height: 3px;
         position: relative;
         top: 0px;
         left: 0px;
         margin: 3px 0 6px 0;
}

/* Headerbereich */

.mod_article#headerbild{
	position:relative;
	padding:0;
}
.mod_article#headerbild .ce_image{
	position:relative;
	margin-left:0px !important;
	margin-right:0px !important;
}
.mod_article#headerbild.darker .ce_image::before{
	position:absolute;
	content:" ";
	display:inline-block;
	width:50%;
	height:100%;
	background:#2E2C2A;
	opacity:.75;
}
.mod_article#headerbild .outa{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
}
.mod_article#headerbild .outa .inna{
	height:100%;
}
.mod_article#headerbild .ce_text{
	position:relative;
	top:50%;
	transform: translateY(-50%);
}
.home .mod_article#headerbild .ce_text{
	top:60%;
}
.mod_article#headerbild .ce_text strong{
	text-transform:uppercase;
	font-weight:500;
	font-size:10px;
	letter-spacing: .1em;
}
.mod_article#headerbild .ce_text h1{
	margin-top:0px;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
}
.mod_article#headerbild .ce_text > *{
	color:#fff;
}
.mod_article#headerbild .ce_text img{
	margin-bottom:20px;
}

/* Custom Kontakt */

#kontaktCustom{
	position:relative;
	background:#2E2C2A;
	color:#fff;
	font-size:15px;
	padding: 120px 0px 120px 0px;
}
span.label{
	display:inline-block;
	width:60px;
}
#kontaktCustom h2{
	font-weight:700;
}
#kontaktCustom::after{
	position:absolute;
	top:0px;
	left:50%;
	content:"";
	display:inline-block;
	width:50%;
	height:100%;
	background:url(../../content/50_kontakt/martin-hoefs_kontakt_karte.png) no-repeat center transparent;
	background-size:cover;
}
#kontaktCustom .ce_text{
	padding-right:60px;
	box-sizing:border-box;
}
#kontaktCustom a{
	color:#fff;
	padding-left:10px;
}
#kontaktCustom a.btn{
	margin-top:18px;
	padding-left:20px;
}
#kontaktCustom a:hover{
	color:#FF0141;
}

/* Custom Verband */

#verbandCustom{
	position:relative;
	padding: 60px 0px 60px 0px;
}
#verbandCustom h3,
#verbandCustom h4{
	font-size:18px;
	line-height:normal;
	text-transform:uppercase;
	font-weight:700;
}
#verbandCustom .ce_text a{
	text-decoration:underline;
}
#verbandCustom .ce_text a:hover{
	text-decoration:none;
}
#verbandCustom .ce_image img{
	width:160px;
	height:auto;
	max-width:90%;
	margin-top:20px;
}

/* Layout */

/* Home */
#meine-leistungen .inner{
	align-content:space-between;
}

#mein-name-ist-martin-hoefs .ce_image{
	padding-top:50px;
}

#meine-leistungen .ce_text.leistung{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f1f0+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,241,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,241,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,241,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f1f0',GradientType=0 ); /* IE6-9 */
	box-sizing:border-box;
	padding: 40px 20px 20px 20px;
	margin-top:20px;
	margin-bottom:40px;
	border-bottom:4px solid #F2F1F0;
	transition:all .4s;
}
#meine-leistungen .ce_text.leistung .leistungen-teaser{
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
#meine-leistungen .ce_text.leistung:not(.beratungtermin-btn):hover{
	border-bottom:4px solid #40394B;
}
#meine-leistungen .ce_text.leistung.beratungtermin-btn{
	display:flex !important;
	flex-direction:column;
	justify-content: center;
	padding: 0px 20px 20px 20px;
}

#meine-leistungen .ce_text.leistung img{
	width:50px;
	height:auto;
}
#meine-leistungen .ce_text.leistung h3{
	text-transform:uppercase;
}
#meine-leistungen .ce_text.leistung:not(.beratungtermin-btn) a:hover{
	color:#40394B;
}
#meine-leistungen a.btn2{

}

#ihre-vorteile{
	position:relative;
	background:#2E2C2A;
}
#ihre-vorteile::before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:50%;
	height:100%;
	background:url(../../content/10_home/martin-hoefs_home-vorteile.jpg) no-repeat center transparent;
	background-size:cover;
}
#ihre-vorteile *{
	color:#fff;
}
#ihre-vorteile .ce_text{
	overflow:visible;
}
#ihre-vorteile ul{
	padding-left:0px !important;
	list-style-type:none !important;
	overflow:visible;

}
#ihre-vorteile ul li{
	position:relative;
	margin-bottom:20px;
	overflow:visible;
	padding-left:0px !important;
}
#ihre-vorteile ul li::before{
	content:"";
	position:absolute;
	top:0px;
	left:-40px;
	display:block;
	width:20px;
	height:100%;
	background: url("../images/icon-check.svg") no-repeat center transparent;
}

#meine-qualifikation{
	padding:60px 0 140px 0;
}
#meine-qualifikation .ce_text.teaser{
	margin-bottom:60px;
}
#meine-qualifikation .ce_text.qualifikation{
	
}
#meine-qualifikation .ce_text.qualifikation strong{
	font-family: 'DM Mono';
	font-size:10px;
	text-transform:uppercase;
	font-weight:400;
}
#meine-qualifikation .ce_text.qualifikation h3{
	text-transform:uppercase;
	margin-top:10px;
}


/* Leistungen */

.ce_image.uppercase .caption{
	color:#2E2C2A;
	text-transform:uppercase;
	margin-top:10px;
	font-family: 'DM Mono';
	font-size:10px;
}
.standard-margin-top{
	margin-top:95px;
}

.mod_article.leistungen{
	position:relative;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f1f0+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,241,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,241,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,241,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f1f0',GradientType=0 ); /* IE6-9 */
}
.mod_article.leistungen .ce_text.leistung{
	display:flex;
	flex-wrap:wrap;
	align-items:center;	
}
.mod_article.leistungen .ce_text.leistung .abstandrechts p{
	padding-right:140px;	
}
.mod_article.leistungen .ce_text.leistung .image_container{
	opacity:0;
	max-width:50%;	
}
.mod_article.leistungen.reverse .ce_text.leistung{
	flex-direction: row-reverse;
}
.mod_article.leistungen::before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:50%;
	height:100%;
	background:#F5F4F4;
}
.mod_article.leistungen.reverse::before{
	left:auto;
	right:0px;
}
#schimmelpilzbewertung-und-begutachtung-von-naesseschaeden-an-gebaeuden::before{
	background:url(../../content/20_leistungen/martin-hoefs_leistungen-uebersicht_schimmelpilzbewertung.jpg) no-repeat center transparent;
	background-size:cover;
}
#baubiologische-beratung-und-raumdiagnostik::before{
	background:url(../../content/20_leistungen/70_baubiologie/martin-hoefs_leistungen-uebersicht_baubiologie.jpg) no-repeat center transparent;
	background-size:cover;
}
#raumluftuntersuchung-voc-screening::before{
	background:url(../../content/20_leistungen/90_raumluftuntersuchung/martin-hoefs_leistungen-uebersicht_raumluftuntersuchung.jpg) no-repeat center transparent;
	background-size:cover;
}
#haftzugspruefung::before{
	background:url(../../content/20_leistungen/80_haftzugspruefung/martin-hoefs_leistungen-uebersicht_haftzugspruefung.jpg) no-repeat center transparent;
	background-size:cover;
}
#bauforensik-2::before{
	background:url(../../content/20_leistungen/15_bauforensik/martin-hoefs_leistungen-uebersicht_bauforensik.jpg) no-repeat center transparent;
	background-size:cover;
}
#versicherungsschaeden-an-gebaeuden::before{
	background:url(../../content/20_leistungen/martin-hoefs_leistungen-uebersicht_versicherungsschaden.jpg) no-repeat center transparent;
	background-size:cover;
}
#gerichtsgutachten-und-schlichtungsverfahren::before{
	background:url(../../content/20_leistungen/martin-hoefs_leistungen-uebersicht_gerichtsgutachten.jpg) no-repeat center transparent;
	background-size:cover;
}
#bewertung-malerarbeiten::before{
	background:url(../../content/20_leistungen/martin-hoefs_leistungen-uebersicht_bewertung-malerarbeiten.jpg) no-repeat center transparent;
	background-size:cover;
}
#feuchtemessung::before{
	background:url(../../content/20_leistungen/martin-hoefs_leistungen-uebersicht_feuchtemessung.jpg) no-repeat center transparent;
	background-size:cover;
}
#beratung-hauskauf::before{
	background:url(../../content/20_leistungen/martin-hoefs_leistungen-uebersicht_beratung.jpg) no-repeat center transparent;
	background-size:cover;
}
#schiedsgutachten-und-schlichtungsverfahren .ce_image{
	padding-bottom:120px;
}
#waermedaemmverbundsysteme .ce_image{
	padding-bottom:120px;
}
#leistungen-beratung .ce_image{
	padding-bottom:120px;
}

.mod_article.leistungen .ce_text.leistung .grid4{

}
.mod_article.leistungen .ce_text.leistung h2{
	font-size:18px;
	line-height:21px;
	text-transform:uppercase;
	margin-top:5px;
}

#schimmelpilzbewertung .ce_image{
	margin-bottom:40px;
}

#feuchtemessung .ce_image{
	margin-bottom:40px;
}

#raumluftuntersuchung  .ce_image{
	margin-bottom:40px;
}

#baubiologische-beratung-und-raumdiagnostik .ce_image{
	margin-bottom:40px;
}

/* Preise */
.ce_accordion .toggler{
	position:relative;
	font-family: 'AxiaWebBlack';
	font-size:18px;
	line-height:21px;
	color:#40394B;
	background:#fff;
	cursor:pointer;
	padding: 15px 40px 15px 20px;
	margin-bottom:10px;
}
.ce_accordion .toggler::after{
	position:absolute;
	top:12px;
	right:20px;
	content:"+";
}
.ce_accordion .toggler.active::after{
	content:"-";
}
.ce_accordion .toggler.active,
.ce_accordion .toggler:hover{
	background:#2E2C2A;
	color:#fff;
}
.ui-accordion-content{
	padding: 20px 100px 20px 20px;
}
#preise h3{
	text-transform:uppercase;
	padding-left:20px;
}
#preise .ce_accordion.first{
	margin-top:25px;
}
#preise .ce_accordion.last{
	margin-bottom:60px;
}
#preise .ce_text.second{
	margin-top:40px;
}

/* Kontakt */
.kontakt .custom #kontakt,
.nachricht-gesendet .custom #kontakt,
.impressum .custom #kontakt,
.datenschutz .custom #kontakt{ display:none; }

.kontakt .ce_form{
	margin-top:40px;
}
.kontakt .ce_form form{
	margin-left:-20px !important;
}
.kontakt .ce_text.kontakt a{
	padding-left:10px;
}
#kontakt-nachricht-gesendet{
	min-height:50vh;
}

/* Glossar */
.mod_glossary {
	
}
.mod_glossary .grouplist{
	font-size:18px;
	border-bottom: 4px solid #40394B;
	padding-bottom:20px;
	margin-top:10px;
}
.mod_glossary .grouplist li{
	display:inline-block;
	padding: 0 14px 0 0px;
}
.mod_glossary .grouplist li.selected a{
	color:#FF0141;
}
.mod_glossary .grouplist li.inactive{
	color:#DEDDDB;
}
.mod_glossary .letter{ display:none; }
.mod_glossary .glossary{
	margin-top:40px;
}
.mod_glossary .glossary .item{
	position:relative;
	font-family: 'AxiaWebBlack';
	font-size:18px;
	line-height:21px;
	color:#40394B;
	background:#fff;
	margin-bottom:10px;
}
.mod_glossary .glossary .item a{
	display:block;
	padding: 15px 40px 15px 20px;
	margin-left:0px !important;
	margin-right:0px !important;
}
.mod_glossary .glossary .item::after{
	position:absolute;
	top:12px;
	right:20px;
	content:"+";
}
.mod_glossary .glossary .item:hover,
.mod_glossary .glossary .item:hover a{
	background:#2E2C2A;
	color:#fff;
}
.begriff #main .inside .mod_article{
	min-height:50vh;
}
.mod_glossaryreader h1{
	margin-left:0px !important;
	margin-right:0px !important;
}
.mod_glossaryreader .ce_text{
	margin-left:0px !important;
	margin-right:0px !important;
	margin-bottom:80px;
}
.mod_glossaryreader p.back a{
	
}

/* Vita */
.ce_table{
	
}
.ce_table table{
	width:100%;
}
.ce_table table th{
	font-weight:700;
	padding-bottom:50px;
}
.ce_table table td{
	padding: 0 20px 20px 0;
}
.ce_table table td:nth-child(1){
	width:20%;
}
.ce_table table td:nth-child(2){
	width:40%;
}
.ce_table table td:nth-child(3){
	width:40%;
}

#besuchte-tagungen{
	padding:60px 0 150px 0;
}

/* Haftzugsprüfung  */
.haftzugspruefung #tragfaehigkeit-des-untergrunds-pruefen .ce_image{
	margin-top:200px;
}