@charset "utf-8";

@font-face {
	font-family: 'FuturaBTWXX-Light';src: url('assets/webfonts/36934B_0_0.eot');src: url('assets/webfonts/36934B_0_0.eot?#iefix') format('embedded-opentype'),url('assets/webfonts/36934B_0_0.woff2') format('woff2'),url('assets/webfonts/36934B_0_0.woff') format('woff'),url('assets/webfonts/36934B_0_0.ttf') format('truetype');
	}

	#browser_update_info {
		display: none;
	}

	body, pre{
		font-family:'FuturaBTWXX-Light', Arial,sans-serif,Tahoma!important;
		font-size:100%;
	}

	html, body, p, br, h1, h2, h3, h4, h5, h6, ul, li, div, img, a {
		border-style: none;
		margin: 0;
		padding: 0;
	}
	.space-top{
		padding-top:35px !important;
	}

	.space-top2{
		padding-top:35px !important;
	}
	

	body {
		background-image: none;
		padding-top: 30px;
		text-align: center;
	}

	h1, h2 {
		font-size: 1.0833333rem;
	}
	
	a {
		text-decoration: none;
	}
	
	.iframe{
		margin-top: 20px;
		margin-bottom: 40px;
	}

	
	
	#wrapper{		
		display: grid;
		height:100vh; 
		grid-template-rows:auto;
		grid-template-columns:10% 18% 2% 42% 4% 14% 10%; 
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . sampel_2 ."
		". nav-sub . editorial . gallery ."
		". nav-sub . editorial . . ."
		". nav-sub . leistungen . . ."
		"footer footer footer footer footer footer footer"
	}

	#suchergebnis #wrapper{		
		display: grid;
		height:100vh; 
		grid-template-rows:auto;
		grid-template-columns:10% 18% 2% 42% 4% 14% 10%; 
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". editorial editorial editorial editorial editorial ."
		"footer footer footer footer footer footer footer"
	}
	
	#suchergebnis #editorial{
		margin-bottom: 60px;
	}
	
	#suchergebnis #editorial #ueberschrift_suche{
		text-transform: uppercase;
		color: #BDCD00;
		padding-bottom: 40px;
		margin-top: 0;
	}
			
	#suchergebnis #editorial p #punkte {
	font-weight: bold;
	color: #BDCD00;
	}
			
	

	#suchergebnis #editorial #link_suche {
	  color: #009ACB;
	  font-weight: bold;
	  display: inline-block; 
	  padding-bottom: 35px;
	}

	#suchergebnis #editorial #link_suche:hover {
	  color: #919394;
	}		
	
	#kontakt #wrapper{		
		display: grid;
		height:100vh; 
		grid-template-rows:auto;
		grid-template-columns:10% 18% 2% 36% 4% 20% 10%; 
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . editorial . . ."
		"footer footer footer footer footer footer footer"
	}

	
	#aktuelles #wrapper, #notbeleuchtung #wrapper, #partner #wrapper{		
		display: grid;
		height:100vh; 
		grid-template-rows:auto;
		grid-template-columns:10% 18% 2% 42% 4% 14% 10%; 
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . editorial . gallery ."
		". nav-sub . editorial . . ."
		". nav-sub . leistungen . . ."
		"footer footer footer footer footer footer footer"
	}

	#partner #wrapper, #wandhydranten #wrapper, #wartung_aufzugsschachtentrauchungen #wrapper, #wartung_brandmeldeanlagen #wrapper, #wartung_brandschutztueren #wrapper, #wartung_maschinenloeschanlagen #wrapper, #wartung_notbeleuchtung #wrapper, #wartung_rauchmelder #wrapper, #wartung_rwa #wrapper, #wartung_tuerverriegelungen #wrapper, #brandschutz #wrapper, #durchsturzsicherung #wrapper, #verhalten #wrapper{		
		display: grid;
		height:100vh; 
		grid-template-rows:auto;
		grid-template-columns:10% 18% 2% 42% 4% 14% 10%; 
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . leistungen . gallery ."
		"footer footer footer footer footer footer footer"
	}
	

	#lichtkuppeln #wrapper, #maschinenloeschanlagen #wrapper, #rauchmelder #wrapper, #rwa #wrapper{		
		display: grid;
		height:100vh; 
		grid-template-rows:auto;
		grid-template-columns:10% 18% 2% 42% 4% 14% 10%; 
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . editorial . gallery ."
		". nav-sub . sampel_2 . . ."
		". nav-sub . leistungen . . ."
		"footer footer footer footer footer footer footer"
	}

	#zertifikate #wrapper{		
		display: grid;
		height:100vh; 
		grid-template-rows:auto;
		grid-template-columns:10% 18% 2% 42% 4% 14% 10%; 
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . editorial . gallery ."
		". nav-sub . sampel_2 . gallery ."
		". nav-sub . leistungen . . ."
		"footer footer footer footer footer footer footer"
	}		
	
	#lp_rauchmelder #wrapper, #lp-rwa #wrapper{		
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . leistungen . gallery ."
		"footer footer footer footer footer footer footer"
	}		


	#risikominderung #wrapper, #brandschutznachweis #wrapper{		
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial editorial editorial ."
		". nav-sub . leistungen . . ."
		"footer footer footer footer footer footer footer"
	}
	
	#lp_brandgefahr-durch-kerzen #wrapper, #lp_brandschutz #wrapper, #lp_brandursachen #wrapper, #lp_lichtbaender #wrapper, #lp_rwa #wrapper, #lp_zimmerbrand-gefahrenquellen #wrapper, #beschilderungen #wrapper, #brandschutzbeauftragter #wrapper, #gefahrenquellen #wrapper, #impressum #wrapper, #lp_brandgefahr-beim-grillen #wrapper, #risikomanagement #wrapper, #haftung #wrapper {		
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . editorial . . ."
		". nav-sub . leistungen . . ."
		"footer footer footer footer footer footer footer"
	}	

	#brandschutzbestimmungen #wrapper{		
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . editorial . gallery ."
		". nav-sub . leistungen . gallery ."
		"footer footer footer footer footer footer footer"
	}	
	
	#aufzugsschachtentrauchung #wrapper, #brandmeldeanlagen #wrapper, #brandschutzplanung #wrapper, #fluchttuerverriegelung #wrapper{		
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . sampel_2 . . ."
		". nav-sub . leistungen . . ."
		"footer footer footer footer footer footer footer"
	}

	#aktuelles #gallery {
		grid-area: gallery;
		padding-top: 0;
		margin-top: 75px;
	}	
	
	
	#header { 
		grid-area: header; 
} 

	#suche { 
		grid-area: suche; 
		background-color: #ffffff;
		color: #bdcd00;
		font-size: 100%;
		width: 200px;
		height: 65px;
		position: relative;
		margin: 0 auto;
	} 

	#suche form label::after {
		pointer-events: none;
	}

