@charset "utf-8";
/* CSS Document */


body { font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-size: 18px; text-align:left; color: #ffffff; background-color:#090909; background-image: url(../bilder/pics/hg.jpg); background-position:center; background-position: top; background-repeat: no-repeat; background-attachment:fixed; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}

@media only screen and (max-width:1200px) {body { font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-size: 38px; color: #444444; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; background-image:none; background-color:#000;}}

/* barlow-condensed-300 - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../bilder/pics/fonts/barlow-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-300.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}

/* barlow-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/pics/fonts/barlow-condensed-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-regular.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}

/* barlow-condensed-600 - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../bilder/pics/fonts/barlow-condensed-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/pics/fonts/barlow-condensed-v12-latin-600.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}


.h1 {margin-top:0px; font-size: 32px; font-weight:600; color: #ffffff; text-align:left; line-height: 1.0;}
.h2 { margin-top:20px; font-size: 29px; font-weight:600; color: #ffffff; text-align:left; line-height: 1.3;}
.h3 {margin-top:0px; font-size: 22px; color: #ffffff; font-weight:600; text-align:left; line-height: 1.5;}
.p {margin-top:0px; font-size: 20px; color: #ffffff; text-align:left; line-height: 1.2; font-weight:300;}
.bold {margin-top:0px; font-size: 20px; color: #ffffff; text-align:left; line-height: 1.2; font-weight:600;}
.p1 {margin-top:0px; font-size: 16px; color: #ffffff; text-align:left; line-height: 1.5;}
.p2 {margin-top:0px; font-size: 12px; color: #ffffff; text-align:left; line-height: 1.5;}
.p3 {margin-top:0px; font-size: 16px; color: #ffffff; text-align:left; line-height: 1.5;}
.p4 {margin-top:0px; font-size: 16px; color: #000000; text-align:left; line-height: 1.5;}
.innung {margin-top:0px; font-size: 20px; color: #ffffff; text-align:center; line-height: 1.2; font-weight:300;}
.innung2 {margin-top:0px; font-size: 12px; color: #ffffff; text-align:center; line-height: 1.5;}
.bildschornsteinfeger {width:28px; height:auto;}
.guetesiegel {width:150px; height:auto;}
.xgruselkabinett {width:48%; height:auto; margin-left:1%; margin-right:1%; margin-bottom:10px;}
.gruselkabinett {width:100%; height:auto; padding-bottom:10px}
@media only screen and (max-width:1200px) {
	.h1 {margin-top:0px; font-size: 56px; font-weight:600; color: #ffffff; text-align:left; line-height: 1.0;}
.h2 { margin-top:20px; font-size: 52px; font-weight:600; color: #ffffff; text-align:left; line-height: 1.0;}
.h3 {margin-top:0px; font-size: 52px; color: #ffffff; font-weight:600; text-align:left; line-height: 1.5;}
.p {margin-top:0px; font-size: 46px; color: #ffffff; text-align:left; line-height: 1.2; font-weight:300;}
.bold {margin-top:0px; font-size: 46px; color: #ffffff; text-align:left; line-height: 1.2; font-weight:600;}
.p1 {margin-top:0px; font-size: 16px; color: #ffffff; text-align:left; line-height: 1.5;}
.p2 {margin-top:0px; font-size: 22px; color: #ffffff; text-align:center; line-height: 1.5;}
.p3 {margin-top:0px; font-size: 16px; color: #ffffff; text-align:left; line-height: 1.5;}
.p4 {margin-top:0px; font-size: 16px; color: #000000; text-align:left; line-height: 1.5;}
.bildschornsteinfeger {width:40px; height:auto;}
.innung {margin-top:0px; font-size: 46px; color: #ffffff; text-align:center; line-height: 1.2; font-weight:300;}
.innung2 {margin-top:0px; font-size: 22px; color: #ffffff; text-align:center; line-height: 1.5;}
.guetesiegel {width:300px; height:auto;}
.xgruselkabinett {width:90%; height:auto; margin-left:5%; margin-right:5%; margin-bottom:40px;}
.gruselkabinett {width:100%; height:auto; padding-bottom:10px}
 }

a:link {text-decoration: none; color: #a3a2a2; } a:visited {text-decoration: none; color: #a3a2a2; } a:hover {text-decoration: none; color: #FFF;} a:active {text-decoration: none; color: #a3a2a2; }
a.h3 {text-decoration: none; color: #FFF; } a:visited {text-decoration: none; color: #FFF;} a.h3:hover {text-decoration: none; color: #a3a2a2;} a:active {text-decoration: none; color: #FFF; }

.wrapper {width:1200px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; background-color:#090909; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none; }

#schornsteinfegermeister {width:100%; height:360px; background-color:#000; position:absolute; z-index:500; position:fixed; }
#schornsteinfegermeister- {width:100%; height:360px; background-color:#000; position:absolute; z-index:500; position:absolute; }
#schornsteinfegermeister-logo {width:366px; height:auto; margin-top:0px; margin-left:auto; margin-right:auto; } 

@media only screen and (max-width:1366px) {
	#schornsteinfegermeister {width:100%; height:360px; background-color:#000; position:absolute; z-index:500; position:absolute; }
	#schornsteinfegermeister- {width:100%; height:360px; background-color:#000; position:absolute; z-index:500; position:absolute; }
#schornsteinfegermeister-logo {width:366px; height:auto; margin-top:0px; margin-left:auto; margin-right:auto; } }

@media only screen and (max-width:1200px) {
	#schornsteinfegermeister {width:100%; height:480px; background-color:#000; position:absolute; z-index:500; position:absolute; }
	#schornsteinfegermeister- {width:100%; height:480px; background-color:#000; position:absolute; z-index:500; position:absolute; }
#schornsteinfegermeister-logo {width:480px; height:auto; margin-top:0px; margin-left:auto; margin-right:auto; } }

#header {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:360px; float:left;}
#header-m {width:0px; height:0px; margin:0px; visibility:hidden; }
#header-inhaltsbereich {max-width:460px; width:auto; height:auto; left:10%; position:absolute; z-index:200; top:700px; float:left; padding-left:40px; padding-right:60px; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9);}
#header-text {width:100%; float:left;}

#hinweis-cookies-hp {width:100%; min-height:300px; float:left; position:absolute; z-index:500;}
#hinweis-cookies-text {width:90%; height:auto; float:left; padding-left:5%; padding-right:5%; background-color:#333;}

@media only screen and (max-width:1366px) {
	#header-inhaltsbereich {max-width:460px; width:auto; height:auto; left:10%; position:absolute; z-index:200; top:600px; float:left; padding-left:40px; padding-right:60px; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9);} }
	
@media only screen and (max-width:1200px) {
	#header {width:0px; height:0px; margin:0px; visibility:hidden; }
	#header-m {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:480px; float:left; visibility:visible;}
#header-inhaltsbereich {max-width:80%; width:80%; height:auto; left:0px; position: relative; z-index:200; top: auto; float:left; padding-left:10%; padding-right:10%; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9);}
#header-text {width:100%; float:left;} }
	
#header-guetesiegel {width:auto; height:auto; left:10%; position:absolute; z-index:200; top:500px; float:left; padding-left:40px; padding-right:60px; padding-left:60px; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9);}
@media only screen and (max-width:1366px) {
	#header-guetesiegel {width:auto; height:auto; left:10%; position:absolute; z-index:200; top:400px; float:left; padding-left:40px; padding-right:60px; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9);} }
	
@media only screen and (max-width:1200px) {
#header-guetesiegel {width:80%; height:auto; left:0px; position: relative; z-index:200; top: auto; float:left; padding-left:10%; padding-right:10%; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9);}
#header-text {width:100%; float:left;} }

#header-inhaltsbereich-mittig {width:100%; height:auto; position:absolute; z-index:200; top:700px; background-color:transparent;}
#header-inhaltsbereich-mittig-innen {width:150px; height:auto; padding-left:40px; padding-right:40px; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9); margin-left:auto; margin-right:auto;}
#header-inhaltsbereich-siegel {width:100%; height:auto; position:absolute; z-index:200; top:360px; background-color:transparent;}
#header-inhaltsbereich-siegel-innen {width:150px; height:auto; padding-left:40px; padding-right:40px; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9); margin-right:140px; float:right;}

@media only screen and (max-width:1366px) {
#header-inhaltsbereich-mittig {width:100%; height:auto; position:absolute; z-index:200; top:600px; background-color:transparent;}
#header-inhaltsbereich-mittig-innen {width:150px; height:auto; padding-left:40px; padding-right:40px; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9); margin-left:auto; margin-right:auto;}
#header-inhaltsbereich-siegel {width:100%; height:auto; position:absolute; z-index:200; top:360px; background-color:transparent;}
#header-inhaltsbereich-siegel-innen {width:150px; height:auto; padding-left:40px; padding-right:40px; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9); margin-right:90px; float:right;} }

@media only screen and (max-width:1200px) {
#header-inhaltsbereich-mittig {width:80%; height:auto; left:0px; position: relative; z-index:200; top: auto; float:left; padding-left:10%; padding-right:10%; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9);}
#header-inhaltsbereich-mittig-innen {width:100%; float:left; padding:0px; background-color:transparent; } 
#header-inhaltsbereich-siegel {width:80%; height:auto; left:0px; position: relative; z-index:200; top: auto; float:left; padding-left:10%; padding-right:10%; padding-bottom:40px; padding-top:40px; background-color:#000; background:hsla(230, 10%, 15%, 0.9);}
#header-inhaltsbereich-siegel-innen {width:100%; float:left; padding:0px; background-color:transparent; }}


#inhaltsbereich {width:100%; height:auto; margin-right:0px; margin-left:0px; float:left;}
#content {width:860px; margin-left:auto; margin-right:auto; margin-top:70px;}
@media only screen and (max-width:1200px) {
	#content {width:80%; margin-left:10%; margin-right:10%; margin-top:90px;} }

#schornsteinfeger-bild-buttons {min-width:860px; height:auto; width:80%; padding-left:10%; padding-right:10%; padding-top:90px; padding-bottom:80px; margin-left:auto; margin-right:auto; margin-top:60px; background-color:#000; float:left;  box-shadow: 0px -20px 50px #000;}
#schornsteinfeger-bild-button {width:30%; float:left; margin-left:1%; margin-right:1%; background-color:#181818; box-shadow: 0px 3px 6px #000;}
#schornsteinfeger-bild-button-bild {width:100%; float:left; margin-left:0px; margin-right:0px;}
#schornsteinfeger-bild-button-text {width:80%; float:left; padding-left:10%; padding-right:10%; padding-top:20px;}
@media only screen and (max-width:1366px) {#schornsteinfeger-bild-buttons {min-width:860px; height:auto; width:90%; padding-left:6%; padding-right:4%; padding-top:80px; padding-bottom:50px; margin-left:0px; margin-right:0px; margin-top:60px; float:left; background-color:#000; 0px -20px 50px #000;}}
@media only screen and (max-width:1200px) {
	#schornsteinfeger-bild-buttons {min-width:860px; height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:60px; background-color:#000; float:left; }
#schornsteinfeger-bild-button {width:80%; float:left; margin-left:10%; margin-right:10%; background-color:#181818; box-shadow: 0px 3px 6px #000; margin-top:80px;}
#schornsteinfeger-bild-button-bild {width:100%; float:left; margin-left:0px; margin-right:0px;}
#schornsteinfeger-bild-button-text {width:80%; float:left; padding-left:10%; padding-right:10%; padding-top:20px;}}

#schornsteinfeger-bild-portraits {height:auto; width:100%; padding-top:0px; padding-bottom:0px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:60px; background-color:#000; float:left;  box-shadow: 0px -20px 50px #000;}
#schornsteinfeger-bild-portrait {width:30%; height:auto; float:left; margin-left:1%; margin-right:1%; background-color:#181818; box-shadow: 0px 3px 6px #000;}
#schornsteinfeger-bild-portrait-bild {width:100%; float:left; margin-left:0px; margin-right:0px;}
#schornsteinfeger-bild-portrait-text {width:80%; float:left; padding-left:10%; padding-right:10%; padding-top:20px;}
@media only screen and (max-width:1200px) {
	#schornsteinfeger-bild-portraits {min-width:860px; height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:60px; background-color:#000; float:left; }
#schornsteinfeger-bild-portrait {width:80%; float:left; margin-left:10%; margin-right:10%; background-color:#181818; box-shadow: 0px 3px 6px #000; margin-top:80px;}
#schornsteinfeger-bild-portrait-bild {width:100%; float:left; margin-left:0px; margin-right:0px;}
#schornsteinfeger-bild-portrait-text {width:80%; float:left; padding-left:10%; padding-right:10%; padding-top:20px;}}



#gruselkabinett-bild {float:left; width:48%; height:auto; margin-left:1%; margin-right:1%; margin-bottom:10px; padding-bottom:30px;}
@media only screen and (max-width:1200px) {
	#gruselkabinett-bild {float:left; width:90%; height:auto; margin-left:5%; margin-right:5%; margin-bottom:40px; padding-bottom:60px;}}



#footer {min-width:860px; height:auto; width:80%; padding-left:10%; padding-right:10%; padding-top:70px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px; background-color:#000; background:#000; float:left;}
#footer-box {width:30%; float:left; margin-left:1%; margin-right:1%;}
#footer-box-innung {width:30%; float:left; margin-left:1%; margin-right:1%; text-align:center;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:1%;}
.bildcookie {width:20px; height:auto;}
.bildinnung {width:100px; height:auto;}

@media only screen and (max-width:1200px) {
	#footer {min-width:860px; height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:70px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px; background-color:#000; background:#000; float:left;}
#footer-box {width:80%; float:left; margin-left:10%; margin-right:10%;}
#footer-box-innung {width:80%; float:left; margin-left:10%; margin-right:10%; text-align:left;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:1%; text-align:center;}
.bildcookie {width:50px; height:auto;}
.bildinnung {width:300px; height:auto; margin-top:80px;}}

	
#kontakt
	{padding-top: 40px; padding-right:50px; width:200px; float:right;}
	
#navigation
	{width:1024px; height:38px; background-image:url(../bilder/navi.jpg); background-repeat:repeat-x;}

	
#social
	{padding-top: 15px;	padding-left: 20px; width:130px; float:right;}
	
#hotline
	{padding-top: 45px;	padding-left: 20px; width:663px; background-image:url(../bilder/hg2.jpg); background-repeat:no-repeat; height:190px;}


	  





#navigation-top-bg {min-width:860px; max-width:2000px; width:100%; margin-top:-5px; margin-right:0px; background-color: transparent; height:50px; padding-top:0px; position:absolute; z-index:200; }
#navigation-top {margin-top:0px; width:660px; height:39px; padding-top:7px; margin-left:auto; margin-right:auto; background-color: transparent; }
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:330px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:auto; }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 320px; text-align: left; margin-left:40px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: 32px; padding-left: 12px; padding-right: 12px; padding-top:12px; display: block; color: #FFF; margin-top: 0px;  font-size: 22px; font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-weight: 300;}
a:hover.navigationspunkt-text { color: #999;}

label.menu1 {display: block; width: 50px; height: 44px; margin-left: auto; margin-right:auto; border-radius: 0px; margin-top:0px; margin-bottom:0px; background-color:#666; background:hsla(230, 10%, 30%, 0.6); box-shadow: 0px 3px 6px #36354b; }
	input#menu1 {display:none}
	.line-1 {margin-left:15px;  height: 3px; width: 20px;   background: #CCC; border-radius: 1px; color: #CCC;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 15px; }
	.line-1:nth-child(2) { margin-top: 22px; }
	.line-1:nth-child(3) { margin-top: 29px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(7px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-7px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 1500px; min-width:330px; background-color:#5e5d67; background:hsla(230, 10%, 15%, 0.9);  margin-bottom:60px;  padding-top:30px; padding-bottom:30px; margin-left:auto; margin-right:auto; }

@media only screen and (max-width:1200px) {
#navigation-top-bg {min-width:860px; max-width:1200px; width:100%; margin-top:-20px; margin-right:0px; background-color: transparent; height:120px; position:absolute; z-index:200; }
#navigation-top {margin-top:0px; width:100%; height:120px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:-46px; height: auto; max-height:0px; width:860px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:40px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 860px; width:100%; text-align: center; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:20px; display: block; color: #FFF; margin-top: 20px;  font-size: 52px; font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-weight: 300;}
a:hover.navigationspunkt-text { color: #999;} 

label.menu1 {display: block; width: 120px; height: 120px; margin-left: auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; background: none; box-shadow: none; }
	input#menu1 {display:none}
	.line-1 {margin-left:34px;  height: 7px; width: 48px;   background: #FFF; border-radius: 1px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 36px; }
	.line-1:nth-child(2) { margin-top: 52px; }
	.line-1:nth-child(3) { margin-top: 68px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(16px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-16px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 1500px; min-width:860px; width:100%; background-color:#5e5d67; box-shadow: 0px 0px 10px #666;  margin-bottom:60px; padding-bottom:140px; }
}