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

/* The Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at:
http://scripts.sil.org/OFL  */

/* font-family: Source Sans Pro: Copyright 2010, 2012, 2014 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’.  */


/* source-sans-pro-300 - latin */ /* Designed by: Paul D. Hunt */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../bilder/fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */ /* Designed by: Paul D. Hunt */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */ /* Designed by: Paul D. Hunt */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../bilder/fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* font-family: Allura : Copyright 2010 The Allura Project Authors (https://github.com/googlefonts/allura) */

/* allura-regular - latin */ /* Designed by: Robert Leuschke */
@font-face {
  font-display: swap; 
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/fonts2/allura-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../bilder/fonts2/allura-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts2/allura-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../bilder/fonts2/allura-v21-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../bilder/fonts2/allura-v21-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../bilder/fonts2/allura-v21-latin-regular.svg#Allura') format('svg'); /* Legacy iOS */
}



body { font-family: "Source Sans Pro", sans-serif; font-size:18px; font-weight:400; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; color: #FFF; background-color:#342c34; }
@media only screen and (max-width:1280px) {body { font-family: "Source Sans Pro", sans-serif; font-size:28px; font-weight:400; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  }}
@media only screen and (max-width:1200px) {body { font-family: "Source Sans Pro", sans-serif; font-size:38px; font-weight:400; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  }}
@media only screen and (max-width:1080px) {body { font-family: "Source Sans Pro", sans-serif; font-size:38px; font-weight:400; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  }}

@media (prefers-color-scheme: dark) {body { color:#FFF; background-color:#342c34; }}

.wrapper { width:100%; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background-color:#342c34; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;  -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}

a:link {text-decoration: none; color: #FFF;} a:visited {	text-decoration: none; color: #FFF;} a:hover {text-decoration: none; color: #FFF;} a:active {text-decoration: none; color: #FFF;}
a:focus { background-color:#920d52; color:#FFF; font-weight:400; } 

.h1 {font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
.h2 {font-size: 1.2em; color: #FFF; text-align:left; line-height: 1.5; font-weight:600;}
.h3 { font-family:'Allura'; font-size: 1.7em; color: #fae4af; text-align:left; line-height: 1.5; }
.h4 { font-family:'Allura'; font-size: 1.7em; color: #e1c093; text-align:center; line-height: 1.5; }
.h5 { font-family:'Allura'; font-size: 1.7em; color: #e1c093; text-align:left; line-height: 1.5; }
.h6 {font-size: 1.2em; color: #ed54a4; text-align:left; line-height: 1.5; font-weight:300;}
.p {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
.bold {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
.p2 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.7; font-weight:300;}
.p4 {font-size: 1em; color: #FFF; text-align:center; line-height: 1.5; font-weight:300;}
.p5 {font-size: 1em; color: #FFF; text-align:center; line-height: 1.7; font-weight:300;}
.p6 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300; padding-left:40px;}
.p7 {font-size: 1em; color: #fae4af; text-align:left; line-height: 1.5; font-weight:300; padding-left:10px;}

@media only screen and (max-width:1200px) {
	.h1 {font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
	.h2 {font-size: 1.2em; color: #FFF; text-align:left; line-height: 1.5; font-weight:600;}
	.h3 {font-family:'Allura'; font-size: 1.5em; color: #fae4af; text-align:left; line-height: 1.5; }
	.h4 {font-family:'Allura'; font-size: 1.5em; color: #e1c093; text-align:center; line-height: 1.5; }
	.h5 {font-family:'Allura'; font-size: 1.5em; color: #e1c093; text-align:left; line-height: 1.5; }
	.h6 {font-size: 1.2em; color: #ed54a4; text-align:left; line-height: 1.5; font-weight:300;}
	.p {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
	.bold {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
	.p2 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
	.p4 {font-size: 1em; color: #FFF; text-align:center; line-height: 1.5; font-weight:300;}
	.p5 {font-size: 1em; color: #FFF; text-align:center; line-height: 1.5; font-weight:300;}
		.p6 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;padding-left:60px;}
		.p7 {font-size: 1em; color: #fae4af; text-align:left; line-height: 1.5; font-weight:300;padding-left:20px;}

	}
	
@media only screen and (max-width:1080px) {
	.h1 {font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
	.h2 {font-size: 1.2em; color: #FFF; text-align:left; line-height: 1.5; font-weight:600;}
	.h3 {font-family:'Allura'; font-size: 1.5em; color: #fae4af; text-align:left; line-height: 1.5; }
	.h4 {font-family:'Allura'; font-size: 1.5em; color: #e1c093; text-align:center; line-height: 1.5; }
	.h5 {font-family:'Allura'; font-size: 1.5em; color: #e1c093; text-align:left; line-height: 1.5; }
	.h6 {font-size: 1.2em; color: #ed54a4; text-align:left; line-height: 1.5; font-weight:300;}
	.p {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
	.bold {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
	.p2 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
	.p4 {font-size: 1em; color: #FFF; text-align:center; line-height: 1.5; font-weight:300;}
	.p5 {font-size: 1em; color: #FFF; text-align:center; line-height: 1.5; font-weight:300;}
	.p6 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;padding-left:60px;}
	.p7 {font-size: 1em; color: #fae4af; text-align:left; line-height: 1.5; font-weight:300;padding-left:20px;}
	
	}

a.h3 {text-decoration: none; color: #fae4af;  line-height: 1.5; font-size: 1em;} a:visited.h3 {text-decoration: none; color: #fae4af;} a:hover.h3 {text-decoration: none; color: #fae4af;} a:active.h3 {text-decoration: none; color: #fae4af; }
a.p2 {text-decoration: none; color: #FFF; font-weight:400; } a:visited.p2 {text-decoration: none; color: #FFF;} a:hover.p2 {text-decoration: none; color: #a3a2a2;} a:active.p2 {text-decoration: none; color: #FFF; }
a.p5 {text-decoration: none; color: #FFF; } a:visited.p5 {text-decoration: none; color: #FFF;} a:hover.p5 {text-decoration: none; color: #a3a2a2;} a:active.p5 {text-decoration: none; color: #FFF; }
a.h4 {text-decoration: none; color: #e1c093;  line-height: 1.5; } a:visited.h4 {text-decoration: none; color: #e1c093;} a:hover.h4 {text-decoration: none; color: #e1c093;} a:active.h4 {text-decoration: none; color: #e1c093; }



.direktlink {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px; font-size: 1em; line-height:1.0; background-color:transparent;}
a.direktlink:link {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px;}
a.direktlink:focus {width:400px; height:auto; top:0px; position:absolute; z-index:900; left:400px;  text-align:left; float:left; text-decoration: none; background-color:#920d52; color:#FFF; border:none; padding:10px;}



#logo-header {width:100%; height:455px; top:0px; margin-left:0px; margin-right:0px; text-align:center; background-color: transparent; position:absolute; z-index:300;  }
@media only screen and (max-width:1200px) {#logo-header {height:520px;}}
#logo-bg {width:100%; height:310px; top:0px; margin-left:0px; margin-right:0px; text-align:center; background-color:#342c34; position:absolute; z-index:200; box-shadow: 0px 0px 20px #141114;   }
@media only screen and (max-width:1200px) {#logo-bg {height:360px;}}
@media only screen and (max-width:1180px) {#logo-bg {height:360px;}}
@media only screen and (max-width:1080px) {#logo-bg {height:400px;}}
@media only screen and (max-width:980px) {#logo-bg {height:360px;}}
@media only screen and (max-width:800px) {#logo-bg {height:300px;}}
@media only screen and (max-width:680px) {#logo-bg {height:240px;}}

#logo {width:600px; height:455px; top:0px; margin-left:auto; margin-right:auto; text-align:center; background-color: transparent; }
@media only screen and (max-width:1200px) {#logo { width:600px; height:455px;}}
@media only screen and (max-width:1080px) {#logo { width:70%; height:auto;}}
@media only screen and (max-width:800px) {#logo { width:70%; height:auto;}}
@media only screen and (max-width:680px) {#logo { width:80%; height:auto;}}
.logo {width:95%; padding-right:5%; height:auto;}

.steffi { width:20%; float:right; margin-left:30px; margin-right:0px; border-radius:50%;}
@media only screen and (max-width:1366px) {.steffi { width:30%; float:right; margin-left:30px; margin-right:0px; border-radius:50%;}}
@media only screen and (max-width:1200px) {.steffi { width:36%; float:right; margin-left:30px; margin-right:0px; border-radius:50%;}}

#preisliste {width:90%; height:auto;  background-color:#342c34;   box-shadow: 0px 0px 20px #141114; padding-left:5%; padding-right:5%; padding-top:50px; padding-bottom:50px;   }
@media only screen and (max-width:1200px) {#preisliste {width:80%; height:auto;  background-color:#342c34;  box-shadow: 0px 0px 20px #141114; padding-left:10%; padding-right:10%; padding-top:80px; padding-bottom:60px;   }}

#preislistebg {width:80%; height:auto; margin-left:0px; margin-right:0px; padding-left:10%; padding-right:10%; margin-top:0px; padding-bottom:60px; margin-bottom:0px; background-color:#342c34; padding-top:100px; box-shadow: inset 0px 0px 20px #141114; background-image:url(../bilder/pics/hg-.jpg); background-size:200px; background-repeat:repeat; background-position:top; background-position:center; }
@media only screen and (max-width:1366px) {#preislistebg {width:78%; height:auto; margin-left:0px; margin-right:0px; padding-left:11%; padding-right:11%; margin-top:0px;  margin-bottom:0px;
padding-top:80px; padding-bottom:80px; background-color:#342c34; background-image:url(../bilder/pics/hg-.jpg); background-size:200px; background-repeat:repeat; background-position:top; background-position:center;}}
@media only screen and (max-width:1200px) {#preislistebg {width:100%; height:auto; margin-left:0px; margin-right:0px; padding-left:0%; padding-right:0%; margin-top:0px;  margin-bottom:0px;
padding-top:0px; padding-bottom:80px; background-image: none; background-size:200px; background-repeat:repeat; background-position:top; background-position:center; background-color:#342c34; }}


#header {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:310px; background-image:url(../bilder/friseur-hairkitchen-heidenheim-herbrechtingen-01.jpg); background-repeat:no-repeat; background-position:top; background-position:center; background-size:2200px; line-height:0.0; }
@media only screen and (max-width:1200px) {#header { margin-top:310px; background-image:none; }}
@media only screen and (max-width:1080px) {#header { margin-top:400px; }}
@media only screen and (max-width:980px) {#header { margin-top:360px; }}
@media only screen and (max-width:800px) {#header { margin-top:300px; }}
@media only screen and (max-width:680px) {#header { margin-top:240px; }}

#header2 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:310px; background-image: url(../bilder/friseur-hairkitchen-heidenheim-herbrechtingen-02.jpg); background-repeat:no-repeat; background-position:top; background-position:center; background-size:2200px; line-height:0.0; }
@media only screen and (max-width:1200px) {#header2 { margin-top:310px; background-image:none; }}
@media only screen and (max-width:1080px) {#header2 { margin-top:400px; }}
@media only screen and (max-width:980px) {#header2 { margin-top:360px; }}
@media only screen and (max-width:800px) {#header2 { margin-top:300px; }}
@media only screen and (max-width:680px) {#header2 { margin-top:240px; }}

#header3 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:310px; background-image: url(../bilder/kontakt.jpg); background-repeat:no-repeat; background-position:top; background-position:center; background-size:2200px; line-height:0.0; }
@media only screen and (max-width:1200px) {#header3 { margin-top:310px; background-image:none; }}
@media only screen and (max-width:1080px) {#header3 { margin-top:400px; }}
@media only screen and (max-width:980px) {#header3 { margin-top:360px; }}
@media only screen and (max-width:800px) {#header3 { margin-top:300px; }}
@media only screen and (max-width:680px) {#header3 { margin-top:240px; }}

#header4 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:310px; background-image: url(../bilder/galerie2.jpg); background-repeat:no-repeat; background-position:top; background-position:center; background-size:2200px; line-height:0.0; }
@media only screen and (max-width:1200px) {#header4 { margin-top:310px; background-image:none; }}
@media only screen and (max-width:1080px) {#header4 { margin-top:400px; }}
@media only screen and (max-width:980px) {#header4 { margin-top:360px; }}
@media only screen and (max-width:800px) {#header4 { margin-top:300px; }}
@media only screen and (max-width:680px) {#header4 { margin-top:240px; }}

#header5 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:310px; background-image: url(../bilder/friseur-heidenheim-herbrechtingen-farbe.jpg); background-repeat:no-repeat; background-position:top; background-position:center; background-size:2200px; line-height:0.0; }
@media only screen and (max-width:1200px) {#header5 { margin-top:310px; background-image:none; }}
@media only screen and (max-width:1080px) {#header5 { margin-top:400px; }}
@media only screen and (max-width:980px) {#header5 { margin-top:360px; }}
@media only screen and (max-width:800px) {#header5 { margin-top:300px; }}
@media only screen and (max-width:680px) {#header5 { margin-top:240px; }}

#header6 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:310px; background-image: url(../bilder/friseur-heidenheim-herbrechtingen-blond.jpg); background-repeat:no-repeat; background-position:top; background-position:center; background-size:2200px; line-height:0.0; }
@media only screen and (max-width:1200px) {#header6 { margin-top:310px; background-image:none; }}
@media only screen and (max-width:1080px) {#header6 { margin-top:400px; }}
@media only screen and (max-width:980px) {#header6 { margin-top:360px; }}
@media only screen and (max-width:800px) {#header6 { margin-top:300px; }}
@media only screen and (max-width:680px) {#header6 { margin-top:240px; }}

#header7 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:310px; background-image: url(../bilder/friseur-heidenheim-herbrechtingen-kurzhaar.jpg); background-repeat:no-repeat; background-position:top; background-position:center; background-size:2200px; line-height:0.0; }
@media only screen and (max-width:1200px) {#header7 { margin-top:310px; background-image:none; }}
@media only screen and (max-width:1080px) {#header7 { margin-top:400px; }}
@media only screen and (max-width:980px) {#header7 { margin-top:360px; }}
@media only screen and (max-width:800px) {#header7 { margin-top:300px; }}
@media only screen and (max-width:680px) {#header7 { margin-top:240px; }}

#header8 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:310px; background-image: url(../bilder/friseur-heidenheim-herbrechtingen-balayage.jpg); background-repeat:no-repeat; background-position:top; background-position:center; background-size:2200px; line-height:0.0; }
@media only screen and (max-width:1200px) {#header8 { margin-top:310px; background-image:none; }}
@media only screen and (max-width:1080px) {#header8 { margin-top:400px; }}
@media only screen and (max-width:980px) {#header8 { margin-top:360px; }}
@media only screen and (max-width:800px) {#header8 { margin-top:300px; }}
@media only screen and (max-width:680px) {#header8 { margin-top:240px; }}


#header-mitte {width:1200px; height:auto; margin-left:auto; margin-right:auto; line-height:0.0; }
@media only screen and (max-width:1208px) {#header-mitte {width:100%; height:auto; margin-left:0px; margin-right:0px; }}
@media only screen and (max-width:1180px) {#header-mitte {width:0px; height:0px; visibility:hidden;}}

#header-big {width:100%; height:auto; margin-left:auto; margin-right:auto; line-height:0.0; margin-top:310px;}
@media only screen and (max-width:1366px) {#header-big {width:0px; height:0px; visibility:hidden; margin-top:0px;}}
@media only screen and (max-width:1200px) {#header-big {width:0px; height:0px; visibility:hidden;}}

#header-mittel {width:0px; height:0px; visibility:hidden; }
@media only screen and (max-width:1366px) {#header-mittel {width:100%; height:auto; margin-left:0px; margin-right:0px; line-height:0.0; visibility:visible; margin-top:310px;}}
@media only screen and (max-width:1200px) {#header-mittel {width:0px; height:0px; visibility:hidden; margin-top:0px;}}

#header-mobil {width:0px; height:0px; visibility:hidden; }
@media only screen and (max-width:1200px) {#header-mobil {width:100%; height:auto; margin-left:0px; margin-right:0px; line-height:0.0; visibility:visible; margin-top:360px;}}
@media only screen and (max-width:1180px) {#header-mobil {width:100%; height:auto; margin-left:0px; margin-right:0px; line-height:0.0; visibility:visible; margin-top:360px;}}
@media only screen and (max-width:980px) {#header-mobil { margin-top:360px; }}
@media only screen and (max-width:800px) {#header-mobil { margin-top:300px; }}
@media only screen and (max-width:680px) {#header-mobil { margin-top:240px; }}

#header-farbe {width:100%; height:126px; margin-left:0px; margin-right:0px; background:hsla(350, 70%, 78%, 0.5); }

#bildergalerie {width:100%; height:auto; border-spacing: 0px; }
#bildergalerie a { width:20%}
#bildergalerie img { transition: 1s; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s;  box-shadow: 0px 0px 20px #141114; }
#bildergalerie img:target { width:80%; height:auto; }
.galerie-02 { width:20%}

label.menugalerie {display: block; width: 20%; height: auto;}
	input#menugalerie {display:none}
#menugalerie:checked + .menugalerie  + #galeriebg { height:auto; max-height: 1500px; min-width:100%; width:100%; background-color:#96275c; background:hsla(335, 73%, 33%, 0.96);  box-shadow: 0px 0px 10px #666;  margin-bottom:80px; padding-bottom:140px; padding-top:60px; }



#b001 {width:20%; height:auto; float: left; }
.b001 {width:100%; height:auto; }
#b001- {width:0px; height:0px; }

label.b0011 {display: block; width: 100%; height: auto;  }
	input#b0011 {display:none}
	#b0011:checked + .b0011  + #b001- { width:80%; height:auto; position:absolute; z-index:200; }
	
#b002 {width:20%; height:auto; float: left; }
.b002 {width:100%; height:auto; }
#b002- {width:0px; height:0px; }

label.b0021 {display: block; width: 100%; height: auto;   }
	input#b0021 {display:none}
	#b0021:checked + .b0021  + #b002- { width:100%; height:auto; }
	
	#b003 {width:20%; height:auto; float: left; }
.b003 {width:100%; height:auto; }
#b003- {width:0px; height:0px; }

label.b0031 {display: block; width: 100%; height: auto;   }
	input#b0031 {display:none}
	#b0031:checked + .b0031  + #b003- { width:100%; height:auto; }
	
	#b004 {width:20%; height:auto; float: left; }
.b004 {width:100%; height:auto; }
#b004- {width:0px; height:0px; }

label.b0041 {display: block; width: 100%; height: auto;  }
	input#b0041 {display:none}
	#b0041:checked + .b0041  + #b004- { width:100%; height:auto; }
	
	#b005 {width:20%; height:auto; float: left; }
.b005 {width:100%; height:auto; }
#b005- {width:0px; height:0px; }

label.b0051 {display: block; width: 100%; height: auto;   }
	input#b0051 {display:none}
	#b0011:checked + .b0051  + #b005- { width:100%; height:auto; }
	
	#b006 {width:20%; height:auto; float: left; }
.b006 {width:100%; height:auto; }
#b006- {width:0px; height:0px; }

label.b0061 {display: block; width: 100%; height: auto;   }
	input#b0061 {display:none}
	#b0011:checked + .b0061  + #b006- { width:100%; height:auto; }
	

#content {width:80%; height:auto; margin-left:0px; margin-right:0px; padding-left:10%; padding-right:10%; margin-top:0px; padding-bottom:60px; margin-bottom:0px; background-color:#342c34; padding-top:100px; box-shadow: inset 0px 0px 20px #141114; }
@media only screen and (max-width:1366px) {#content {width:78%; height:auto; margin-left:0px; margin-right:0px; padding-left:11%; padding-right:11%; margin-top:0px;  margin-bottom:0px;
padding-top:80px; padding-bottom:80px; background-color:#342c34;}}
@media only screen and (max-width:1200px) {#content {width:80%; height:auto; margin-left:0px; margin-right:0px; padding-left:10%; padding-right:10%; margin-top:0px;  margin-bottom:0px;
padding-top:120px; padding-bottom:80px; background-color:#342c34;}}

#banner {width:100%; height:auto; margin-left:0px; margin-right:0px; background-image:url(../bilder/pics/hg-.jpg); background-size:200px; background-repeat:repeat; background-position:top; background-position:center; line-height:0.0; padding-top:0px; padding-bottom:80px; box-shadow:inset 0px 0px 80px #333;}
@media only screen and (max-width:1200px) {#banner {width:90%; height:auto; margin-left:0px; margin-right:0px; background-image:url(../bilder/pics/hg-.jpg); background-size:200px; background-repeat:repeat; background-position:top; background-position:center; line-height:0.0; padding-top:0px; padding-bottom:80px; padding-left:5%; padding-right:5%; }}
@media only screen and (max-width:1080px) {#banner {width:100%; height:auto; margin-left:0px; margin-right:0px; background-image:url(../bilder/pics/hg-.jpg); background-size:200px; background-repeat:repeat; background-position:top; background-position:center; line-height:0.0; padding-top:0px; padding-bottom:80px; padding-left:0%; padding-right:0%; }}

#button {  padding:40px; width:60%; background-color:#971453; box-shadow: 0px 0px 6px #333; border-radius:3px;}
@media only screen and (max-width:1200px) {#button {  padding:40px; width:auto; background-color:#971453; box-shadow: 0px 0px 6px #333; border-radius:3px;}}

.table { width:50%;}
@media only screen and (max-width:1200px) {.table { width:100%;}}

.galerie-01 {  width:31%; box-shadow: 0px 0px 20px #141114; border-radius:0px; margin-left:0%; margin-right:2%; float:left; margin-bottom:30px;}
@media only screen and (max-width:1200px) {.galerie-01 {  width:48%; box-shadow: 0px 0px 20px #141114; border-radius:0px; margin-left:0%; margin-right:2%; float:left; margin-bottom:30px;}}
.galerie-03 {  width:50%; margin-left:25%; margin-right:25%; box-shadow: 0px 0px 20px #141114; margin-bottom:30px;}
@media only screen and (max-width:1200px) {.galerie-03 {  width:100%; margin-left:0%; margin-right:0%;  height:auto; box-shadow: 0px 0px 20px #141114; margin-bottom:30px;}}

.galerie-04 {  width:90%; margin-left:5%; margin-right:5%; box-shadow: 0px 0px 20px #141114; margin-bottom:30px;}
@media only screen and (max-width:1200px) {.galerie-04 {  width:100%; margin-left:0%; margin-right:0%;  height:auto; box-shadow: 0px 0px 20px #141114; margin-bottom:30px;}}

#bildergalerieseite { width:80%; padding-left:10%; padding-right:10%; padding-top:80px; padding-bottom:80px;}
#zurueck { width:auto; position:fixed; left:0px; margin-top:40px; box-shadow: 0px 0px 20px #141114; padding:20px;}
@media only screen and (max-width:1200px) {#zurueck { width:auto; position:fixed; left:0px; margin-top:0px; box-shadow: 0px 0px 20px #141114; padding:20px;}}

#mehr { width:400px; height:auto; margin-left:auto; margin-right:auto; box-shadow: 0px 0px 20px #141114; padding:20px; margin-bottom:80px; margin-top:80px; text-align:center;}
@media only screen and (max-width:1200px) {#mehr { width:60%; height:auto; margin-left:auto; margin-right:auto; box-shadow: 0px 0px 20px #141114; padding:20px; margin-bottom:80px;}}

#allebilder { width:100%; height:60px; float: left;}

#galerie-01 {  padding:20px; width:50%; background-color:#971453; box-shadow: 0px 0px 20px #141114; border-radius:3px;}
@media only screen and (max-width:1200px) {#galerie-01 {  padding:40px; }}

.spiegel { border-radius:50%; width:31%; height:auto; box-shadow: 0px 0px 16px #333; background-color: transparent;  margin-left:1%; margin-right:1%; margin-top:80px;  }
#spiegelhg { width:1200px; background-color:transparent; margin-left:auto; margin-right:auto;}
@media only screen and (max-width:1200px) {
	.spiegel { border-radius:50%; width:31%; height:auto; box-shadow: 0px 0px 16px #333; background-color: transparent;  margin-left:1%; margin-right:1%; margin-top:80px;  }
	#spiegelhg { width:100%; background-color:transparent; margin-left:0px; margin-right:0px;}}
@media only screen and (max-width:1180px) {
	.spiegel { border-radius:50%; width:46%; height:auto; box-shadow: 0px 0px 24px #333; background-color: transparent; margin-left:2%; margin-right:2%;  }
	#spiegelhg { width:100%; background-color:transparent; margin-left:0px; margin-right:0px;}}
	@media only screen and (max-width:1080px) {
	.spiegel { border-radius:50%; width:80%; height:auto; box-shadow: 0px 0px 30px #333; background-color: transparent; margin-left:10%; margin-right:10%;  }
	#spiegelhg { width:100%; background-color:transparent; margin-left:0px; margin-right:0px;}}

#terminvereinbarung1 {width:300px; height:auto; top:0px; margin-right:20px; right:20px; text-align:center; background-color: transparent; position:absolute; z-index:400; top:100px; }
@media only screen and (max-width:1200px) {#terminvereinbarung1 {width:300px; height:auto; margin-right:2px; right:2px; text-align:center; background-color: transparent; position:absolute; z-index:350; top:140px; }}
@media only screen and (max-width:1080px) {#terminvereinbarung1 {width:0px; height:0px; visibility:hidden; display:none;}}

#footer {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-image:url(../bilder/friseur-hairkitchen-.jpg); background-repeat:no-repeat; background-size:100%; float:left;}
#footer-box {width:30%; float:left; margin-left:1%; margin-right:1%; line-height:1.0;}
#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:100%; height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:80px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px; background-image:url(../bilder/friseur-hairkitchen-.jpg); background-repeat:no-repeat; background-size: cover; background-position:center; float:left;}
#footer-box {width:80%; float:left; margin-left:10%; margin-right:10%;}
#footer-box-innfo {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;}
.bildinnfo {width:300px; height:auto; margin-top:80px;}}


#navigation-top-bg {width:400px; margin-top:0px; margin-right:0px; background-color: transparent; height:300px; padding-top:0px; position:absolute; z-index:400; top:0px;  }
#navigation-top {margin-top:0px; width:400px; height:280px; padding-top:20px; margin-left:auto; margin-right:auto; background-color: transparent; }
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:40px; height: 300px; width:300px; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:auto; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 95%; padding-left:5%; text-align: left; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: 32px; padding-left: 12px; padding-right: 12px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 20px; font-weight: 300;}
.navigationspunkt-text { height: 32px; padding-left: 12px; padding-right: 12px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 20px; font-weight: 300;}
a.navigationspunkt-text2 { height: 32px; padding-left: 12px; padding-right: 12px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 20px; font-weight: 300;}
.navigationspunkt-text2 { height: 32px; padding-left: 12px; padding-right: 12px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 20px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #999;}
a:hover.navigationspunkt-text2 { color: #999;}
.navigationspunkt-text3 { height: 32px; padding-left: 60px; padding-right: 12px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 20px; font-weight: 300;}

#navigation-top-menu2 { margin-top:0px; height: auto; max-height:0px;  min-width: 80%; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; float:left; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;} 

label.menu2 {display: block; width: 100%; height: 40px; margin-left: 0px; border-radius: 1px; margin-top:0px; margin-bottom:0px; float:left; }
input#menu2 {display:block; position:absolute; left:-600px; }
	.line-2 {margin-left:30px;  height: 2px; width: 20px;   border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-2:nth-child(1) { margin-top: 12px; background: #aa3059;}
	.line-2:nth-child(2) { margin-top: 20px; background: #f98f3c; }
	.line-2:nth-child(3) { margin-top: 28px; background: #fdbe37; }
	#menu2:checked + .menu2 .line-2:nth-child(1){   transform: translateY(8px) rotate(-45deg);}
	#menu2:checked + .menu2 .line-2:nth-child(2){   opacity:0;}
	#menu2:checked + .menu2 .line-2:nth-child(3){   transform: translateY(-8px) rotate(45deg);}
	#menu2:checked + .menu2  + #navigation-top-menu2 { height:auto; max-height: 1500px; min-width:100%; width:100%; background-color:#96275c; background:hsla(335, 73%, 38%, 0.96);  box-shadow: 0px 0px 10px #000;  margin-bottom:0px; padding-bottom:30px; padding-top:30px; z-index:900; position:absolute; left:260px; margin-top:38px; }
	
	[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; left:-500px;}
[type="checkbox"]:focus + label::before { width:300px; height:auto; left:20px; top:20px; display:block; content:"Menü öffnen Leertaste drücken"; position: absolute; z-index:950;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

input#menu1:focus {display: block; left:-500px; width: 120px; height: 110px;  background-color:#000; }

@media only screen and (max-width:1200px) {
	

#navigation-top-bg {min-width:100%; width:100%; top:0px; margin-right:0px; background-color: transparent;  height:100px; position: absolute; z-index:400; left:0px; }
#navigation-top {margin-top:0px; margin-left:0px; min-width:100%; width:100%; height:120px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:0px; }
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px;  min-width: 80%; width:80%; 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: 80%; width:95%; text-align: left; margin-left:0px; padding-left:5%; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:15px; display: block; color: #FFF; margin-top: 20px;  font-size: 42px; font-weight: 300;}
.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:15px; display: block; color: #FFF; margin-top: 20px;  font-size:42px; font-weight: 300;}
a.navigationspunkt-text2 { height: auto; padding-left: 12px; padding-right: 12px; padding-top:15px; display: block; color: #FFF; margin-top: 20px;  font-size: 42px; font-weight: 300;}
.navigationspunkt-text2 { height: auto; padding-left: 12px; padding-right: 12px; padding-top:15px; display: block; color: #FFF; margin-top: 20px;  font-size: 42px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 
.navigationspunkt-text3 { height: auto; padding-left: 60px; padding-right: 12px; padding-top:15px; display: block; color: #FFF; margin-top: 0px;  font-size: 42px; font-weight: 300;}

label.menu2 {display: none; }
input#menu2 {display:none}
	.line-2 {margin-left:30px;  height: 3px; width: 36px;   border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-2:nth-child(1) { margin-top: 36px; background: #aa3059;}
	.line-2:nth-child(2) { margin-top: 50px; background: #f98f3c; }
	.line-2:nth-child(3) { margin-top: 64px; background: #fdbe37; }
	#menu2:checked + .menu2 .line-2:nth-child(1){   transform: translateY(14px) rotate(-45deg);}
	#menu2:checked + .menu2 .line-2:nth-child(2){   opacity:0;}
	#menu2:checked + .menu2 .line-2:nth-child(3){   transform: translateY(-14px) rotate(45deg);}
	#menu2:checked + .menu2  + #navigation-top-menu2 { height:auto; max-height: 1500px; min-width:100%; width:100%; background-color: transparent; background: none;  box-shadow: none;  margin-bottom:0px; padding-bottom:40px; padding-top:0px; z-index:900; position: relative; left:0px; margin-top:38px; }


}

@media only screen and (max-width:1080px) {
	label.menu2 {display: none; }
input#menu2 {display:none}
#navigation-top-bg {min-width:100%; width:100%; top:0px; margin-right:0px; background-color: transparent;  height:100px; position: absolute; z-index:400; left:0px; }
#navigation-top {margin-top:0px; margin-left:0px; min-width:100%; width:100%; height:120px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:0px; }
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px;  min-width: 80%; width:80%; 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: 80%; width:95%; text-align: left; margin-left:0px; padding-left:5%; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:25px; display: block; color: #FFF; margin-top: 40px;  font-size: 56px; font-weight: 300;}
.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:25px; display: block; color: #FFF; margin-top: 40px;  font-size: 56px; font-weight: 300;}
a.navigationspunkt-text2 { height: auto; padding-left: 12px; padding-right: 12px; padding-top:0px; display: block; color: #FFF; margin-top: 20px;  font-size: 56px; font-weight: 300;}
.navigationspunkt-text2 { height: auto; padding-left: 12px; padding-right: 12px; padding-top:0px; display: block; color: #FFF; margin-top: 20px;  font-size: 56px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 
.navigationspunkt-text3 { height: auto; padding-left: 60px; padding-right: 12px; padding-top:15px; display: block; color: #FFF; margin-top: 0px;  font-size: 42px; font-weight: 300;}


}


 
label.menu1 {display: none; }
input#menu1 {display:none}


@media only screen and (max-width:1200px) {
	label.menu1 {display: block; width: 100%; height: 120px; margin-left: 0px; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menu1 {display:block; position:absolute; left:-600px;}
	.line-1 {margin-left:40px;  height: 3px; width: 36px;   background: #aa3059; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 36px; background: #aa3059;}
	.line-1:nth-child(2) { margin-top: 50px; background: #f98f3c; }
	.line-1:nth-child(3) { margin-top: 64px; background: #fdbe37; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(14px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-14px) rotate(45deg); }
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 1500px; min-width:100%; width:100%; background-color:#96275c; background:hsla(335, 73%, 33%, 0.96);  box-shadow: 0px 0px 10px #000;  margin-bottom:80px; padding-bottom:140px; padding-top:60px; }
	
	[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; left:-500px;}
[type="checkbox"]:focus + label::before { width:300px; height:auto; left:0px; top:0px; display:block; content:"Menü öffnen"; position: absolute; z-index:950;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

input#menu1:focus {display: block; left:-500px; width: 120px; height: 110px;  background-color:#999; }

.farbe-pink { background-color:#99295b; }
}

@media only screen and (max-width:1080px) {
	label.menu1 {display: block; width: 100%; height: 120px; margin-left: 0px; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menu1 {display:block; position:absolute; left:-600px;}
	.line-1 {margin-left:40px;  height: 4px; width: 48px;   border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 36px; background: #aa3059;}
	.line-1:nth-child(2) { margin-top: 54px; background: #f98f3c;}
	.line-1:nth-child(3) { margin-top: 72px; background: #fdbe37;}
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(18px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-18px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 1500px; min-width:100%; width:100%; background-color:#96275c; background:hsla(335, 73%, 38%, 0.96);  box-shadow: 0px 0px 10px #000;  margin-bottom:80px; padding-bottom:290px; padding-top:60px; }
	
	[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; left:-500px;}
[type="checkbox"]:focus + label::before { width:300px; height:auto; left:0px; top:0px; display:block; content:"Menü öffnen"; position: absolute; z-index:950;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

input#menu1:focus {display: block; left:-500px; width: 120px; height: 110px;  background-color:#999; }

.farbe-pink { background-color:#99295b; }
}

input.leistungen {display: none;}
nav.leistungen {margin-top:32px; height:0px; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:0px; padding-left:0px; padding-top:22px; padding-bottom:10px; position:absolute; z-index:400; background-color: transparent; }
label.leistung { color: #FFF; font-size:1.2em; font-weight:300; float:left; padding-right:10px; padding-left:26px; margin-top:6px; padding-top:0px; padding-bottom:0px; }
a.leistung { color: #FFF; font-size:1.2em; display:block; list-style-type: none; float:left; }
a:hover.leistung { color: #666; }
label.leistung::before {content:""; background-image:url(../bilder/pics/open.png); background-repeat:no-repeat; padding-left:20px; }
input.leistung:checked ~ nav.leistungen {display:block; list-style-type: none; min-height:160px; max-height: 1500px; min-width:340px; background-color:#FFF; box-shadow: 0px 0px 10px #666666; margin-left:220px; margin-top:14px; position:absolute; z-index:800; border-radius:3px; padding-left:0px; padding-bottom:30px;}
input.leistung:checked ~ label.leistung::before {content:""; background-image:url(../bilder/pics/close.png); background-repeat:no-repeat; padding-left:20px;}

nav.leistungen li a { list-style-type: none; display:block; list-style-type: none; float:left;}



@media only screen and (max-width:1200px) {
	input.leistungen {display: none; }
nav.leistungen {display:none; margin-top:0px; padding-top:0px; height: auto;}
	label.leistung { color: #FFFFFF; text-decoration:none; display:block; font-weight:300; margin-top:10px; padding-top:20px; padding-bottom:5px; padding-right:0px; padding-left:0px; width:93%; text-align:left; font-size:1.1em; padding-left:6%; }
	a.leistung { color: #FFFFFF; text-decoration:none; display:block; font-weight:300;  padding-top:0px; padding-bottom:0px; width:100%; text-align:left; font-size:1.1em; line-height:1.0;  }
	a:hover.leistung { color: #c3326b; }
label.leistung::before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; background-size:40px; padding-left:40px; }
input.leistung:checked ~ nav.leistungen {display:inline; width:600px; padding-bottom:40px; position:inherit; box-shadow: none; margin-left:0px; background-color:#99295b;  margin-left:auto; margin-right:auto; border-radius:0px; padding-left:0px; height:auto;  }
input.leistung:checked ~ label.leistung::before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:40px;}

nav.leistungen ul li { list-style-type: none; }

@media only screen and (max-width:1080px) {
	input.leistungen {display: none; }
nav.leistungen {display:none; margin-top:0px; padding-top:0px; height: auto;}
	label.leistung { color: #FFFFFF; text-decoration:none; display:block; font-weight:300; margin-top:30px; padding-top:40px; padding-bottom:5px; padding-right:0px; padding-left:0px; width:93%; text-align:left; font-size:1.2em; padding-left:7%; }
	a.leistung { color: #FFFFFF; text-decoration:none; display:block; font-weight:300;  padding-top:0px; padding-bottom:0px; width:100%; text-align:left; font-size:1.2em; line-height:1.0;  }
	a:hover.leistung { color: #c3326b; }
label.leistung::before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; background-size:auto; padding-left:60px; }
input.leistung:checked ~ nav.leistungen {display:inline; width:600px; padding-bottom:40px; position:inherit; box-shadow: none; margin-left:0px; background-color:#99295b;  margin-left:auto; margin-right:auto; border-radius:0px; padding-left:0px; height:auto;  }
input.leistung:checked ~ label.leistung::before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:60px;}

nav.leistungen ul li { list-style-type: none; }
}




label.menugalerie {display: none; }
input#menugalerie {display:none}

@media only screen and (max-width:1200px) {
	label.menugalerie {display: block; width: 100%; height: 120px; margin-left: 0px; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menugalerie {display:none}
	#menumenugalerie:checked + .menumenugalerie  + #bildansicht { height:auto; max-height: 1500px; min-width:100%; width:100%; background-color:#96275c; background:hsla(335, 73%, 33%, 0.96);  box-shadow: 0px 0px 10px #666;  margin-bottom:80px; padding-bottom:140px; padding-top:60px; }

}