/*Pfeil nur in Firefox anzeigen, in Chrome und Edge 
liefert der Browser den Pfeil*/

	@supports (-moz-appearance:none)  {
		#suche form label::after{
			content:'\2039';
			transform:rotate(270deg);
			font-size: 210%;
			position: absolute;
			right: 15px;
			top: 15px;
			color: #BDCD00;
		}
	}	
	

	#suche form input::-ms-expand {
		display: none;
	}
	
	#suche form input:focus::-ms-value {
		background-color: transparent;
	}

	#suche form input	{
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		border: 1px solid #919394;
		width: 100%;
		height: 32px;
		-moz-padding-start: calc(10px - 3px);
		padding-left: 10px;
		background: url(Bilder/transparent_1x1.png) repeat;
		color: #919394;
		outline: none;
		cursor: pointer;
	}
/*	
		#suche form datalist option {
		color: #000;
		background:#fff;
		border-top:1px solid #444;
		padding:.3em 1em .3em 1em;	
		font-family:'FuturaBTWXX-Light', Arial,sans-serif,Tahoma!important;
	}
*/	
	 #main_image{		 
		grid-area: main_image;
		position: relative;
		top: 0;	
	 }
	
	#sampel_1 {
		grid-area: sampel_1;
		position: relative;
		top: 149px;
	}
	
	
	#sampel_1 img {
		width: 100%;
		height: auto;
	}	
	

	#slogan {
		background-color: #ffffff;
		color: #bdcd00;
		float: left;
		font-size: 1.25rem;
		padding-bottom: 50px;
		padding-top: 86px;
	}
	
	
	#logo {
		background-color: #ffffff;
		float: right;
		height: 156px;
		width: 300px;
	}

	#schmuck {
		grid-area: schmuck;
		margin: 0;
		padding: 10px 0 35px 0;
		width: 100%;
		background: #BDCD00;
		overflow: hidden;
	}

	#schmuck p {
		margin: 0;
		padding: 0 0 0 30%;
		text-align: left;
	}

	#schmuck p span:first-child {
		margin-right:5rem;
	}

	#schmuck p span a:link {
		color:#000;
	}

	#schmuck p br {
		display: none;
	}

	#nav-main  > li {
	  float: left;
	}

	#nav-main  li > ul {
	  display: none;
	  z-index: 100;
	}

	#nav-main  li > a {
		display: block;
		padding: 7px 62px 7px 7px;
		background: #BDCD00;
	}

	#nav-main li a:first-child {
			padding-left: 58px;	
	}

	#nav-main > li > ul > li a {
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
	}

	#nav-main > li > ul > li a {
	  background: #BDCD00;
	  color: rgb(255, 255, 255);
	}


	#nav-main > li:hover > ul {
	  display: block;
	  position: absolute;
	}

	#nav-main > li > ul > li {
	  position: relative;
	  list-style-type: none;
	}

	#nav-main > li > ul > li  a{
		padding: 7px 10px 7px 7px;
		width: 100px;
	}

	#nav-main a:link {
		color: #ffffff;
	}
	#nav-main a:visited {
		color: #ffffff;
	}
	#nav-main a:hover {
		color: #a0a0a4;
	}
	#nav-main a:active {
		color: #ffffff;
	}


	/*dritte Ebene*/

	#nav-main  > li > ul > li > ul {
	  display: none;
	}
	#nav-main > li > ul > li:hover > ul {
	  display: block;
	}
	#nav-main  > li > ul > li:hover > ul {
	  display: block;
	  position: absolute;
	  left: 100%;
	  top: 0;
	}

	
	.navbar{	
		grid-area: navbar;
	}
	
	.bg-white{
		background-color: #fff;
		border: 1px solid rgba(0,0,0,.1)
	}
	
	.navbar-toggler {
		border-radius: 0rem;
	}
	
	.navbar-light .navbar-toggler {
		border-color: #bdcd00;
	}
	
	
	.show a, .dropdown-menu a {
		color: rgba(0,0,0,.7);
	}
	
	.dropdown-menu {
    border-radius: 0rem;
}

	.dropdown-menu .active {
    font-weight: 800;
}
	
	#gallery {
		grid-area: gallery;
		margin-top: 75px;
		padding-top: 0px;
		text-align: left;
		padding-bottom: 15px;
		border-top: none;
		border-bottom: none;
		position: relative;		
	}		
	
	
	#index #gallery {
		margin-top: 30px;			
		padding-top: 20px;
		text-align: left;
	}
	
	#index	#gallery {
		border-top: 1px solid #009ACB;	
	}
	
	
	
	#gallery p:first-child {
		text-transform: uppercase;
		color: #009ACB;
		font-weight: 600;
	}
	
	#gallery p {
		text-align: left;
		margin-bottom: 10px;
	}
	
	#gallery h2{
		margin-bottom: 10px;
	}		

	#gallery li {
		list-style-type: none;
		margin-bottom: 22px;
	}
	
	#gallery li:last-child{	
		border-bottom: none;
		padding-bottom: 15px;
	}
	
	#index #gallery li:last-child {
		border-bottom: 1px solid #009ACB;
		padding-bottom: 15px;
	}	
	
	#gallery li a:link {
		color: #000;
	}
	
	#gallery li h2 a {
		color: #009ACB;
		font-weight: 700;
		font-size: 1.0rem;
		text-transform: uppercase;
		line-height: 24px;
	}
	
	
	#gallery .new-item{
		
		margin-top:100px;
	}


	#gallery img, #main_image img {
		width: 100%;
		height: auto;
	}
	
	#leistungen {
		grid-area: leistungen;
		padding-top: 20px;
		text-align: left;
		position: relative;
		border-bottom: 1px solid #bdcd00;
		border-top: 1px solid #bdcd00;	
		margin-top: 60px;			
	}
	
	#leistungen ul {
		left: 30px;
		position: relative;
		padding-bottom: 20px;
		padding-top: 15px;
	}

	#leistungen li {
		margin-left: 0;
		list-style-type: none;	
		padding-top: 7px;
		
	}

	#leistungen li::before {
		content: "::";
		left: -1.25rem;
		position: absolute;
		letter-spacing: -1px;
		color: #000;
		line-height: 1.25;		
	}


	#leistungen a:link {
		color: #009ACB;
		text-decoration: none;
	}
	#leistungen a:visited {
		color: #009ACB;
	}
	#leistungen a:hover {
		color: #616165;
	}
	#leistungen a:active {
		color: #009ACB;
	}
	
	#leistungen{
	margin-bottom: 150px;
	}
	
	#leistungen h4 {
		color: #009ACB;
		font-weight: bold;
		font-size: 1rem;
		text-transform: uppercase;
	}
	
	.site-nav .menu-item-has-children::before {
		content: "::";
		left: -1.25rem;
		position: absolute;
		letter-spacing: -1px;
		color: #bdcd00;
		line-height: 1.25;
	}


	.site-nav {
		grid-area: nav-sub;
		text-align: left;
		text-transform: uppercase;
		font-size: 1rem;
		margin-top: 40px;
	}

	.site-nav > ul {
	   display: block;
	}
	
	.site-nav ul li .sub-menu {
		display: none;
		margin-left: 1rem;
		margin-top: 20px;
				
	}
	
	
	.site-nav li {
		list-style-type: none;
		padding-left: 0;
		padding-top: 15px;
		position: relative;
	}
	.site-nav li:first-child {
		padding-top: 0;
	}
	.site-nav li ul li {
		padding-bottom: 15;
		padding-top: 15px;
	}
	.site-nav li ul .active, .site-nav .active {
		font-weight: 800;
	}
	.site-nav a:link {
		color: #000;
		text-decoration: none;
	}
	.site-nav a:visited {
		color: #000;
	}
	.site-nav a:hover {
		color: #616165;
	}
	.site-nav a:active {
		color: #000;
	}

	#editorial {
		grid-area: editorial;
		padding: 71px 0 0 0;
		text-align: left;
	}
	
	
	#editorial h1 {
		color: #bdcd00;
		font-size: 1.5rem;
		margin-bottom: 40px;
		text-transform: uppercase;
	}
	
	#editorial h2, h3 {
		color: #bdcd00;
		font-size: 1.25rem;
		margin-bottom: 10px;
		margin-top: 50px;
		text-transform: uppercase;
	}
	
	#editorial p {
		margin-bottom: 8px;
		margin-top: 8px;
	}
	
	#editorial img{		
		width: 100%;
		height: auto;
	}
	
	#rauchmelder #editorial p img{		
		width: 50%;
		height: auto;
		display: block;
		padding-top: 35px;
	}	
	

	#editorial p + img{
		margin-top: 40px;
	}
	
	#editorial a:link {
		color: #616161;
		text-decoration: underline;
	}

	#editorial a:visited {
		color: #616161;
		text-decoration: underline;
	}

	#editorial ul{
		margin-left: 30px;
		position: relative;
	}
	
	#editorial ol{
		margin-left: -12px;
		position: relative;
	}	
	#editorial ol li {
		padding-left:3px;
	}	
	
	
	#editorial ul li {
		list-style-type: none;
	}


	 #editorial ul li::before {
			content: "::";
			left: -1.25rem;
			position: absolute;
			letter-spacing: -1px;
			color: #000;
			line-height: 1.25;
		}

	#editorial ul li a:link {
		text-decoration: none;
	}	
	
	#nav-detail {
		grid-area: nav-detail; 
	}	
	
	#nav-detail li {
		list-style-type: none;
		margin-bottom: 40px;
		margin-top: 40px;
	}
	#nav-detail a {
		background-color: #ffffff;
		display: block;
		height: 68px;
		opacity: 1;
		text-align: left;
		width: 300px;
		z-index: 100;
	}
	#nav-detail a:hover {
		color: #616165;
		opacity: 0.4;
	}
	#nav-detail a {
		color: #009ACB;
		font-size: 1rem;
		font-weight: bold;
	}
	#nav-detail img {
		float: left;
		margin-right: 20px;
		position: relative;
		z-index: 1;
	}

