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

/* The following Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at: https://openfontlicense.org  
Copyright 2018 The Manrope Project Authors (https://github.com/sharanda/manrope)
Copyright 2016 The Dancing Script Project Authors (https://github.com/googlefonts/DancingScript) */

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

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

/* manrope-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('../bilder/fonts/manrope/manrope-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../bilder/fonts/manrope/manrope-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/manrope/manrope-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../bilder/fonts/manrope/manrope-v20-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../bilder/fonts/manrope/manrope-v20-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../bilder/fonts/manrope/manrope-v20-latin-700.svg#Manrope') 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/fonts/dancing-script-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/fonts/dancing-script-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/fonts/dancing-script-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/fonts/dancing-script-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/fonts/dancing-script-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/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/fonts/fonts/dancing-script-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/fonts/dancing-script-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/fonts/dancing-script-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/fonts/dancing-script-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/fonts/dancing-script-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/fonts/dancing-script-v24-latin-600.svg#DancingScript') format('svg'); /* Legacy iOS */
}

body { font-family: "Manrope", sans-serif; font-size: 20px; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; line-height: 2.0; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none; background-color:#FFF; }
@media only screen and (max-width:1280px) {body { font-family: "Manrope", sans-serif; font-size: 42px; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;   }}

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

h1 {font-size: 1.4em;}
h2 {font-size: 1.4em; }
h3 {font-size: 1.4em; }
h4 {font-size: 1.4em; }
h5 {font-size: 1.4em; }
.p {font-size: 1em; }
.p6 {font-size: 1.5em; }

.h1-1 {font-family: "Dancing Script"; color: #cca375; text-align:center; font-weight:400; font-size:1.3em;}
.h1 {color: #cca375; text-align:center; font-weight:400;}
.h2 {color: #c13666; text-align:center; font-weight:400;}
.h3 {color: #666; text-align:center; font-weight:400;}
.h4 {color: #666; text-align:center; font-weight:700;}
.h5 {color: #cca375; text-align:center; font-weight:700;}
.p {color: #666; text-align:center; font-weight:400; }
.p1 {color: #666; text-align:left; font-weight:400;}
.p2 {color: #cca375; text-align:center; font-weight:400;}
.p3 {color: #666; text-align:center; font-weight:400;}
.p4 {color: #666; text-align:center; font-weight:400;}
.p5 {color: #666; text-align:center; font-weight:400;}
.p6 {font-family: "Dancing Script", Times, serif; color: #c13666; text-align: center; }
.p7 {color: #c13666; text-align: center; }
.oeffnungszeiten {color: #666; text-align:left; font-weight:300;}
.oeffnungszeitenr {color: #666; text-align:right; font-weight:300;}

@media (prefers-color-scheme: dark) {
	h1 {color: #cca375;}
h2 {color: #cca375;}
h3 {color: #FFF;}
h4 {color: #FFF;}
h5 {color: #cca375;}
.p {color: #FFF;}
.p1 {color: #FFF;}
.p2 {color: #FFF;}
.p3 {color: #FFF;}
.p4 {color: #FFF;}
.p5 {color: #FFF;}
.p6 {color: #FFF;}
.p7 {color: #FFF;}
.oeffnungszeiten {color: #FFF; }
.oeffnungszeitenr {color: #FFF; }} 

ul { list-style:inside; text-align:center; }

p strong{ font-weight:700; }
p bold{ font-weight:700; }
a.link2 strong{ font-weight:700; }
link2 strong{ font-weight:700; }

.menupunkt {font-size: 10px; color: #cca375; text-align:center; font-weight:300; top:0px;}

#oeffnungszeiten {width:12%; height:auto; float:left; padding-left:28%; padding-top:0px; margin-top:-20px;}
#oeffnungszeitenr {width:32%; height:auto; float:left; padding-right:28%; padding-top:0px; margin-top:-20px;}
@media only screen and (max-width:1280px) {
#oeffnungszeiten {width:15%; height:auto; float:left; padding-left:25%;}
#oeffnungszeitenr {width:35%; height:auto; float:left; padding-right:25%;}}

#oeffnungszeitenurlaub {width:150px; height:150px; margin-left:0px; top:250px; left:50px; position:absolute; z-index:300; background-color:#b23960; padding:50px; border-radius:50%; box-shadow: 0px 0px 6px #555;  }
.oeffnungszeitenurlaub {font-size: 22px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}
.oeffnungszeitenurlaub2 {font-family: "Dancing Script", Times, serif; font-size: 32px; color: #FFF; text-align: center; line-height: 1.2; }
@media only screen and (max-width:1280px) {#oeffnungszeitenurlaub {width:260px; height:260px; margin-left:0px; top:250px; left:0px; position:absolute; z-index:300; background-color:#b23960; padding:50px; border-radius:50%; box-shadow: 0px 0px 6px #555;  }
.oeffnungszeitenurlaub {font-size: 36px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}
.oeffnungszeitenurlaub2 {font-family: "Dancing Script", Times, serif; font-size: 52px; color: #FFF; text-align: center; line-height: 1.5; }}


.wrapper { min-width:900px; max-width:100%; width:100%; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; background-color:#FFF; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;  }
a:link {text-decoration: none; color: #444444;} a:visited {	text-decoration: none; color: #444444;} a:hover {text-decoration: none; color: #888888;} a:active {text-decoration: none; color: #444444;}

a:focus { background-color:#900c3f; color:#FFF;}

@media (prefers-color-scheme: dark) {
	a:link {text-decoration: none; color: #FFF;} a:visited {	text-decoration: none; color: #f2bcc4;} a:hover {text-decoration: none; color: #FFF;} a:active {text-decoration: none; color: #f2bcc4;}
a:focus { background-color:#900c3f; color:#FFF;}}

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

@media (prefers-color-scheme: dark) {
.sprung { background-color: 900c3f; color: #FFF;}
a.sprung:link {background-color: 900c3f; color: #FFF;}
a.sprung:focus {background-color: 900c3f; color: #FFF;}} 


#marketabeauty { min-width:900px; max-width:100%; width:100%; min-height:420px; height:auto; top:0px; margin-left:0px; margin-right:0px; text-align:center; background-color:transparent; position:absolute; z-index:200;   }
#marketabeautyhdh {width:900px; height:auto; top:0px; margin-left:auto; margin-right:auto; text-align:center; background-color:transparent; }

#header-mobil {min-width:0px; max-width:0%; width:0px; height:0px; margin-left:0px; margin-right:0px; top:0px; visibility:hidden;}
#header { visibility:visible; min-width:900px; max-width:100%; width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:120px; }
@media only screen and (max-width:1280px) {#header { min-width:0px; max-width:0%; width:0px; height:0px; margin-left:0px; margin-right:0px; top:0px; visibility:hidden;}}
@media only screen and (max-width:1280px) {#header-mobil { visibility:visible; min-width:900px; max-width:100%; width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:140px;   }}


#logo {width:300px; margin-top:0px; margin-left:280px; margin-right:10px; float:left;}
.logo {width:300px; height:auto; margin-left:auto; margin-right:auto;}
a.logo:focus { background-color:transparent;}
a.logo:hover { background-color:transparent;}
@media only screen and (max-width:1280px) {#logo {width:500px; margin-top:0px; margin-left:180px; margin-right:10px; float:left;}
.logo {width:500px;}}
#beauty {min-width:900px; max-width:100%; width:100%; height:auto; margin-left:0px; margin-right:0px; top:240px;  background-color: transparent; }
@media only screen and (max-width:1280px) {#beauty {min-width:900px; max-width:100%; width:100%; height:auto; margin-left:0px; margin-right:0px; top:360px;  background-color: transparent; }}
#beauty-start {min-width:900px; max-width:100%; width:100%; height:auto; margin-left:0px; margin-right:0px; top:240px; position:absolute; z-index:200; background-color: transparent; }
@media only screen and (max-width:1280px) {#beauty-start {min-width:900px; max-width:100%; width:100%; height:auto; margin-left:0px; margin-right:0px; top:360px; position:absolute; z-index:200; background-color: transparent; }}
#kosmetikcenter {min-width:900px; max-width:100%; width:100%; height:700px; margin-left:0px; margin-right:0px; top:566px; position:absolute; z-index:100; background-color: #FFF;}
@media only screen and (max-width:1280px) {#kosmetikcenter {min-width:900px; max-width:100%; width:100%; height:490px; margin-left:0px; margin-right:0px; top:685px; position:absolute; z-index:100; background-color: #FFF;}}
#kosmetikcenter-start {min-width:900px; max-width:100%; width:100%; height:700px; margin-left:0px; margin-right:0px; top:566px; position:absolute; z-index:100; background-color: #FFF;}
@media only screen and (max-width:1280px) {#kosmetikcenter-start {min-width:900px; max-width:100%; width:100%; height:490px; margin-left:0px; margin-right:0px; top:760px; position:absolute; z-index:100; background-color: #FFF;}}

#school {width:140px; height:140px; top:0px; background-color: transparent; float:right; margin-right:0px }
@media only screen and (max-width:1280px) {#school {width:170px; height:170px; top:0px; background-color: transparent; float:right; margin-right:0px;  }}

#team-m { min-width:900px; width:100%; height:auto; float:left;}
@media only screen and (max-width:1280px) {#team-m { min-width:100%; width:100%; height:auto; float:left;}}

#albliebebuttons {width:300px; height:200px; top:0px; background-color: transparent; right:200px; z-index:900; position:absolute; }
#albliebe {width:100px; height:100px; margin-top:30px; background-color: transparent; float:right; margin-right:5px;}
@media only screen and (max-width:1366px) {#albliebe {width:100px; height:auto; margin-top:30px; background-color: transparent; float:right;  }}
@media only screen and (max-width:1280px) {#albliebe {width:120px; height:auto; top:0px; background-color: transparent; float:right; margin-right:0px; }
#albliebebuttons {width:300px; height:300px; top:0px; background-color: transparent; right:5px; z-index:900; position:absolute; }}
@media only screen and (max-width:1080px) {#albliebe {width:120px; height:auto; top:0px; background-color: transparent; float:right; margin-right:0px;}}
.albliebe {font-size:8px; letter-spacing:0.5; text-align:center; color: #cca375; line-height:1.5; width:40px; height:auto; top:0px;}
@media only screen and (max-width:1280px) {.albliebe {font-size:14px; letter-spacing:0.5; text-align:center; color: #cca375; line-height:1.5; width:80px; height:auto; top:0px;}}
.termine {font-size:8px; letter-spacing:0.5; text-align:center; color: #cca375; line-height:1.5; width:40px; height:auto; top:0px;}
@media only screen and (max-width:1280px) {.termine {font-size:10px; letter-spacing:0.5; text-align:center; color: #cca375; line-height:1.5; width:80px; height:auto; top:0px;}}

#gutscheine-geschenke {width:200px; height:140px; margin-top:50px; background-color: transparent; right:20%; position:absolute; z-index:700; }
@media only screen and (max-width:1366px) {#gutscheine-geschenke {width:140px; height:140px; margin-top:50px; background-color: transparent; float:right; right:15%; position:absolute; z-index:700; }}
@media only screen and (max-width:1280px) {#gutscheine-geschenke {width:170px; height:170px; top:0px; background-color: transparent; float:right; margin-right:0px; right:60px; position:absolute; z-index:700;}}
@media only screen and (max-width:1080px) {#gutscheine-geschenke {width:170px; height:170px; top:0px; background-color: transparent; float:right; margin-right:0px; right:20px; position:absolute; z-index:700;}}
.gutscheine-geschenke {font-size:8px; letter-spacing:0.5; text-align:center; color: #cca375; line-height:1.5; width:26px; height:auto; top:0px;}
@media only screen and (max-width:1280px) {.gutscheine-geschenke {font-size:10px; letter-spacing:0.5; text-align:center; color: #cca375; line-height:1.5; width:40px; height:auto; top:0px;}}

#content {padding-top:90px; min-width:600px; max-width:900px; margin-left:auto; margin-right:auto; text-align:center; height:auto;  background-color:transparent; padding-bottom:20px; }
@media only screen and (max-width:1280px) {#content {padding-top:80px; width:94%; margin-left:auto; margin-right:auto; text-align:center; padding-left:3%; padding-right:3%; height:auto;  background-color:transparent; padding-bottom:20px;}}

#hinweis-urlaub-neu { width: 90%; background-color:#C39; padding-left:5%; padding-right:5%; padding-top:20px; padding-bottom:20px; }
.hinweis-urlaub-neu { font-size:20px; color:#FFF; text-align:center;}
@media only screen and (max-width:1080px) {.hinweis-urlaub-neu { font-size:28px; color:#FFF; text-align:center;}}

#bild { float:left; padding-right:30px;}
#bild-lcn { width:300px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px;}
@media only screen and (max-width:1280px) {#bild-lcn { width:500px; border-radius:50%; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:50px;}}
.bild-lcn { border-radius:50%; }
#background { top:1200px; z-index:100; width:100%; height:auto; position:absolute;}
#linie {width:100%; height:20px; float:left;}

.bildalbliebeshop { box-shadow:0px 1px 8px #333;}
.bildalbliebeshop-1 { box-shadow:0px 1px 8px #333; width:48%; margin-right:2%;}
.bildalbliebeshop-2 { box-shadow:0px 1px 8px #333; width:48%; margin-left:2%;}
@media only screen and (max-width:1280px) {
	.bildalbliebeshop-1 { box-shadow:0px 1px 8px #333; width:100%; margin-right:0%; margin-bottom:90px;}
.bildalbliebeshop-2 { box-shadow:0px 1px 8px #333; width:100%; margin-left:0%;}}

#weihnachtsgeschenke { background-color:#9b0f46; width:90%; padding-left:5%; padding-right:5%; padding-top:20px; padding-bottom:20px; margin-bottom:20px; }
.weihnachtsgeschenke {font-size: 28px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}
@media only screen and (max-width:1080px) {.weihnachtsgeschenke {font-size: 34px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}}
.weihnachtsgeschenke3 {font-size: 24px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}
@media only screen and (max-width:1080px) {.weihnachtsgeschenke3 {font-size: 32px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}}
.weihnachtsgeschenke2 {font-size: 18px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}
@media only screen and (max-width:1080px) {.weihnachtsgeschenke2 {font-size: 28px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}}
#onlineshop-albliebe { background-color:#FFF; width:360px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; margin-left:auto; margin-right:auto; border-radius:9px;}
@media only screen and (max-width:1080px) {#onlineshop-albliebe { background-color:#FFF; width:400px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; margin-left:auto; margin-right:auto; border-radius:9px;}}
#salon { background-color:#FFF; width:360px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; margin-left:auto; margin-right:auto; border-radius:9px;}

#nagelstudio {margin-top:0px; min-width:800px; max-width:1366px; margin-left:auto; margin-right:auto; text-align:center; line-height:0.0; }
@media only screen and (max-width:1280px) {#nagelstudio {margin-top:0px; min-width:800px; max-width:900px; margin-left:auto; margin-right:auto; text-align:center; }}
@media only screen and (min-width:1200px) {#nagelstudio {margin-top:0px; width:900px; margin-left:auto; margin-right:auto; text-align:center; }}
#kosmetik {padding-top:20px; padding-bottom:20px; width:31%; float:left; padding-left:1%; padding-right:1%; background-color:#FFF; }
@media only screen and (max-width:1280px) {#kosmetik {padding-top:20px; width:46%; float:left; padding-left:2%; padding-right:2%; padding-bottom:20px; }}
@media only screen and (max-width:1080px) {#kosmetik {padding-top:20px; width:96%; float:left; padding-left:2%; padding-right:2%; padding-bottom:20px; }}
#kosmetik2 {padding-top:20px; padding-bottom:20px; width:23%; padding-left:1%; padding-right:1%; margin-left:auto; margin-right:auto; background-color:#FFF; }
@media only screen and (max-width:1280px) {#kosmetik2 {padding-top:20px; width:46%; float:left; padding-left:2%; padding-right:2%; padding-bottom:20px; }}
#leistungen {padding-left:0px; padding-right:0px; box-shadow: 0px 3px 6px silver; }
#text {margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; padding-top:15px; }
#ueberschrift {margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; padding-top:2px; background-color: #FAF5ED; }

.kosmetik-button {margin-top:20px; margin-bottom:20px; width:31%; float:left; margin-left:1%; margin-right:1%; background-color:#FFF; box-shadow: 0px 3px 6px silver;}
@media only screen and (max-width:1280px) {.kosmetik-button {margin-top:20px; width:48%; float:left; margin-left:1%; margin-right:1%; margin-bottom:20px; }}
@media only screen and (max-width:1260px) {.kosmetik-button {margin-top:20px; width:96%; float:left; margin-left:2%; margin-right:2%; margin-bottom:20px; }}
.kosmetik-button:hover {box-shadow: 0px 3px 6px #333333;}
.kosmetik-button:focus {box-shadow: 0px 3px 6px #333333;}

#ausbildung {margin-top:20px; min-width:800px; max-width:1366px; margin-left:auto; margin-right:auto; text-align:center; }
@media only screen and (max-width:1280px) {#ausbildung {margin-top:20px; min-width:800px; max-width:900px; margin-left:auto; margin-right:auto; text-align:center; }}
@media only screen and (min-width:1200px) {#ausbildung {margin-top:20px; width:900px; margin-left:auto; margin-right:auto; text-align:center; }}
#seminare {padding-top:20px; padding-bottom:20px; width:23%; float:left; padding-left:1%; padding-right:1%; background-color:#FFF; }
@media only screen and (max-width:1280px) {#seminare {padding-top:20px; width:46%; float:left; padding-left:2%; padding-right:2%; padding-bottom:20px; }}
#workshop {padding-left:0px; padding-right:0px; box-shadow: 0px 3px 6px silver; }
#workshop-1 {width:40%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%; float: left; }
#workshop-2 {width:80%; }
#workshop-3 {width:80%; margin-left:auto; margin-right:auto; box-shadow: 2px 2px 5px silver; background-color:FFF; }

#behandlung- {width:40%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%; float: left;}
#behandlung {width:90%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:20px; padding-bottom:90px; padding-left:5%; padding-right:5%; text-align:center;}
@media only screen and (max-width:1280px) {#behandlung {width:90%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:60px; padding-bottom:140px; padding-left:5%; padding-right:5%; text-align:center;}}}
#behandlung-01 {width:100%; margin-left:auto; margin-right:auto;}
@media only screen and (max-width:1280px) {#behandlung-01 {width:100%; margin-left:auto; margin-right:auto; }}
@media only screen and (min-width:1200px) {#behandlung-01 {width:50%; float:left;}}
#behandlung-02 {width:100%; margin-left:auto; margin-right:auto;}
@media only screen and (max-width:1280px) {#behandlung-02 {width:100%; margin-left:auto; margin-right:auto; }}
@media only screen and (min-width:1200px) {#behandlung-02 {width:50%; margin-left:auto; margin-right:auto; }}

#behandlung-03 {width:100%; margin-left:auto; margin-right:auto;}
@media only screen and (max-width:1280px) {#behandlung-03 {width:100%; margin-left:auto; margin-right:auto; }}
#behandlung03 {width:60%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:20px; padding-bottom:90px; padding-left:5%; padding-right:5%; text-align:center; margin-left:15%; margin-right:15%;}
@media only screen and (max-width:1280px) {#behandlung03 {width:90%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:60px; padding-bottom:140px; padding-left:5%; padding-right:5%; text-align:center; margin-left:0px; margin-right:0px}}


#kosmetikbehandlung {width:60%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:20px; padding-bottom:30px; padding-left:5%; padding-right:5%; text-align:center; margin-left:15%; margin-right:15%;}
@media only screen and (max-width:1280px) {#kosmetikbehandlung {width:90%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:60px; padding-bottom:70px; padding-left:5%; padding-right:5%; text-align:center; margin-left:0px; margin-right:0px}}

@media (prefers-color-scheme: dark) {
#kosmetikbehandlung { box-shadow: 0px 0px 6px #000000; background-color: #333;}
} 

.kosmetikbehandlung-button- {width:60%; height:auto; box-shadow: 0px 0px 6px #928a8b; background-color: #f5d2d8; color:#59535d; padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%; text-align:center; margin-left:15%; margin-right:15%; font-size:1.3em; margin-bottom:0px; margin-top:0px; }
@media only screen and (max-width:1280px) {.kosmetikbehandlung-button {width:90%; padding-top:60px; padding-bottom:60px; padding-left:5%; padding-right:5%; margin-left:0px; margin-right:0px}}
a.kosmetikbehandlung-button- {background-color: #900c3f; color:#59535d;}
.kosmetikbehandlung-button-:hover {background-color: #edb7bd; color:#FFF;}
.kosmetikbehandlung-button-:focus {background-color: #edb7bd; color:#FFF;}

.kosmetikbehandlung-button2- {width:60%; height:auto; box-shadow: 0px 0px 6px #928a8b; background-color: #f5d2d8; color:#59535d; padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%; text-align:center; margin-left:15%; margin-right:15%; font-size:1.3em; margin-bottom:0px; margin-top:0px; }
@media only screen and (max-width:1280px) {.kosmetikbehandlung-button2 {width:90%; padding-top:60px; padding-bottom:60px; padding-left:5%; padding-right:5%; margin-left:0px; margin-right:0px}}
a.kosmetikbehandlung-button2- {background-color: #760832; color:#59535d;}
.kosmetikbehandlung-button2-:hover {background-color: #edb7bd; color:#FFF;}
.kosmetikbehandlung-button2-:focus {background-color: #edb7bd; color:#FFF;}

.kosmetikbehandlung-button {width:60%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #900c3f; color:#FFF; padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%; text-align:center; margin-left:15%; margin-right:15%; font-size:1.3em; margin-bottom:0px; margin-top:1px; }
@media only screen and (max-width:1280px) {.kosmetikbehandlung-button {width:90%; padding-top:60px; padding-bottom:60px; padding-left:5%; padding-right:5%; margin-left:0px; margin-right:0px}}
a.kosmetikbehandlung-button {background-color: #900c3f; color:#FFF;}
.kosmetikbehandlung-button:hover {background-color: #edb7bd;}
.kosmetikbehandlung-button:focus {background-color: #edb7bd;}

.kosmetikbehandlung-button2 {width:60%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #760832; color:#FFF; padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%; text-align:center; margin-left:15%; margin-right:15%; font-size:1.3em; margin-bottom:0px; margin-top:1px; }
@media only screen and (max-width:1280px) {.kosmetikbehandlung-button2 {width:90%; padding-top:60px; padding-bottom:60px; padding-left:5%; padding-right:5%; margin-left:0px; margin-right:0px}}
a.kosmetikbehandlung-button2 {background-color: #760832; color:#FFF;}
.kosmetikbehandlung-button2:hover {background-color: #edb7bd;}
.kosmetikbehandlung-button2:focus {background-color: #edb7bd;}

#pfeil-top {width:0; height:0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333; }

#behandlung-1 {width:50%;  float: left;}
#behandlung-2 {width:90%; height:auto; float: left; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%;}
#behandlung-3 {width:40%; height:auto; margin-left:auto; margin-right:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%;}

#hinweislcn { position: absolute; z-index: 800; top:3px; width:30px; height: 30px; right:230px;  }
.hinweislcn { width:20px; height: 20px; }
@media only screen and (max-width:1280px) {#hinweislcn { position: absolute; z-index: 800; top:0px; width:55px; height: 55px; float: right; right:0px;  }
.hinweislcn { width:55px; height: 55px; }}
#hinweis {padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:30px; width:480px; margin-left:auto; margin-right:auto; margin-top:30px; text-align:center; background-color: #FFFFFF; border-radius:9px; box-shadow: 0px 0px 6px silver; margin-bottom:30px; }
@media only screen and (max-width:1280px) {#hinweis {padding-top:40px; padding-bottom:40px; padding-left:10%; padding-right:10%; width:80%; margin-left:auto; margin-right:auto; margin-top:30px; text-align:center; background-color: #FFFFFF; border-radius:9px; box-shadow: 0px 0px 6px silver; }}

#footer {padding-top: 40px; width:100%; height:auto; float:left; background-image: none; background-color:#f7cacf; margin-top:30px; padding-bottom:80px; }
#footernavi {padding-top: 20px; padding-left: 0px; width:100%; height:60px; float:left; padding-right:0px; background:#e1c4a9;  margin-top:0px; }
.lcn { margin:10px; float:left; width:120px; height:120px; box-shadow: 0px 0px 6px #999; }
#lcn-beautycenter {padding-top: 0px; padding-left: 0px; padding-right:0px; padding-bottom:0px; float:left; margin-top:10px; }
.footer { font-family:"Manrope", sans-serif; font-weight:300; font-size:14px; color:#e8cc9e; line-height:1.5; text-align:center;}
a.footer { font-family:"Manrope", sans-serif; font-weight:300; color:#e8cc9e; line-height:1.5; text-decoration:none;}
#footerbox {min-width:600px; max-width:900px; margin-top:0px;  margin-left:auto; margin-right:auto; background-color:transparent; }
#info {padding-top: 0px; padding-left: 10px; width:220px; float:right; padding-right:0px; padding-bottom:20px; background-color:#f4d3e3;}
#info-2 {padding-top: 0px; padding-left: 0px; width:100%; float:left; padding-right:0px;  background-color:transparent;}
#copyright {margin-top: 80px; padding-left: 0px; width:100%; margin-left:0px; margin-right:0px; text-align:left; padding-right:0px; padding-top:70px; padding-bottom:1px; text-align:center; float:left;}
#partner {margin-top: 10px; padding-left: 20px; min-width:500px; max-width:500px;  margin-left:auto; margin-right:auto; text-align:left; padding-right:0px; background-color:#f4d3e3;}

@media (prefers-color-scheme: dark) {
#footer { background-color:#f7cacf; color: #333;}
#footernavi { background-color:#e1c4a9; color: #333;}
.footer {color:#e8cc9e;}
a.footer { color:#e8cc9e;}
} 


#navigation { width:30%; float:left; padding-left:3%;}
a.button { display: block; width: 90%; height: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 10%; padding-right:0%px; text-decoration: none; font-size: 1.1em; color: #57515b; margin-bottom: 0px; font-family:"Manrope", sans-serif; font-weight:400; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; float:left; }
a.button:hover { color: #FFF;}
a.button:focus { color: #FFF; background-color: #eaa6ae;}
a.button- { display: block; width: 90%; height: auto; padding-top: 55px; padding-bottom: 5px; padding-left: 10%; padding-right:0%px; text-decoration: none; font-size: 1.1em; color: #57515b; margin-bottom: 0px; font-family:"Manrope", sans-serif; font-weight:400; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; float:left; }
a.button-:hover { color: #FFF;}
a.button-:focus { color: #FFF; background-color: #eaa6ae;}
a.button-h1 { display: block; width: 90%; height: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 10%; padding-right:0%px; text-decoration: none; font-size: 1.7em; color: #57515b; margin-bottom: 0px; font-family:"Manrope", sans-serif; font-weight:400; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; float:left; }
a.button-h1:hover { color: #FFF;}
a.button-h1:focus { color: #FFF; background-color: #eaa6ae;}
@media only screen and (max-width:1280px) {
	#footer {padding-top: 240px; padding-left: 0px; width:100%; height:auto; float:left; }
	#footernavi {padding-top: 0px; padding-left: 0px; width:100%; height:740px; float:left; padding-right:0px; background-color:#edd6b0; margin-top:0px; }
	.lcn { margin:10px; float:left; width:200px; height:200px;}
	.footer { font-family:"Manrope", sans-serif; font-weight:300; font-size:20px; color:#59606e; line-height:1.5;}
	a.footer { font-family:"Manrope", sans-serif; font-weight:300; color:#59606e; line-height:1.5; text-decoration:none;}
	#footerbox {min-width:400px; max-width:945px; margin-top:5px;  margin-left:auto; margin-right:auto; }
	#info-2 {padding-top: 0px; padding-left: 0px; width:100%; float:left; padding-right:0px; background-color:#edd6b0;}
	#navigation { height: auto; width:94%; padding-left:3%; padding-right:3%; padding-top:10px;}
	
a.button { display: block; width: 90%; height: auto; padding-top: 20px; padding-bottom:20px; padding-left: 10%; padding-right:0%px; text-decoration: none; font-size: 1.3em; color: #57515b; margin-bottom: 0px; font-family:"Manrope", sans-serif; font-weight:400; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; float:left; }
a.button- { display: block; width: 90%; height: auto; padding-top: 20px; padding-bottom:20px; padding-left: 10%; padding-right:0%px; text-decoration: none; font-size: 1.3em; color: #57515b; margin-bottom: 0px; font-family:"Manrope", sans-serif; font-weight:400; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; float:left; }
a.button-h1 { display: block; width: 90%; height: auto; padding-top: 20px; padding-bottom:20px; padding-left: 10%; padding-right:0%px; text-decoration: none; font-size: 1.8em; color: #57515b; margin-bottom: 0px; font-family:"Manrope", sans-serif; font-weight:400; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; float:left; }

#lcn {width:100%; padding-top: 50px; padding-left: 0px; padding-right:0px; padding-bottom:50px; margin-top:10px; margin-left:auto; margin-right:auto; background-color:FFF; text-align:center; }
#lcn-beautycenter {width:100%; padding-top: 50px; padding-left: 0px; padding-right:0px; padding-bottom:50px; margin-top:10px; margin-left:auto; margin-right:auto; background-color:FFF; text-align:center; }}

@media (prefers-color-scheme: dark) {
a.button { background-color:transparent; color: #333;}
a.button- { background-color:transparent; color: #333;}
a.button-h1 { background-color:transparent; color: #333;}
a.button:hover { color: #FFF;}
a.button-:hover { color: #FFF;}
a.button-h1:hover { color: #FFF;}
a.button:focus { color: #FFF; background-color: #eaa6ae;}
a.button-:focus { color: #FFF; background-color: #eaa6ae;}
a.button-h1:focus { color: #FFF; background-color: #eaa6ae;}
} 




.navigation-mb { margin-left:20%; top:50px; text-align:left; float:left; position:absolute; z-index:500; color:#cca375;} 
@media only screen and (max-width:1366px) {.navigation-mb { margin-left:15%; top:50px; text-align:left; float:left; position:absolute; z-index:500; color:#cca375; }}
@media only screen and (max-width:1280px) {.navigation-mb { margin-left:80px; top:50px; text-align:left; float:left; position:absolute; z-index:500; }}
@media only screen and (max-width:1080px) {.navigation-mb { margin-left:0px; top:50px; text-align:left; float:left; position:absolute; z-index:500; }}
nav.topmenu { top:68px; height: auto; max-height:0; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:0px; padding-left:20px;  background-color: transparent;   }  
@media only screen and (max-width:1280px) {nav.topmenu { top:68px; height: auto; max-height:0; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:0px; padding-left:20px; padding-top:26px; padding-bottom:16px;  background-color: transparent;   } }
nav.topmenu ul li a { text-decoration:none; display:block; font-weight:300; line-height:1.0; padding-top:10px; padding-bottom:5px; padding-left:30px;  min-width:340px; padding-right:30px; list-style: outside; text-align:left; }
@media only screen and (max-width:1280px) {nav.topmenu ul li a { text-decoration:none; display:block; font-weight:300; line-height:1.0; padding-top:28px; padding-bottom:16px; padding-left:30px;  min-width:400px;  }}
nav.topmenu ul li { list-style-type: none; text-align:left; }
a.link { color: #cca375; font-size:1.2em;  }
@media only screen and (max-width:1280px) {a.link { color: #cca375; font-size:1.2em;  }}
a:hover.link { color: #444444; }
a.link2 { color: #444444; font-size:1.0em; margin-left:40px;  }
@media only screen and (max-width:1280px) {a.link2 { color: #444444; font-size:1.0em; margin-left:30px;  }}
a:hover.link2 { color: #cca375; }
a.link3 { color: #cca375; font-size:1.2em;  }
@media only screen and (max-width:1280px) {a.link3 { color: #444444; font-size:1.2em;  }}
a:hover.link3 { color: #444444; }

a.link:focus { color: #FFF; background-color:#900c3f; }
a.link2:focus { color: #FFF; background-color:#900c3f; }
a.link3:focus { color: #FFF; background-color:#900c3f; }

@media (prefers-color-scheme: dark) {
a.link:focus { color: #FFF; background-color:#900c3f; }
a.link2:focus { color: #FFF; background-color:#900c3f; }
a.link3:focus { color: #FFF; background-color:#900c3f; }
} 


#navi, #navi ul { list-style-type:none; margin-top:10px;  float:left;} 
#navi ul ul { list-style-type:none; margin-top:0px;  float:left;}
	label.menu {display: block; background:hsla(35, 90%, 100%, 0.90); background: #FFF; font-size:8px; letter-spacing:0.5; text-align:center; box-shadow: 0px; border-radius:50%; width: 68px; height: 58px; position: absolute; margin-left: 8px; padding-top:8px; }
	input#menu {display:block; position:absolute; left:-600px;}
	.line { position: absolute; left:22px; height: 3px; width: 24px; background: #5b6071; border-radius: 2px; display: block; transition: 0.5s; transform-origin: center; }
	.line:nth-child(1) { top: 24px; }
	.line:nth-child(2) { top: 32px; }
	.line:nth-child(3) { top: 40px; }
	#menu:checked + .menu .line:nth-child(1){transform: translateY(8px) rotate(-45deg);}
	#menu:checked + .menu .line:nth-child(2){opacity:0;}
	#menu:checked + .menu .line:nth-child(3){transform: translateY(-8px) rotate(45deg);}
	#menu:checked + .menu  + nav.topmenu { max-height: 3000px; max-width:680px; background-color:#FFFFFF; box-shadow: 0px 0px 7px silver; border-radius:2px; padding-top:40px; padding-bottom:80px; padding-right:30px; }	
	#menu:checked + label.menu {background: #f4f4f4; box-shadow: none; }

[type="checkbox"] + label::before { display:block; content:""; position:relative;}
[type="checkbox"]:focus + label::before { width:300px; height:auto; left:100px; top:20px; background-color:#FFF; display:block; content:"Menü öffnen Leertaste drücken"; position: absolute; line-height:1.0; font-size:18px; background-color:transparent;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

input#menu:focus {display: block; left:-1500px; width: 120px; height: 110px;  background-color:#999; }
	
	@media only screen and (max-width:1280px) {
		#navi, #navi ul { list-style-type:none; margin-top:10px;  float:left;} 
#navi ul ul { list-style-type:none; margin-top:0px;  float:left;}
	label.menu {display: block; background: #FFF; font-size:10px; color:#c7a163; text-align:center; box-shadow:  none; width: 90px; height: 78px; position: absolute; margin-left: 8px; border-radius: 50%; padding-top:12px;}
	input#menu {display:none}
	.line { position: absolute; left:24px; height: 4px; width: 40px; background: #5b6071; border-radius: 2px; display: block; transition: 0.5s; transform-origin: center; }
	.line:nth-child(1) { top: 32px; }
	.line:nth-child(2) { top: 44px; }
	.line:nth-child(3) { top: 56px; }
	#menu:checked + .menu .line:nth-child(1){transform: translateY(12px) rotate(-45deg);}
	#menu:checked + .menu .line:nth-child(2){opacity:0;}
	#menu:checked + .menu .line:nth-child(3){transform: translateY(-12px) rotate(45deg);}
	#menu:checked + .menu  + nav.topmenu {max-height: 4000px; max-width:900px; width:100%; background-color:#FFFFFF; box-shadow: 0px 0px 10px grey;  border-radius:0px; padding-right:0px;   }	
	#menu:checked + label.menu {background: #f4f4f4; box-shadow: none; }
	}	

 	@media only screen and (max-width:1080px) {
		#navi, #navi ul { list-style-type:none; margin-top:10px;  float:left;} 
#navi ul ul { list-style-type:none; margin-top:0px;  float:left;}
	label.menu {display: block; background: #FFF; font-size:10px; color:#c7a163; text-align:center; box-shadow:  none; width: 90px; height: 78px; position: absolute; margin-left: 8px; border-radius: 50%; padding-top:12px;}
	input#menu {display:none}
	.line { position: absolute; left:24px; height: 4px; width: 40px; background: #5b6071; border-radius: 2px; display: block; transition: 0.5s; transform-origin: center; }
	.line:nth-child(1) { top: 32px; }
	.line:nth-child(2) { top: 44px; }
	.line:nth-child(3) { top: 56px; }
	#menu:checked + .menu .line:nth-child(1){transform: translateY(12px) rotate(-45deg);}
	#menu:checked + .menu .line:nth-child(2){opacity:0;}
	#menu:checked + .menu .line:nth-child(3){transform: translateY(-12px) rotate(45deg);}
	#menu:checked + .menu  + nav.topmenu {max-height: 4000px; max-width:auto; width:100%; background-color:#FFFFFF; box-shadow: 0px 0px 10px grey;  border-radius:0px; padding-right:0px; padding-left:0px; margin-left:0px; margin-right:0px;   }	
	#menu:checked + label.menu {background: #f4f4f4; box-shadow: none; }
	}	

input.kurs {display: none;}
span.text {display:none;}
label.kursinfo { color:d5d5d5; text-decoration:underline; font-weight:300;}
label.kursinfo::before {content:"mehr"; }
input.kursinfo:checked ~ span.text {display:inline;}
input.kursinfo:checked ~ label.kursinfo::before {content:"weniger"; color:d5d5d5;}

input.oeffnungszeiten {display: none;}
span.text {display:none;}
label.oeffnungszeiteninfo { color:#666; text-decoration:underline; font-weight:400;}
label.oeffnungszeiteninfo::before {content:"Silberbergstr"; }
input.oeffnungszeiteninfo:checked ~ span.text {display: block;}
input.oeffnungszeiteninfo:checked ~ label.oeffnungszeiteninfo::before {content:"X"; color:#FFF; font-weight:300;}
input.oeffnungszeiteninfo:checked ~ label.oeffnungszeiteninfo { color:#FFF; text-decoration:underline; font-weight:300;}

input.oeffnungszeiten2 {display: none;}
span.text2 {display:none;}
label.oeffnungszeiten2info { color:#666; text-decoration:underline; font-weight:400;}
label.oeffnungszeiten2info::before {content:"Siemensstr"; }
input.oeffnungszeiten2info:checked ~ span.text2 {display: block;}
input.oeffnungszeiten2info:checked ~ label.oeffnungszeiten2info::before {content:"x"; color:#FFF; font-weight:300;}
input.oeffnungszeiten2info:checked ~ label.oeffnungszeiten2info { color:#FFF; text-decoration:underline; font-weight:300;}

input.kurs {display: none;}
span.text {display:none;}
label.kursinfo2 { color:d5d5d5; text-decoration:underline; font-weight:300;}
label.kursinfo2::before {content:"Level 1 mehr"; }
input.kursinfo2:checked ~ span.text {display:inline;}
input.kursinfo2:checked ~ label.kursinfo2::before {content:"weniger"; color:d5d5d5; font-weight:300;}

input.kurs {display: none;}
span.text {display:none;}
label.kursinfo3 { color:d5d5d5; text-decoration:underline; font-weight:300;}
label.kursinfo3::before {content:"weitere"; }
label.kursinfo3::before {content:"Level 2 mehr"; }
input.kursinfo3:checked ~ span.text {display:inline;}
input.kursinfo3:checked ~ label.kursinfo3::before {content:"weniger"; color:d5d5d5;}

input.behandlungen {display: none;}
span.beschreibung {display:none; }
span.beschreibung3 {display:none; }
label.behandlungeninfo { color:#cca375; text-decoration:underline; font-weight:300; }
label.behandlungeninfo::before {content:"mehr Radiofrequenz"; }
input.behandlungeninfo:checked ~ span.beschreibung3 {display:inline;}
input.behandlungeninfo:checked ~ label.behandlungeninfo::before {content:"weniger"; color:#cca375;}

span.beschreibung2 {display:none; }
label.behandlungeninfo2 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo2::before {content:"mehr Ultraschall"; }
input.behandlungeninfo2:checked ~ span.beschreibung2 {display:inline;}
input.behandlungeninfo2:checked ~ label.behandlungeninfo2::before {content:"weniger"; color:#cca375;}

label.behandlungeninfo3 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo3::before {content:"mehr Behandlungs"; }
input.behandlungeninfo3:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo3:checked ~ label.behandlungeninfo3::before {content:"weniger"; color:#cca375;}

span.beschreibung7 {display:none; }
label.behandlungeninfo4 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo4::before {content:"mehr Ultraschall"; }
input.behandlungeninfo4:checked ~ span.beschreibung7 {display:inline;}
input.behandlungeninfo4:checked ~ label.behandlungeninfo4::before {content:"weniger"; color:#cca375;}

span.beschreibung5 {display:none; }
label.behandlungeninfo5 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo5::before {content:"mehr Plasma-Pen"; }
input.behandlungeninfo5:checked ~ span.beschreibung5 {display:inline;}
input.behandlungeninfo5:checked ~ label.behandlungeninfo5::before {content:"weniger"; color:#cca375;}

span.beschreibung6 {display:none; }
label.behandlungeninfo6 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo6::before {content:"mehr MESO"; }
input.behandlungeninfo6:checked ~ span.beschreibung6 {display:inline;}
input.behandlungeninfo6:checked ~ label.behandlungeninfo6::before {content:"weniger"; color:#cca375;}

label.behandlungeninfo7 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo7::before {content:"Mikrodermabrasion"; }
input.behandlungeninfo7:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo7:checked ~ label.behandlungeninfo7::before {content:"weniger"; color:#cca375;}

span.beschreibung8 {display:none; }
label.behandlungeninfo8 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo8::before {content:"mehr 4 Jahreszeiten"; }
input.behandlungeninfo8:checked ~ span.beschreibung8 {display:inline;}
input.behandlungeninfo8:checked ~ label.behandlungeninfo8::before {content:"weniger"; color:#cca375;}

label.behandlungeninfo9 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo9::before {content:"mehr EVEN SKIN GLOW"; }
input.behandlungeninfo9:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo9:checked ~ label.behandlungeninfo9::before {content:"weniger"; color:#cca375;}

label.behandlungeninfo10 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo10::before {content:"mehr MicroNeedling"; }
input.behandlungeninfo10:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo10:checked ~ label.behandlungeninfo10::before {content:"weniger"; color:#cca375;}

span.beschreibung4 {display:none; }
label.behandlungeninfo11 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo11::before {content:"mehr SoftPlasma"; }
input.behandlungeninfo11:checked ~ span.beschreibung4 {display:inline;}
input.behandlungeninfo11:checked ~ label.behandlungeninfo11::before {content:"weniger"; color:#cca375;}

label.behandlungeninfo12 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo12::before {content:"mehr AquaFacial"; }
input.behandlungeninfo12:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo12:checked ~ label.behandlungeninfo12::before {content:"weniger"; color:#cca375;}

label.behandlungeninfo13 { color:#cca375; text-decoration:underline; font-weight:300;}
label.behandlungeninfo13::before {content:"mehr chemischePeelings"; }
input.behandlungeninfo13:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo13:checked ~ label.behandlungeninfo13::before {content:"weniger"; color:#cca375;}

#team { padding-left: 2%; padding-right:2%; padding-top:15px; float:left; width:28%; height:auto; text-align:center; }
.team { width:100%; margin-bottom:20px; border-radius:50%; }
#mitarbeiter { padding-top: 0px; float:left; width:100%; min-height:160px; }
.team-pic { width:30%; margin-left:35%; margin-right:35%; margin-bottom:20px;  border-radius:50%; }
@media only screen and (max-width:1280px) {
	#team { padding-left: 5%; padding-right:5%; padding-top:15px; float:none; width:90%; height:auto; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:90px;}
.team { width:40%; margin-left:30%; margin-right:30%; margin-bottom:50px; }
#mitarbeiter { padding-top: 0px; float:left; width:100%; min-height:220px; }
.team-pic { width:40%; margin-left:30%; margin-right:30%; margin-bottom:20px; border-radius:50%; }}


.galeriebild { width:48%; padding-bottom:15px; padding-left:1%; padding-right:1%; float:left; }
.galeriebild2 { width:31%; padding-bottom:30px; padding-left:1%; padding-right:1%; float:left; }

#standort { width:100%; height:290px; background-color:#FFF; margin-bottom:40px; }
#standorte { width:48%; height:auto; background-color:#e8cc9e; margin-left:1%; margin-right:1%; float:left; box-shadow: 0px 0px 10px grey; margin-top:0px; margin-bottom:10px; padding-top:20px; padding-bottom:20px;   }
@media only screen and (max-width:1280px) {#standorte { width:44%; height:auto; background-color:#e8cc9e; margin-left:1%; margin-right:1%; float:left; box-shadow: 0px 0px 10px grey; margin-top:0px; margin-bottom:10px; padding-top:20px; padding-bottom:20px; padding-left:2%; padding-right:2%; }}

#standorte-bild { width:48%; height:auto; background-color:#dbbe8e; margin-left:1%; margin-right:1%; float:left; box-shadow: 0px 0px 10px grey; margin-top:10px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;   }
@media only screen and (max-width:1280px) {#standorte-bild { width:48%; height:auto; background-color:#cca375; margin-left:1%; margin-right:1%; float:left; box-shadow: 0px 0px 10px grey; margin-top:10px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }}

.standorte {font-size: 24px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}
a.standorte {font-size: 24px; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}
@media only screen and (max-width:1280px) {.standorte {font-size: 38px; color: #FFF; text-align:center; line-height: 1.0; font-weight:400;}}
.standorte2 {font-size: 16px; color: #FFF; text-align:center; line-height: 1.5; font-weight:300; text-decoration:underline;}
@media only screen and (max-width:1280px) {.standorte2 {font-size: 24px; color: #FFF; text-align:center; line-height: 1.5; font-weight:300; text-decoration:underline;}}
#standorthdh { width:100%; height:auto; background-color:#e8cc9e; margin-bottom:0px;  padding-top:20px; padding-bottom:20px; }
@media only screen and (max-width:1280px) {#standorthdh { width:100%; height:auto; background-color:#e8cc9e; margin-bottom:0px;  padding-top:50px; padding-bottom:50px; }}
#ort {width:48%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:0px; padding-bottom:20px; text-align:center; margin-left:1%; margin-right:1%; float:left;}
@media only screen and (max-width:1280px) {#ort {width:98%; height:auto; box-shadow: 0px 0px 6px silver; background-color: #FFF; padding-top:0px; padding-bottom:60px; text-align:center; margin-left:1%; margin-right:1%;}}
.standorte3 {font-size: 16px; color: #FFF; text-align:center; line-height: 1.2; font-weight:300;}
@media only screen and (max-width:1280px) {.standorte3 {font-size: 28px; color: #FFF; text-align:center; line-height: 1.2; font-weight:300; }}



input.behandlung {display: none;}
span.beschreibung {display:none; }
label.behandlung1 { color:#d7b746; text-decoration:none; font-weight:300; font-size:18px; letter-spacing:1.5; width:auto; margin-left:0px; height:auto; padding:40px; margin-bottom:0px; margin-top:10px; box-shadow: 0px 1px 10px #A6A6A6; background-color:#FFF; border-radius:5px; float:left;}
@media only screen and (max-width:1280px) {label.raum1 { color:#d7b746; text-decoration:none; font-weight:300; font-size:36px; letter-spacing:1.5; width:auto; margin-left:0px; height:auto; padding:60px; margin-bottom:0px; margin-top:40px; box-shadow: 0px 1px 10px #A6A6A6; background-color:#FFF; border-radius:5px; float:left;}}
label.behandlung1::before {content:">>  INFORMATIONEN";  }
input.behandlung1:checked ~ span.beschreibung {display:inline;}
input.behandlung1:checked ~ label.behandlung1::before {content:"X"; color:#cca375; text-decoration:none;}

label.behandlung2 { color:#d7b746; text-decoration:none; font-weight:300; font-size:18px; letter-spacing:1.5; width:auto; margin-left:0px; height:auto; padding:40px; margin-bottom:0px; margin-top:10px; box-shadow: 0px 1px 10px #A6A6A6; background-color:#FFF; border-radius:5px; float:left;}
@media only screen and (max-width:1280px) {label.behandlung2 { color:#d7b746; text-decoration:none; font-weight:300; font-size:36px; letter-spacing:1.5; width:auto; margin-left:0px; height:auto; padding:60px; margin-bottom:0px; margin-top:40px; box-shadow: 0px 1px 10px #A6A6A6; background-color:#FFF; border-radius:5px; float:left;}}
label.behandlung2::before {content:">>   INFORMATIONEN"; }
input.behandlung2:checked ~ span.beschreibung {display:inline;}
input.behandlung2:checked ~ label.behandlung2::before {content:"X"; color:#cca375;}

label.behandlung3 { color:#d7b746; text-decoration:none; font-weight:300; font-size:18px; letter-spacing:1.5; width:auto; margin-left:0px; height:auto; padding:40px; margin-bottom:0px; margin-top:10px; box-shadow: 0px 1px 10px #A6A6A6; background-color:#FFF; border-radius:5px; float:left;}
@media only screen and (max-width:1280px) {label.behandlung3 { color:#d7b746; text-decoration:none; font-weight:300; font-size:36px; letter-spacing:1.5; width:auto; margin-left:0px; height:auto; padding:60px; margin-bottom:0px; margin-top:40px; box-shadow: 0px 1px 10px #A6A6A6; background-color:#FFF; border-radius:5px; float:left;}}
label.behandlung3::before {content:">> INFORMATIONEN"; }
input.behandlung3:checked ~ span.beschreibung {display:inline;}
input.behandlung3:checked ~ label.behandlung3::before {content:"X"; color:#cca375;}

.referenz {box-shadow: 0px 0px 9px #CCC; width:31%; margin-left:1%; margin-right:1%; float:left; margin-bottom:15px; }