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

body { font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-size: 18px; text-align:left; font-weight:300; color: #666; background-color:#FFF; 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; font-weight:300; color: #666;  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:#FFF;}}

/* These fonts are licensed under the OPEN FONT LICENSE (OFL): https://scripts.sil.org/OFL  */

/* barlow-condensed-300 - latin Designed by Jeremy Tribby */
@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 Designed by Jeremy Tribby */
@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 Designed by Jeremy Tribby */
@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 */
}

/* dancing-script-regular - latin Designed by Impallari Type*/
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/pics/fonts/dancing-script-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/pics/fonts/dancing-script-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/pics/fonts/dancing-script-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/pics/fonts/dancing-script-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../bilder/pics/fonts/dancing-script-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/pics/fonts/dancing-script-v24-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* dancing-script-600 - latin Designed by Impallari Type */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  src: url('../bilder/pics/fonts/dancing-script-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/pics/fonts/dancing-script-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/pics/fonts/dancing-script-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/pics/fonts/dancing-script-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../bilder/pics/fonts/dancing-script-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/pics/fonts/dancing-script-v24-latin-600.svg#DancingScript') format('svg'); /* Legacy iOS */
}


.h1 { margin-top:0px; font-size: 32px; font-weight:600; color: #6ebd8b; text-align:left; line-height: 1.0;}
.h2 { font-size: 24px; font-weight:400; color: #a1c36f; text-align:left; line-height: 1.2;}
.h3 {font-family: 'Dancing Script', Verdana, Geneva, sans-serif; margin-top:0px; font-size: 28px; color: #FFF; font-weight:600; text-align:left; line-height: 1.5;}
.h4 { font-size: 36px; font-weight:400; color: #a1c36f; text-align:left; line-height: 0.9;}
.h5 { font-family: 'Dancing Script', Verdana, Geneva, sans-serif; margin-top:0px; font-size: 28px; font-weight:600; color: #6ebd8b; text-align:left; line-height: 0.9;}
.p {margin-top:0px; font-size: 20px; color: #666; text-align:left; line-height: 1.3; font-weight:300;}
a.sprung:link {top:0px; font-size: 20px; color: #FFF; text-align:left; line-height: 1.3; font-weight:300; position:absolute; z-index:500;}
a.sprung {margin-top:0px; font-size: 20px; color: #FFF; text-align:left; line-height: 1.3; font-weight:300; position:absolute; z-index:500;} a.sprung:hover {text-decoration: none; color: #FFF ;} a.sprung:active {text-decoration: none; color: #FFF; } a.sprung:focus { border-color:#0CF; border-width:1px; border-style:solid; color: #FFF;}
.p1 {margin-top:0px; font-size: 20px; color: #a1c36f; text-align:left; line-height: 1.3; font-weight:300;}
.p2 {margin-top:0px; font-size: 20px; color: #FFF; text-align:left; line-height: 1.3; font-weight:300;}
.bold {margin-top:0px; font-size: 20px; color: #666; text-align:left; line-height: 1.2; font-weight:600;}

@media only screen and (max-width:1200px) {
	.h1 {margin-top:0px; font-size: 64px; font-weight:600; color: #6ebd8b; text-align:left; line-height: 1.0;}
.h2 { margin-top:20px; font-size: 46px; font-weight:400; color: #a1c36f; text-align:left; line-height: 1.5; }
.h3 {font-family: 'Dancing Script', Verdana, Geneva, sans-serif; margin-top:0px; font-size: 58px; color: #FFF; font-weight:600; text-align:left; line-height: 1.5;}
.h4 { margin-top:20px; font-size: 56px; font-weight:400; color: #a1c36f; text-align:left; line-height: 1.5; }
.h5 {font-family: 'Dancing Script', Verdana, Geneva, sans-serif; margin-top:0px; font-size: 52px; font-weight:600; color: #6ebd8b; text-align:left; line-height: 1.0;}
.p {margin-top:0px; font-size: 46px; color: #666; text-align:left; line-height: 1.5; font-weight:300;}
.p1 {margin-top:0px; font-size: 46px; color: #a1c36f; text-align:left; line-height: 1.5; font-weight:300;}
.p2 {margin-top:0px; font-size: 46px; color: #FFF; text-align:left; line-height: 1.3; font-weight:300;}
.bold {margin-top:0px; font-size: 46px; color: #666; text-align:left; line-height: 1.2; font-weight:600;}
a.sprung:link {top:0px; font-size: 30px; color: #a1c36f; text-align:left; line-height: 1.3; font-weight:300; position:absolute; z-index:800;}
a.sprung:focus { color:#FFF; border-color:#0CF; border-width:1px; border-style:solid; color: #FFF;}

 }

a:link {text-decoration: none; color: #6ebd8b; font-weight:600; } a:visited {text-decoration: none; color: #a3a2a2; } a:hover {text-decoration: none; color: #a3a2a2 ;} a:active {text-decoration: none; color: #a3a2a2; } a:focus { border-color:#0CF; border-width:1px; border-style:solid; color: #444444;}
a.h3 {text-decoration: none; color: #FFF; } a:visited.h3 {text-decoration: none; color: #FFF;} a:hover.h3 {text-decoration: none; color: #a3a2a2;} a:active.h3 {text-decoration: none; color: #FFF; }
a.p2 {text-decoration: none; color: #FFF; font-weight:300; } a:visited.p2 {text-decoration: none; color: #FFF;} a:hover.p2 {text-decoration: none; color: #a3a2a2;} a:active.p2 {text-decoration: none; color: #FFF; }

.wrapper {width:1280px; 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; }


#wellness-massagen-logo {width:700px; height:373px; top:0px; right:10px; margin-top:0px; margin-left:0px; margin-right:0px; background-color:transparent; background-image:url(../bilder/trish-lehmann-logo-bg.png); background-repeat:no-repeat; background-position: left; position:absolute; z-index:600;}
.wellness-massagen-logo {width:486px; height:282px;}
@media only screen and (max-width:1480px) {
#wellness-massagen-logo {width:600px; height:373px; top:0px; right:0px; margin-top:0px; margin-left:0px; margin-right:0px; background-color:transparent; background-image:url(../bilder/trish-lehmann-logo-bg.png); background-repeat:no-repeat; background-position: left; position:absolute; z-index:600;}}
@media only screen and (max-width:1366px) {
#wellness-massagen-logo {width:550px; height:373px; top:0px; right:0px; margin-top:0px; margin-left:0px; margin-right:0px; background-color:transparent; background-image:url(../bilder/trish-lehmann-logo-bg.png); background-repeat:no-repeat; background-position: left; position:absolute; z-index:600;}}
@media only screen and (max-width:1200px) {
#wellness-massagen-logo {width:0px; height:0px; visibility: hidden;}
.wellness-massagen-logo {width:0px; height:0px; visibility: hidden;}}

#wellness-massagen-logo-mb {width:0px; height:0px; visibility: hidden;}
@media only screen and (max-width:1200px) {
#wellness-massagen-logo-mb { min-width:860px; width:100%; height:650px; visibility: visible; background-color:transparent; position:absolute; z-index:600; top:0px; }}
.wellness-massagen-logo-mb {width:860px; height:463px;}
#wellness-massagen-logo-mb-bg {width:860px; height:463px; margin-left:auto; margin-right:auto;}

#wellness-massagen-logo-mb-hg {width:100%; height:226px; position:absolute; z-index:100; margin-left:0px; margin-right:0px; top:0px; background-color:#a1c26e;}
@media only screen and (max-width:1200px) {#wellness-massagen-logo-mb-hg {min-width:860px; width:100%; height:380px; position:absolute; z-index:100; margin-left:0px; margin-right:0px; top:0px; background-color:#a1c26e;}}

#wellness-massagen-banner {width:1200px; height:580px; margin-top:0px; margin-left: auto; margin-right: auto;  }
#wellness-massagen-banner-bg {min-width:860px; width:100%; height:580px; margin-top:226px; margin-left:0px; margin-right:0px; background-image:url(../bilder/pics/bg.jpg); background-position: top; background-repeat:no-repeat;}
@media only screen and (max-width:1200px) {
#wellness-massagen-banner {width:0px; height:0px; visibility: hidden;  }
#wellness-massagen-banner-bg {width:0px; height:0px; visibility: hidden; background-image:none; margin-top:0px; }}

#wellness-massagen-banner-mb {width:0px; height:0px; visibility: hidden;  }
@media only screen and (max-width:1200px) {
#wellness-massagen-banner-mb {min-width:860px; width:100%; height:auto; margin-top:380px; margin-left:0px; margin-right:0px; visibility: visible; line-height: 0.0; }}

#alternatives {width: 100%; height:auto; background-color:#FFF; margin-top:0px; margin-left:0px; margin-right:0px;}
#content {width: 990px; height:auto; margin-left:auto; margin-right:auto;}
@media only screen and (max-width:1200px) {#alternatives {width:100%; height:auto; background-color:#FFF; margin-top:120px; margin-left:0px; margin-right:0px;}
#content {width:90%; height:auto; margin-left:auto; margin-right:auto;}}

.trish { border-radius:50%; width:40%; height:auto; }
@media only screen and (max-width:1200px) {.trish { border-radius:50%; width:60%; height:auto; }}


#behandlungen {width:90%; padding-right:5%; padding-left:5%; padding-top:30px; padding-bottom:30px; margin-bottom:30px; background-color:#FFF; box-shadow: 0px 0px 10px #CCC; height:auto; float:left;}

#behandlungen-info {width:48%; margin-right:2%; margin-left:0%; padding-bottom:30px; margin-bottom:30px; background-color:#FFF;  height:auto; float:left;}
@media only screen and (max-width:1200px) {#behandlungen-info {width:100%; margin-right:0px; margin-left:0px; padding-bottom:30px; margin-bottom:30px; background-color:#FFF;  height:auto;}
#behandlungen {width:90%; padding-right:5%; padding-left:5%; padding-top:60px; padding-bottom:60px; margin-bottom:30px; background-color:#FFF; box-shadow: 0px 0px 10px #CCC; height:auto; float:left;}}

#navigation-top-bg {min-width:860px; max-width:2200px; width:100%; margin-top:0px; margin-right:0px; background-color:#a1c26e; background-image:url(../bilder/pics/bgcolor.png); background-repeat:repeat; height:226px; padding-top:0px; position:absolute; z-index:200; }
#navigation-top {margin-top:0px; width:990px; 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:160px; height: 70px; width:990px; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:auto; }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 20px; text-align: center; 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: 22px; 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: 22px; 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: 22px; 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: 22px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;}
a:hover.navigationspunkt-text2 { color: #f1dff3;}

#slogan {width:0px; height:0px; visibility: hidden; }

@media only screen and (max-width:1200px) {
#navigation-top-bg {min-width:860px; width:100%; top:0px; margin-right:0px; background-color:#a1c36f; background-image:url(../bilder/pics/bgcolor.png); background-repeat:repeat; box-shadow: 0px 3px 6px #999; height:120px; position: relative; z-index:0; left:0px; }
#navigation-top {margin-top:0px; margin-left:0px; min-width:860px; 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: 600px; 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: 600px; 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: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: 54px; 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: 54px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 

#slogan {visibility: visible; width:730px; height:auto; float:right; padding-right:40px; padding-top:10px;  }
}

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

@media only screen and (max-width:1200px) {
	label.menu1 {display: block; width: 800px; height: 120px; margin-left: 0px; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menu1 {display:none}
	.line-1 {margin-left:40px;  height: 5px; width: 48px;   background: #FFF; border-radius: 2px; 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: 54px; }
	.line-1:nth-child(3) { margin-top: 72px; }
	#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:860px; width:100%; background-color:#a1c36f; box-shadow: 0px 0px 10px #666;  margin-bottom:60px; padding-bottom:100px; }


}


	

#alternativesbildbuttons {margin-top: 0px; width:80%; height:auto; padding-left:10%; padding-right:10%; float:left; background-color:#dde9ca; padding-top:60px; margin-bottom:0px; padding-bottom:60px;}
@media only screen and (max-width:1366px) {	#alternativesbildbuttons {margin-top: 0px; width:90%; height:auto; padding-left:5%; padding-right:5%; float:left; background-color:#dde9ca; padding-top:60px; margin-bottom:0px; padding-bottom:60px;}}
@media only screen and (max-width:1200px) {	#alternativesbildbuttons {margin-top: 0px; width:100%; height:auto; margin-left:0px; margin-right:0px; float:left; padding-left:0%; padding-right:0%;}}
#bildbuttons {padding-top: 0px; margin-left: 1%; margin-right:1%; width:31%; float:left; margin-bottom:60px; background-color: transparent; }
@media only screen and (max-width:1200px) {	#bildbuttons {padding-top: 0px; margin-left: 1%; margin-right:1%; width:48%;  float:left; margin-bottom:60px;  }}
#bildbuttonsbild {padding-top: 0px; padding-left:0px; padding-right:0px; padding-bottom:0px; line-height:0.0; width:100%;  }
#bildbuttonstext { width:93%; padding-top: 0px; margin-left:5%; margin-right:2%; padding-bottom:0px; background-color:#a1c36f; background-image:url(../bilder/pics/bgcolor.png); background-repeat:repeat;  box-shadow: 0px 3px 5px #999;  }
a.bildbuttonstext { display: block; padding-top: 16px; text-decoration: none; font-size: 24px; font-weight:normal; color: #FFFFFF; padding-bottom: 15px; text-align:center; font-weight:300; }
#bildbuttonsleer {padding-top: 0px; margin-left: 1%; margin-right:1%; width:15%; float:left; margin-bottom:20px; background-color: transparent; }
#bildbuttonsleer1 {padding-top: 0px; margin-left: 1%; margin-right:1%; width:15%; float:left; margin-bottom:20px; background-color: transparent; }
@media only screen and (max-width:1200px) {	
a.bildbuttonstext { display: block; padding-top: 26px; text-decoration: none; font-size: 46px; font-weight:normal; color: #FFFFFF; padding-bottom: 35px; text-align:center;  font-weight:300; }
#bildbuttonsleer {padding-top: 0px; margin-left: 0px; margin-right:0px; width:0px; float:left; margin-bottom:0px; background-color: transparent; }
#bildbuttonsleer1 {padding-top: 0px; margin-left: 0px; margin-right:0px; width:0px; height:0px; float:left; margin-bottom:0px; background-color: transparent; }}
a:hover.bildbuttonstext { color: #FFF;}

#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:#a1c26e; background-image:url(../bilder/pics/bgcolor.png); background-repeat:repeat; 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:80px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px; background-color:#a1c26e; background-image:url(../bilder/pics/bgcolor.png); background-repeat:repeat; 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;}}


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: #FFFFFF; font-size:22px; font-weight:300; float:left; padding-right:10px; padding-left:8px; margin-top:6px; padding-top:0px; padding-bottom:0px; }
a.leistung { color: #FFFFFF; font-size:20px; display:block; list-style-type: none; float:left; }
a:hover.leistung { color: #c3326b; }
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; height:100px; max-height: 1500px; min-width:540px; background-color:#9dc86c; box-shadow: 0px 0px 10px #666666; margin-left:0px; margin-top:50px; position:absolute; z-index:800; border-radius:10px; padding-left: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:0px; padding-top:40px; padding-bottom:5px; padding-right:0px; padding-left:0px; width:100%; text-align:center; font-size:56px; }
	a.leistung { color: #FFFFFF; text-decoration:none; display:block; font-weight:300;  padding-top:0px; padding-bottom:0px; padding-left:0px; width:100%; text-align:center; font-size:56px; 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; 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:#a1c26e;  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; }
}