#footer {
    grid-area: footer;
    border-bottom: 1px solid #cccccc;
    color: #616161;
    padding-bottom: 60px;
    padding-top: 60px;
    position: relative;
    background-color: #009ACB;
	text-align: left;
	padding-left: 46.9%;
}	
	
	#footer p {
		padding-right: 0;
	}
	#footer a:link {
		color: #fff;
		text-decoration: none;
		text-transform:uppercase;
	}
	#footer a:visited {
		color: #fff;
	}
	#footer a:hover {
		color: #fff;
	}
	#footer a:active {
		color: #fff;
	}


	#sampel_2 {
		grid-area: sampel_2;
		z-index: 100;
		margin-top: 75px;
		padding-top: 15px;
		padding-bottom: 15px;
		border-top: none;
		border-bottom: none
	}
	
	#index #sampel_2 {
		border-top: 1px solid #009ACB;
		border-bottom: 1px solid #009ACB;
	}	

	#sampel_2 img {
		padding-left: 0;
		width:100%;
		height: auto;
		margin-top: 20px;
	}
	
	#sampel_2 p {
		text-align: left;
		margin-bottom:10px;
	}
	
	#sampel_2 p:first-child{
		text-transform: uppercase;
		color: #009ACB;
		font-weight: 600;
	}	
	
	#sampel_2 a:link {
		/*color: #009ACB;*/
		color:#000;
		text-decoration: none;
	}
	#sampel_2 a:visited {
		color: #000;
		/*color: #add6ef;*/
	}
	#sampel_2 a:hover {
		/*color: #a0a0a4;*/
		color: #000;
	}
	#sampel_2 a:active {
		/*color: #add6ef;*/
		color: #000;	
	}
	
	#sampel_2 ul li{
		list-style-type:none;
		text-align:left;
	}

	#kontakt #gallery {
		margin-top: 111px;
	}

	#kontakt #gallery h2 {
		font-size: 1.5rem;
	}

	#kontakt #editorial form {
		border-style: none;
		display: block;
		text-align: left;
	}

	#kontakt #editorial #dateneingabe {
		border-style: none;
		margin-top: 0;
		padding-bottom: 5px;
		padding-top: 15px;
	}
	#kontakt #editorial #dateneingabe legend {
		color: #616161;
		padding-bottom: 0;
	}

	#kontakt #editorial label {
		display: block;
		padding-bottom: 2px;
		padding-top: 5px;
	}

	#kontakt #editorial input {
		border: 1px solid #bdcd00;
		padding-bottom: 4px;
		padding-top: 4px;
		width: 65%;
	}
	#kontakt #editorial textarea {
		border: 1px solid #bdcd00;
		width: 65%;
	}
	#kontakt #editorial #sicherheit {
		border: none;
		margin-top: 10px;
		padding-bottom: 15px;
		padding-top: 5px;
		width: 65%;
	}
	#kontakt #editorial #sicherheit input {
		width: 50%;
	}
	#kontakt #editorial #sicherheit #code {
		font-size: 0.75rem;
		margin-top: 2px;
	}
	#kontakt #editorial #sicherheit button {
		background-image: url("Bilder/Kontakt/gold_1x1.png");
		background-position: left top;
		background-repeat: repeat;
		color: #616161;
		margin-top: 10px;
	}

/*------------------Seite Risikominderung-------------------*/

/*
		
Hellblau_1			#ADD6EF		das dunklere
Hellblau_2			#CCE4F6
Dunkelblau			#1770B7	

Dunkelgrau 			#919394

Hellgrün_1			#D3E388		das dunklere
Hellgrün_2			#DEECBC
Grün				#BDCD00

PDF bei 100% 		65,4%

*/


	#risikominderung table{
		border:none;	
		width:100%;
		height:auto;
		margin-top: 30px;
	}

	.position{
		padding-right: 30px;
		margin-bottom:30px;
		margin-top:30px;
	}

	#editorial table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1){
		border-right:8px solid #FFFFFF;
		padding: 9px 4px 9px 4px;
		background-color:#919394;
		color:#FFFFFF;
	}

	table td{
		background-color:#DEECBC;
		width:20%;	
		border-left:0px solid #FFFFFF;
		border-right:8px solid #FFFFFF;
		border-top:4px solid #FFFFFF;
		border-bottom:4px solid #FFFFFF;
		padding: 6px 4px 6px 4px;
	}



	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(1){
		background-color:#919394;
		padding: 9px 4px 9px 4px;	
		border-right:8px solid #FFFFFF;	
	}

	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1){
		background-color: #BDCD00;
		padding: 9px 4px 9px 4px;
	}

	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2){
		background-color: #1770B7;
		padding: 9px 4px 9px 4px;
		color:#FFFFFF;
	}

	
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(3){
		background-color: #D3E388;
	}

	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(4),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(5){
		background-color: #ADD6EF;
	}




	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(4),	
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(5),	
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(4),	
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(5),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(6) > td:nth-child(4),	
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(6) > td:nth-child(5),		
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(7) > td:nth-child(4),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(7) > td:nth-child(2),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(7) > td:nth-child(3),	
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(7) > td:nth-child(5),		
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(4),	
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(5),		
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(9) > td:nth-child(4),	
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(9) > td:nth-child(5),	
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(10) > td:nth-child(3),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(10) > td:nth-child(4),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(11) > td:nth-child(4), 
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(11) > td:nth-child(5),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(12) > td:nth-child(4),
	#editorial > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(12) > td:nth-child(5)
	{
		background-color: #CCE4F6;
	}

	.navbar-expand-lg {
		display:none;
	}

	
	@supports not (display: grid) {
	  

		#browser_update_info {
			display: block;
		}
	}
	
	
/* Extra small devices (phones, less than 768px) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* Extra large devices (Extra large desktops, 1920px and up) */


	@media screen and (min-device-width: 320px) and (max-device-width: 767px) { 
		/* STYLES HERE */
	}


	@media screen and (min-device-width: 768px) and (max-device-width: 992px) { 
		/* STYLES HERE */
	}

	@media screen and (min-device-width: 993px) and (max-device-width: 1200px) { 
		/* STYLES HERE */
	}


	@media screen and (min-device-width: 1201px) { 
	   /* STYLES HERE */
	}

	@media screen and (min-device-width: 1920px) { 

	}




/* ################# Media Queries fuer Fensterbreite ########### */


/* ab 1920 px Fensterbreite  -------------------------------------*/

	@media screen and (min-width: 1920px) { 
	
	
	/*
	height: 525px;
	Bild 1920 x 540px --> H/B = 3,55
	*/
	
	}



/* von 1120 - 1920 px Fensterbreite  ----------------------------- */

	@media screen and (max-width:1919px){
		
	/*
		height: 525px;
		Bild 1920 x 540px --> H/B = 3,55
	*/

	}



/* von 993 - 1119 px Fensterbreite  ------------------------------- */

	@media screen and (max-width:1199px){
		
	/*
		height: 525px;
		Bild 1120 x 315px --> H/B = 3,55
	*/
	

	
		#wrapper{
			
			display: grid;
			height:100vh; 
			grid-template-rows:auto;
			grid-template-columns:5.556% 20.000% 2.222% 46.666% 4.444% 15.556% 5.556%; 
			grid-template-areas:
			". header header header header header ."
			". . . suche  . . ." 
			"schmuck schmuck schmuck schmuck schmuck schmuck schmuck"
			". nav-sub . main_image main_image main_image ."
			". nav-sub . editorial . sampel_2 ."		
			". nav-sub . editorial . gallery ."
			". nav-sub . editorial . . ."
			". nav-sub . leistungen . . ."
			"footer footer footer footer footer footer footer"; 
			
		}	

		#aktuelles #wrapper, #lp_brandgefahr-durch-kerzen #wrapper, #lp_rauchmelder #wrapper, #lp_rwa #wrapper, #lp_zimmerbrand-gefahrenquellen #wrapper, #beschilderungen #wrapper, #brandschutz #wrapper, #brandschutzbeauftragter #wrapper, #brandschutztueren #wrapper,  #gefahrenquellen #wrapper,  #impressum #wrapper, #lp_rauchmelder #wrapper, #notbeleuchtung #wrapper, #lp_brandgefahr-beim-grillen #wrapper, #durchsturzsicherung #wrapper, #verhalten #wrapper {
			display: grid;
			height:100vh; 
			grid-template-rows:auto;
			grid-template-columns:5.556% 20.000% 2.222% 46.666% 4.444% 15.556% 5.556%; 		
			grid-template-areas:
			". header header header header header ."
			". . . suche  . . ." 
			"schmuck schmuck schmuck schmuck schmuck schmuck schmuck"
			". nav-sub . main_image main_image main_image ."
			". nav-sub . editorial . gallery ."		
			". nav-sub . editorial . gallery ."
			". nav-sub . editorial . . ."
			". nav-sub . leistungen . . ."
			"footer footer footer footer footer footer footer"; 
		}
		
	#brandschutzbestimmungen #wrapper{
			display: grid;
			height:100vh; 
			grid-template-rows:auto;
			grid-template-columns:5.556% 20.000% 2.222% 46.666% 4.444% 15.556% 5.556%; 		
			grid-template-areas:
			". header header header header header ."
			". . . suche  . . ." 
			"schmuck schmuck schmuck schmuck schmuck schmuck schmuck"
			". nav-sub . main_image main_image main_image ."
			". nav-sub . editorial . gallery ."		
			". nav-sub . editorial . gallery ."
			". nav-sub . editorial . gallery ."
			". nav-sub . leistungen . gallery ."
			"footer footer footer footer footer footer footer"; 
		}		

		#lp_rauchmelder #wrapper, #lp-rwa #wrapper{	
			display: grid;
			height:100vh; 
			grid-template-rows:auto;
			grid-template-columns:5.556% 20.000% 2.222% 46.666% 4.444% 15.556% 5.556%; 	
			grid-template-areas:
			". header header header header header ."
			". . . suche  . . ." 
			"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
			". nav-sub . main_image main_image main_image ."
			". nav-sub . editorial . gallery ."
			". nav-sub . leistungen . gallery ."
			"footer footer footer footer footer footer footer"
		}				
		
		#kontakt #wrapper{		
			display: grid;
			height:100vh; 
			grid-template-rows:auto;
			grid-template-columns:5.556% 20.000% 2.222% 40.066% 4.444% 22.156% 5.556%; 
			grid-template-areas:
			". header header header header header ."
			". . . suche  . . ." 
			"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
			". nav-sub . main_image main_image main_image ."
			". nav-sub . editorial . gallery ."
			". nav-sub . editorial . . ."
			"footer footer footer footer footer footer footer"
		}		
		
		#lichtkuppeln #wrapper, #maschinenloeschanlagen #wrapper, #notbeleuchtung #wrapper, #rauchmelder #wrapper, #rwa #wrapper{		
			display: grid;
			height:100vh; 
			grid-template-rows:auto;
			grid-template-columns:5.556% 20.000% 2.222% 40.066% 4.444% 22.156% 5.556%; 
			grid-template-areas:
			". header header header header header ."
			". . . suche  . . ." 
			"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
			". nav-sub . main_image main_image main_image ."
			". nav-sub . editorial . gallery ."
			". nav-sub . editorial . gallery ."
			". nav-sub . sampel_2 . . ."
			". nav-sub . leistungen . . ."
			"footer footer footer footer footer footer footer"
		}	
		
	#zertifikate #wrapper{		
			display: grid;
			height:100vh; 
			grid-template-rows:auto;
			grid-template-columns:5.556% 20.000% 2.222% 40.066% 4.444% 22.156% 5.556%; 
			grid-template-areas:
			". header header header header header ."
			". . . suche  . . ." 
			"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
			". nav-sub . main_image main_image main_image ."
			". nav-sub . editorial . gallery ."
			". nav-sub . editorial . gallery ."
			". nav-sub . sampel_2 . gallery ."
			". nav-sub . leistungen . . ."
			"footer footer footer footer footer footer footer"
		}	
		
		
		
	
		#partner #wrapper, #wandhydranten #wrapper, #wartung_aufzugsschachtentrauchungen #wrapper, #wartung_brandmeldeanlagen #wrapper, #wartung_brandschutztueren #wrapper, #wartung_maschinenloeschanlagen #wrapper, #wartung_notbeleuchtung #wrapper, #wartung_rauchmelder #wrapper, #wartung_rwa #wrapper, #wartung_tuerverriegelungen #wrapper{		
		display: grid;
		height:100vh; 
		grid-template-rows:auto;
		grid-template-columns:5.556% 20.000% 2.222% 40.066% 4.444% 22.156% 5.556%; 
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial . gallery ."
		". nav-sub . leistungen . gallery ."
		"footer footer footer footer footer footer footer"
		}	
		
	#risikominderung #wrapper, #brandschutznachweis #wrapper{	
		display: grid;
		height:100vh; 
		grid-template-rows:auto;
		grid-template-columns:5.556% 20.000% 2.222% 40.066% 4.444% 22.156% 5.556%; 	
		grid-template-areas:
		". header header header header header ."
		". . . suche  . . ." 
		"schmuck schmuck schmuck schmuck schmuck schmuck schmuck" 
		". nav-sub . main_image main_image main_image ."
		". nav-sub . editorial editorial editorial ."
		". nav-sub . leistungen leistungen leistungen ."
		"footer footer footer footer footer footer footer"
	}		
		
		
		
		#gallery {
			padding-right: 0;
			background-image: none;
		}
	
	}




/* von 766 - 992 px Fensterbreite  --------------------------------- */

	@media screen and (max-width:992px){
		
	/*
		height: 525px;
		Bild 1120 x 315px --> H/B = 3,55
	*/	

	}




/* von 0 bis 767 px Fensterbreite ---------------------------------- */

	@media screen and (max-width:767px){
		
		
	/*
		Standard-Navigation ausblenden
		mobile Navigation einblenden
	*/
		.navbar-expand-lg {
			display:block;
		}
		
		.navbar {
			text-align: left;
		}	

		.site-nav {
			display: none;
		}
		
		
		#wrapper, #aufzugsschachtentrauchung #wrapper, #brandmeldeanlagen #wrapper, #brandschutzplanung #wrapper,  #fluchttuerverriegelung #wrapper{		
			display: grid;
			height:100vh; 
			grid-template-rows:auto;
			grid-template-columns:5% 90% 5%; 
			grid-template-areas:
			". navbar ."
			". header ."
			". suche ." 
			". schmuck ."
			". main_image ."
			". gallery ."				
			". editorial ."
			". leistungen ."
			"footer footer footer"; 
			padding-left: 0;
			padding-right: 0;
			margin-left:0;
			margin-right:0;
		}
		
		#lp_brandgefahr-durch-kerzen #wrapper, #lp_brandschutz #wrapper, #lp_brandursachen #wrapper, #lp_lichtbaender #wrapper, #lp_rauchmelder #wrapper, #lp_rwa #wrapper, #lp_zimmerbrand-gefahrenquellen #wrapper, #beschilderungen #wrapper, #aktuelles #wrapper, #brandschutz #wrapper, #brandschutzbeauftragter #wrapper, #brandschutzbestimmungen #wrapper, #brandschutztueren #wrapper,  #gefahrenquellen #wrapper,  #impressum #wrapper, #lp_rauchmelder #wrapper, #lp-rwa #wrapper, #partner #wrapper, #wandhydranten #wrapper, #wartung_aufzugsschachtentrauchungen #wrapper, #wartung_brandmeldeanlagen #wrapper, #wartung_brandschutztueren #wrapper, #wartung_maschinenloeschanlagen #wrapper, #wartung_notbeleuchtung #wrapper, #wartung_rauchmelder #wrapper, #wartung_rwa #wrapper, #wartung_tuerverriegelungen #wrapper, #lp_brandgefahr-beim-grillen #wrapper, #durchsturzsicherung #wrapper, #risikomanagement #wrapper, #haftung #wrapper, #verhalten #wrapper{	
			display: grid;
			height:100vh; 
			grid-template-columns:5% 90% 5%; 			
			grid-template-areas:
			". navbar ."
			". header ."
			". suche ." 
			". schmuck ."
			". main_image ."
			". editorial ."
			". gallery ."			
			". leistungen ."
			"footer footer footer"; 
			padding-left: 0;
			padding-right: 0;
			margin-left:0;
			margin-right:0;			
		}	
		
		#lichtkuppeln #wrapper, #maschinenloeschanlagen #wrapper, #notbeleuchtung #wrapper, #rauchmelder #wrapper, #rwa #wrapper, #zertifikate #wrapper, #index #wrapper{	
			display: grid;
			height:100vh; 
			grid-template-columns:5% 90% 5%; 			
			grid-template-areas:
			". navbar ."
			". header ."
			". suche ." 
			". schmuck ."
			". main_image ."
			". editorial ."
			". sampel_2 ."	
			". gallery ."					
			". leistungen ."
			"footer footer footer"; 
			padding-left: 0;
			padding-right: 0;
			margin-left:0;
			margin-right:0;			
		}

		#kontakt #wrapper{		
			display: grid;
			height:100vh; 
			grid-template-columns:5% 90% 5%; 	
			grid-template-areas:
			". navbar ."
			". header ."
			". suche ." 
			". schmuck ."
			". main_image ."
			". gallery ."			
			". editorial ."
			"footer footer footer"
		}	
		
		#risikominderung #wrapper, #brandschutznachweis #wrapper{	
			display: grid;
			height:100vh; 
			grid-template-columns:5% 90% 5%; 			
			grid-template-areas:
			". navbar ."
			". header ."
			". suche ." 
			". schmuck ." 
			". main_image ."
			". editorial ."
			". leistungen ."
			"footer footer footer"
	}		
		
/* 
#lp_brandgefahr-beim-grillen #wrapper{	
			display: grid;
			height:100vh; 
			grid-template-columns:5% 68% 4% 18% 5%; 			
			grid-template-areas:
			". navbar . . ."
			". header header header ."
			". schmuck schmuck schmuck ."
			". main_image main_image main_image."
			". editorial . gallery ."
			". leistungen leistungen leistungen ."
			"footer footer footer footer footer"; 
			padding-left: 0;
			padding-right: 0;
			margin-left:0;
			margin-right:0;			
		}					
*/	

		#lp_brandgefahr-beim-grillen #wrapper #gallery li{
			display: inline;
			float: left;
			width:48%;
		}

	
		#wrapper, #wrapper div, #wrapper ul{
			padding-left: 0;
			padding-right: 0;
			margin-left:0;
			margin-right:0;	
		}
		
		#wrapper ul li{
			margin-left: 2%;
		}
		
		#slogan {
			display: none;		
		}		
		
		#logo {
			float: left;
		}
		
		#schmuck {
			padding: 0px 0 2.75rem 0;
		}	
		
		#schmuck p {
			margin: 0;
			padding: 0 0 0 0;
			text-align: left;
			line-height: 22px;
		}		

		#schmuck span {
			padding: 0 0 0 0.6rem;
		}
		
		#schmuck p span:first-child {
		margin-right: 0;
		}

		#schmuck p br {
			display: block;
		}

		#gallery {
			grid-area: gallery;
			background-image: none;
			padding-right: 0;
		}	
		
		#index #sampel_2 img {
			padding: 0;
		}	

		#editorial {
			padding: 0 20px 0 20px;
		}
		
		#suchergebnis #editorial{
		margin-top: 40px;
	}
		
		#editorial ul {
			padding-left: 0.5rem;
		}
			
		#editorial li::before {
			left: 0;
		}

		#editorial h1 {
			margin-bottom: 40px;
			margin-top: 50px;
		}		
		
		#footer p{
			padding-left: 35%;
		}
		
		#leistungen ul li{
					padding-right: 1.5rem;
			
		}

	}