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

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

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

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

/* nunito-sans-italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../bilder/fonts/nunito-sans-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/nunito-sans-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/nunito-sans-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/nunito-sans-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/nunito-sans-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/nunito-sans-v12-latin-italic.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

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

/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../bilder/fonts/nunito-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/nunito-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/nunito-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/nunito-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/nunito-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/nunito-sans-v12-latin-700.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* nunito-sans: Designed by Vernon Adams, Jacques Le Bailly, Manvel Shmavonyan, Alexei Vanyashin  */


/* 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 */
}

/* source-sans-pro-300 - latin */
@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 */
@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 */
@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: Source Sans Pro: Copyright 2010, 2012, 2014 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’.

This 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  */



body { font-family: "Nunito Sans", sans-serif; font-size:18px; color:#000; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  line-height: 1.2;  }
@media only screen and (max-width:1280px) {body { font-family: "Nunito Sans", sans-serif; font-size:36px; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  line-height: 1.2;  word-wrap: break-word; hyphens: auto; -webkit-hyphens: auto;}}
@media only screen and (max-width:1200px) {body { font-family: "Nunito Sans", sans-serif; font-size:36px; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  line-height: 1.2;  background-repeat:repeat-x; }}

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

.h1 {font-size: 1.8em; color: #bf5f78; text-align:center; line-height: 1.2; font-weight:400; }
.h1- {font-size: 1.4em; color: #bf5f78; text-align:center; line-height: 1.2; font-weight:400;}
.h2 {font-size: 1.4em; color: #bf5f78; text-align:center; line-height: 1.5; font-weight:400;}
.h2- {font-size: 1.4em; color: #bf5f78; text-align:center; line-height: 1.5; font-weight:400;}
.h3 {font-size: 1em; color: #222222; text-align:center; line-height: 1.5; font-weight:400;}
.h4 {font-size: 2em; color: #bf5f78; text-align:center; line-height: 1.5; font-weight:400;}
.h5 {font-size: 1em; color: #bf5f78; text-align:center; line-height: 1.5; font-weight:700;}
.p {font-size: 1em; color: #000; text-align:center; line-height: 1.5; font-weight:300;}
.p1 {font-size: 1em; color: #000; text-align:left; line-height: 1.5; font-weight:300;}
.p2 {font-size: 1em; color: #bf5f78; text-align:center; line-height: 1.5; font-weight:300;}
.p3 {font-size: 1em; color: #000; text-align:center; line-height: 1.5; font-weight:300;}
.p4 {font-size: 0.8em; color: #222222; text-align:center; line-height: 1.2; font-weight:300;}
.menupunkt {font-size: 0.6em; color: #cca375; text-align:center; font-weight:300; top:0px;}

@media only screen and (max-width:1200px) {
	.h1 {font-size: 1.2em; text-align:center; line-height: 1.2; font-weight:400; }
.h1- {font-size: 1.2em;text-align:center; line-height: 1.2; font-weight:400;}
.h2 {font-size: 1.2em; text-align:center; line-height: 1.5; font-weight:400;}
.h2- {font-size: 1.2em; text-align:center; line-height: 1.5; font-weight:400;}
.h3 {font-size: 1em; text-align:center; line-height: 1.5; font-weight:400;}
.h4 {font-size: 1.5em;  text-align:center; line-height: 1.5; font-weight:400;}
.h5 {font-size: 1em;text-align:center; line-height: 1.5; font-weight:700;}
.p {font-size: 1em; text-align:center; line-height: 1.5; font-weight:300;}
.p1 {font-size: 1em; text-align:center; line-height: 1.5; font-weight:300;}
.p2 {font-size: 1em; text-align:center; line-height: 1.5; font-weight:300;}
.p3 {font-size: 1em; text-align:center; line-height: 1.5; font-weight:300;}
.p4 {font-size: 0.8em; text-align:center; line-height: 1.2; font-weight:300;}
.menupunkt {font-size: 0.6em; text-align:center; font-weight:300; top:0px;}}

@media (prefers-color-scheme: dark) {
	.h1 {color: #f2bcc4;}
.h1- {color: #ccab64;}
.h2 {color: #f2bcc4;}
.h2- {color: #ebdb40;}
.h3 {color: #FFF; }
.h4 {color: #f2bcc4; }
.h5 {color: #f2bcc4;}
.p {color: #FFF; }
.p1 {color: #FFF; }
.p2 {color: #d76884; }
.p3 {color: #FFF; }
.p4 {color: #FFF; }
.menupunkt {color: #f2bcc4;}}

.wrapper { width:100%;  margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; line-height:0.0;}
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:#d48b93; color:#FFF;}

@media (prefers-color-scheme: dark) {
	a:link {text-decoration: none; color: #f2bcc4;} 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:#692b4b; color:#FFF;}}

.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; color:#333; text-align:left; float:left; text-decoration: none; background-color:#FFF; border:none; padding:10px;}



#marketabeauty {width:100%; height:207px; top:0px; margin-left:0px; margin-right:0px; text-align:center; background-color: #FFF; position:absolute; z-index:200; box-shadow: 0px 0px 6px #555; }
@media only screen and (max-width:1200px) {#marketabeauty {width:100%; height:320px; top:0px; margin-left:0px; margin-right:0px; text-align:center; background-color: #FFF; position:absolute; z-index:200; box-shadow: 0px 0px 6px #555;   }}
#marketabeautyhdh {width:600px; height:auto; top:0px; margin-left:auto; margin-right:auto; text-align:center; background-color:transparent; }
@media only screen and (max-width:1200px) {#marketabeautyhdh {text-align:center; }}

@media (prefers-color-scheme: dark) {#marketabeauty { color:#FFF; background-color:#222222; box-shadow: 0px 0px 6px #000; }}

#header {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:208px;  }
@media only screen and (max-width:1400px) {#header {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:208px; }}
@media only screen and (max-width:1200px) {#header {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:320px; }}








#urlaubinfo {width:150px; height:150px; margin-left:0px; top:250px; left:50px; position:absolute; z-index:990; background-color:#d76884; padding-top:80px; padding-left:50px; padding-right:50px; padding-bottom:30px; border-radius:50%; box-shadow: 0px 0px 6px #555;  }
.urlaubinfo {font-size: 22px; color: #000; text-align:center; line-height: 1.5; font-weight:400;}
@media only screen and (max-width:1200px) {#urlaubinfo {width:260px; height:260px; margin-left:auto; margin-right:0px; top:250px; left:auto; right:0px; position:absolute; z-index:990; background-color:#d76884; padding-top:100px; padding-left:50px; padding-right:50px; padding-bottom:10px; border-radius:50%; box-shadow: 0px 0px 6px #555;  }
.urlaubinfo {font-size: 36px; color: #000; text-align:center; line-height: 1.5; font-weight:400;}}

#header1 {width:100%; height:auto; margin-left:0px; margin-right:0px; float:left; margin-top:208px;  }
@media only screen and (max-width:1400px) {#header1 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:208px;  }}
@media only screen and (max-width:1200px) {#header1 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:316px;  }}

#header2 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:208px;  }
@media only screen and (max-width:1400px) {#header2 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:208px; }}
@media only screen and (max-width:1200px) {#header2 {width:0px; height:0px; visibility:hidden;}}

#header3 {width:80%; height:auto; margin-left:0px; margin-right:0px; margin-top:208px; padding-right:20%; background-color:#f6eceb; }
@media only screen and (max-width:1400px) {#header3 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:208px; padding-right:0px;}}
@media only screen and (max-width:1200px) {#header3 {width:0px; height:0px; visibility:hidden; padding-right:0px;}}

#header2- {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:208px;  }
@media only screen and (max-width:1400px) {#header2- {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:208px;}}
@media only screen and (max-width:1200px) {#header2- {width:0px; height:0px; visibility:hidden;}}

#header2-2 {width:0px; height:0px; visibility:hidden; }
@media only screen and (max-width:1400px) {#header2-2 {width:0px; height:0px; visibility:hidden;}}
@media only screen and (max-width:1200px) {#header2-2 {visibility: visible; width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:110px; padding:0px; margin-bottom:0px;}}

#header-2 {box-shadow: 0px 0px 6px #555; margin-bottom:30px; }
#header-3 {margin-bottom:30px; padding-top:30px; min-width:600px; width:100%; }

#header-school {width:42%; height:auto; margin-left:4%; margin-right:4%; float:left; box-shadow: 0px 0px 15px #b5b3b3; margin-bottom:0px; margin-top:70px;}
@media only screen and (max-width:1200px) {#header-school {width:90%; height:auto; margin-left:5%; margin-right:5%; float:left; box-shadow: 0px 0px 6px #d3d3d3; margin-bottom:30px; margin-top:80px;}}
.header-school {width:42%; height:auto; margin-left:4%; margin-right:4%; float:left; box-shadow: 0px 0px 15px #b5b3b3; margin-bottom:0px; margin-top:70px;}
@media only screen and (max-width:1200px) {.header-school {width:90%; height:auto; margin-left:5%; margin-right:5%; float:left; box-shadow: 0px 0px 6px #d3d3d3; margin-bottom:30px; margin-top:80px;}}
#header-school2 {width:23%; height:auto; margin-left:1%; margin-right:1%; float:left; box-shadow: 0px 0px 6px #999; margin-bottom:60px; margin-top:40px;}
@media only screen and (max-width:1200px) {#header-school2 {width:46%; height:auto; margin-left:2%; margin-right:2%; float:left; box-shadow: 0px 0px 6px #999; margin-bottom:60px; margin-top:20px;}}
#header-school-hdh {width:60%; height:auto; padding-left:20%; padding-right:20%; margin-bottom:60px; margin-top:0px; background-color:#f4f1f1; padding-top:50px; padding-bottom:120px; float:left; }
#header-school-hdh-bg {width:100%; height:100px; float:left;}
@media only screen and (max-width:1400px) {#header-school-hdh {width:80%; height:auto; padding-left:10%; padding-right:10%; margin-bottom:60px; margin-top:0px; background-color:#f4f1f1; padding-top:50px;}}
@media only screen and (max-width:1200px) {#header-school-hdh {width:100%; height:auto; margin-left:0px; margin-right:0px; float:left; margin-bottom:60px; margin-top:0px; padding-left:0px; padding-right:0px; padding-bottom:120px; margin-top:0px;}}

@media (prefers-color-scheme: dark) {#header-school-hdh  { color:#FFF; background-color:#222222; }
.header-school { box-shadow: 0px 0px 6px #000; }}


#header-lcn-beauty-school {width:100%; height:0px; margin-left:0px; margin-right:0px; margin-top:30px; }

#kosmetikcenter-galerie {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:207px;  }
@media only screen and (max-width:1200px) {#kosmetikcenter-galerie {width:100%; height:auto; margin-left:0px; margin-right:0px; float:left; margin-bottom:0px; margin-top:316px;}}

#logo {width:360px; height:207px; margin-top:0px; margin-left:auto; margin-right:auto; text-align:center;}
.logo {width:360px; height:207px}
@media only screen and (max-width:1200px) {#logo {width:440px; height:316px;  margin-top:0px; margin-left:auto; margin-right:auto; text-align:center;}
.logo {width:550px; height:316px;}}

@media (prefers-color-scheme: dark) {.logo {-webkit-filter: brightness(9.0); filter: brightness(9.0)}}

.logo-medical {width:360px; margin-top:40px;}
@media only screen and (max-width:1200px) {.logo-medical {width:440px; margin-top:50px;}}
.logo-lcn {width:200px; margin-top:20px;}
@media only screen and (max-width:1200px) {.logo-lcn {width:280px; margin-top:40px;}}
#logo-medical {width:100%; margin-bottom: 40px; text-align:center; }
#logo-lcn {width:100%; margin-bottom: 0px; text-align:center; }
.logo-mw {width:360px; margin-top:20px;}
@media only screen and (max-width:1200px) {.logo-mw {width:350px; margin-top:40px;}}
.logo-ns {width:240px; margin-top:20px;}
@media only screen and (max-width:1200px) {.logo-ns {width:300px; margin-top:40px;}}

#heilpraktiker {width:50%; height:auto; padding:5px; margin-top:40px; margin-left:auto; margin-right:auto; text-align:center; background-color:#f9e99e; border-radius:10px;}
.heilpraktiker { font-size:18px; text-align:center; line-height:normal;  color:#333;}
a:link.heilpraktiker { color:#333;}
@media only screen and (max-width:1200px) {
	#heilpraktiker {width:auto; height:auto; padding:40px; margin-top:40px; margin-left:auto; margin-right:auto; text-align:center; background-color:#f9e99e; border-radius:10px;}
	.heilpraktiker { font-size:52px; text-align:center;}}

#nisv-zertifizierungen { position:absolute; top:0px; right:220px; z-index:960; width:100px; height:100px;;}
#termine-buchen { position:absolute; top:140px; right:220px; z-index:960; width:100px; height:100px;; border-radius:50%;}
@media only screen and (max-width:1366px) {#nisv-zertifizierungen { position:absolute; top:0px; right:60px; z-index:960; width:100px; height:100px; }
#termine-buchen { position:absolute; top:140px; right:60px; z-index:960; width:100px; height:100px;  border-radius:50%;}}
@media only screen and (max-width:1200px) {#nisv-zertifizierungen { position:absolute; top:0px; right:40px; z-index:960; width:120px; height:120px;}
#termine-buchen { position:absolute; top:240px; right:40px; z-index:960; width:120px; height:120px; }}
.nisv-zertifizierungen {box-shadow: 0px 0px 6px #b7b7b7; width:100%; height:auto;}
.termine-buchen {box-shadow: 0px 0px 6px #b7b7b7; width:100%; height:auto; border-radius:50%; background-color:#ebb3b8;}
.termine-buchen- {box-shadow: 0px 0px 6px #999; width:120px; height:auto; border-radius:50%; background-color:#ebb3b8;}

.bild-rund-1 {width:360px; margin-top:20px; margin-bottom:20px; border-radius:50%; box-shadow: 0px 0px 6px #999;}
@media only screen and (max-width:1200px) {.bild-rund-1 {width:360px; margin-top:40px; margin-bottom:40px; border-radius:50%; box-shadow: 0px 0px 6px #999;}}
.bild-rund-2 {width:50%; margin-top:20px; margin-bottom:20px; border-radius:50%; box-shadow: 0px 0px 6px #999;}
@media only screen and (max-width:1200px) {.bild-rund-2 {width:60%; margin-top:40px; margin-bottom:40px; border-radius:50%; box-shadow: 0px 0px 6px #999;}}
.bild-rund-3 {width:35%; margin-top:20px; margin-bottom:20px; border-radius:50%; box-shadow: 0px 0px 6px #999;}
@media only screen and (max-width:1200px) {.bild-rund-3 {width:60%; margin-top:40px; margin-bottom:40px; border-radius:50%; box-shadow: 0px 0px 6px #999;}}
.bild-weiss {margin-top:20px; margin-bottom:20px; }
.bild-eckig {width:50%; margin-top:20px; margin-bottom:20px; box-shadow: 0px 0px 6px #999;}
@media only screen and (max-width:1200px) {.bild-eckig {width:70%; margin-top:40px; margin-bottom:40px; box-shadow: 0px 0px 6px #999;}}

.bild-schatten {width:100%; height:auto; box-shadow: 0px 0px 6px #999;}
.bild-hp {width:46%; height:auto; box-shadow: 0px 0px 6px #999; margin-left:2%; margin-right:2%;}
@media only screen and (max-width:1200px) {.bild-hp {width:70%; height:auto; box-shadow: 0px 0px 6px #999; margin-left:15%; margin-right:15%;}}

#beauty {width:100%; height:auto; margin-left:0px; margin-right:0px;}


#beauty2 {width:100%; min-height:1000px; height:auto; margin-left:0px; margin-right:0px; margin-top:300px;  }
@media only screen and (max-width:1200px) {#beauty2 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:500px; background-color: transparent; }}

#beauty1 {width:100%; height:auto; margin-left:0px; margin-right:0px;  }
@media only screen and (max-width:1366px) {#beauty1 {width:100%; min-height:1000px; height:auto; margin-left:0px; margin-right:0px; margin-top:920px;   }}
@media only screen and (max-width:1200px) {#beauty1 {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:1090px; background-color: transparent; }}

#kosmetikcenter {width:100%; height:0px; }
@media only screen and (max-width:1366px) {#kosmetikcenter {width:100%; height:0px; margin-left:0px; margin-right:0px; }}
@media only screen and (max-width:1200px) {#kosmetikcenter {width:100%; height:0px; margin-left:0px; margin-right:0px; }}

#kosmetikcenter1 {width:100%; height:auto; margin-left:0px; margin-right:0px;  }
@media only screen and (max-width:1366px) {#kosmetikcenter1 {width:100%; height:600px; margin-left:0px; margin-right:0px; margin-top:920px;  }}
@media only screen and (max-width:1200px) {#kosmetikcenter1 {width:100%; height:600px; margin-left:0px; margin-right:0px; margin-top:1090px;  }}

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

#content {padding-top:40px; min-width:600px; max-width:900px; margin-left:auto; margin-right:auto; text-align:center; height:auto;  }
@media only screen and (max-width:1200px) {#content {padding-top:60px; width:90%; margin-left:auto; margin-right:auto; text-align:center; padding-left:5%; padding-right:5%;height:auto;  }}
@media only screen and (max-width:800px) {#content {padding-top:60px; width:90%; margin-left:auto; margin-right:auto; text-align:center; padding-left:5%; padding-right:5%;height:auto; }}

#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:1200px) {#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 { visibility:hidden;}
#linie {width:100%; height:20px; float:left;}

#seminare-button- { top:1280px; right:200px; z-index:700; height:auto; position:absolute; float:right; width:200px;}
@media only screen and (max-width:1366px) {#seminare-button- { top:780px; right:200px; z-index:700; height:auto; position:absolute; float:right; width:200px;}}
.seminare-button- { width:200px; height:auto;}
@media only screen and (max-width:1200px) {#seminare-button- { top:720px; right:30px; z-index:700; height:auto; position:absolute; float:right; width:270px;}
.seminare-button- { width:270px; height:auto;}}

#seminare-button { top:550px; right:200px; z-index:700; height:auto; position:absolute; float:right; width:200px;}
@media only screen and (max-width:1366px) {#seminare-button { top:510px; right:200px; z-index:700; height:auto; position:absolute; float:right; width:200px;}}
.seminare-button { width:200px; height:auto;}
@media only screen and (max-width:1200px) {#seminare-button { top:720px; right:30px; z-index:700; height:auto; position:absolute; float:right; width:270px;}
.seminare-button { width:270px; height:auto;}}

#nisv-button { top:350px; right:120px; z-index:700; height:auto; position:absolute; float:right; width:400px;}
@media only screen and (max-width:1366px) {#nisv-button { top:290px; right:70px; z-index:700; height:auto; position:absolute; float:right; width:400px;}}
.nisv-button { width:400px; height:auto;}
@media only screen and (max-width:1200px) {#nisv-button { top:360px; right:0px; z-index:900; height:auto; position:absolute; float:right; width:500px;}
.nisv-button { width:500px; height:auto;}}

#team { padding-left: 2%; padding-right:2%; padding-top:15px; float:left; width:28%; height:680px; 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:1200px) {
	#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%; }}

#albliebe-behandlungen-bg { width:100%; float:left; margin-left:0px; margin-right:0px; padding-bottom:50px;}
#albliebe-behandlungen-button { width:31%; margin-left:1%; margin-right:1%; margin-top:20px; float: left; box-shadow: 0px 0px 6px #999;}
@media only screen and (max-width:1200px) {#albliebe-behandlungen-button { width:80%; margin-left:10%; margin-right:10%; box-shadow: 0px 0px 12px #999; margin-top:50px;}}


#ausbildung-button { top:350px; right:570px; z-index:700; height:auto; position:absolute; float:right; width:400px;}
@media only screen and (max-width:1740px) {#ausbildung-button { top:350px; right:480px; z-index:700; height:auto; position:absolute; float:right; width:400px;}}
@media only screen and (max-width:1690px) {#ausbildung-button { top:350px; right:400px; z-index:700; height:auto; position:absolute; float:right; width:400px;}}
@media only screen and (max-width:1600px) {#ausbildung-button { top:350px; right:380px; z-index:700; height:auto; position:absolute; float:right; width:400px;}}
@media only screen and (max-width:1366px) {#ausbildung-button { top:290px; right:270px; z-index:700; height:auto; position:absolute; float:right; width:400px;}}
.ausbildung-button { width:400px; height:auto;}
@media only screen and (max-width:1200px) {#ausbildung-button { top:510px; right:0px; z-index:900; height:auto; position:absolute; float:right; width:470px; padding:0px;}
.ausbildung-button { width:470px; height:auto; padding:0px;}}

.bild-ausbildung { width:400px; height:auto; box-shadow: 0px 0px 6px #999;}
@media only screen and (max-width:1200px) {.bild-ausbildung { width:100%; height:auto;}}

#nagelstudio {margin-top:20px; min-width:800px; max-width:1366px; margin-left:auto; margin-right:auto; text-align:center; }
@media only screen and (max-width:1200px) {#nagelstudio {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) {#nagelstudio {margin-top:20px; width:900px; margin-left:auto; margin-right:auto; text-align:center; }}
#kosmetik {padding-top:20px; padding-bottom:20px; width:23%; float:left; padding-left:1%; padding-right:1%;  }
@media only screen and (max-width:1200px) {#kosmetik {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; }

#ausbildung {margin-top:20px; min-width:800px; max-width:1366px; margin-left:auto; margin-right:auto; text-align:center; }
#ausbildungsbox { width:100%; min-width:800px; margin-left:0px; margin-right:0px; background-color:transparent; height:30px; float:left; }
@media only screen and (max-width:1200px) {#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%; }
@media only screen and (max-width:1200px) {#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; 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;  }

.referenz {box-shadow: 0px 0px 9px #CCC; width:48%; margin-left:1%; margin-right:1%; float:left; margin-bottom:15px; }
@media only screen and (max-width:1200px) {.referenz {box-shadow: 0px 0px 9px #CCC; width:98%; margin-left:1%; margin-right:1%; float:left; margin-bottom:15px; }}

.oeffnungszeiten {font-size: 16px; color: #666; text-align:left; line-height: 1.5; font-weight:300;}
.oeffnungszeitenr {font-size: 16px; color: #666; text-align:right; line-height: 1.5; font-weight:300;}
#oeffnungszeiten {width:10%; height:auto; float:left; padding-left:40%; padding-top:0px; margin-top:-20px;}
#oeffnungszeitenr {width:15%; height:auto; float:left; padding-right:35%; padding-top:0px; margin-top:-20px;}
@media only screen and (max-width:1200px) {
	.oeffnungszeiten {font-size: 36px; color: #666; text-align:left; line-height: 1.5; font-weight:300;}
.oeffnungszeitenr {font-size: 36px; color: #666; text-align:right; line-height: 1.5; font-weight:300;;}
#oeffnungszeiten {width:15%; height:auto; float:left; padding-left:25%;}
#oeffnungszeitenr {width:35%; height:auto; float:left; padding-right:25%;}}


#behandlung- {width:40%; height:auto; box-shadow: 0px 0px 6px silver; padding-top:40px; padding-bottom:20px; padding-left:5%; padding-right:5%; float: left;}
#behandlung {width:80%; height:auto; box-shadow: 0px 0px 6px silver; padding-top:60px; padding-bottom:20px; padding-left:10%; padding-right:10%; text-align:center;}
#behandlung-01 {width:100%; margin-left:auto; margin-right:auto;}
@media only screen and (max-width:1200px) {#behandlung-01 {width:100%; margin-left:auto; margin-right:auto; }
	#behandlung {width:80%; height:auto; box-shadow: 0px 0px 6px silver;  padding-top:120px; padding-bottom:20px; padding-left:10%; padding-right:10%; text-align:center;}}
@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:1200px) {#behandlung-02 {width:100%; margin-left:auto; margin-right:auto; }}
@media only screen and (min-width:1200px) {#behandlung-02 {width:70%; margin-left:auto; margin-right:auto; }}
#behandlung-03 {width:35%; margin-left:auto; margin-right:auto; margin-bottom:10px;}
@media only screen and (max-width:1200px) {#behandlung-03 {width:70%; margin-left:auto; margin-right:auto; margin-bottom:30px; }}
#behandlung-1 {width:50%;  float: left;}
#behandlung-2 {width:90%; height:auto; float: left; box-shadow: 0px 0px 6px silver; 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; 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:30px;  }
.hinweislcn { width:15px; height: 15px; border-radius:50%; box-shadow: 0px 0px 6px #999; margin-right:5px; }
@media only screen and (max-width:1200px) {#hinweislcn { position: absolute; z-index: 800; top:0px; width:55px; height: 55px; float: right; right:20px;  }
.hinweislcn { width:55px; height: 55px; border-radius:50%; box-shadow: 0px 0px 6px #999; }}
#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: transparent; border-radius:9px; box-shadow: 0px 0px 6px silver; margin-bottom:30px; }
@media only screen and (max-width:1200px) {#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: 60px; padding-left: 0px; width:100%; height:auto; float:left; padding-right:0px; padding-left:0px; margin-top:30px;  line-height:0.0;}
#footernavi {padding-top: 40px; padding-left: 0px; width:80%; height:auto; float:left;  padding-right:10%; padding-left:10%; background:#ebeaea; margin-top:0px; padding-bottom:50px; line-height:0.0;}
@media only screen and (max-width:1366px) {#footernavi {padding-top: 40px; padding-left: 0px; width:100%; height:auto; float:left; padding-right:0px; padding-left:0px; background:#ebeaea; margin-top:0px; padding-bottom:50px; }}
.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:"Nunito Sans", sans-serif; font-weight:300; font-size:0.9em; color:#222222; line-height:1.5; }
a.footer { font-family:"Nunito Sans", sans-serif; font-weight:300; color:#222222; line-height:1.5; text-decoration:none;}
#footerbox { width:24%; margin-top:0px;  margin-left:2%; margin-right:0px; background-color:transparent; padding-top:40px; padding-bottom:90px; margin-bottom:50px; float: left;}
#footerbox2 { width:35%; margin-top:0px;  margin-left:0%; margin-right:0px; background-color:transparent; padding-top:40px; padding-bottom:90px; margin-bottom:50px; float: left;}
#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 {padding-top: 60px; padding-left: 40px; min-width:590px; max-width:940px;  margin-left:auto; margin-right:auto; text-align:left; padding-right:0px; background-color: transparent;}
#partner {margin-top: 10px; padding-left: 20px; min-width:590px; max-width:940px;  margin-left:auto; margin-right:auto; text-align:left; padding-right:0px; background-color:#f4d3e3;}
#navigation-2 { min-height: 130px; width:100%; padding-left:0px; padding-top:10px;}
a.button-2 { display: block; width: 200px; height: 16px; padding-top: 8px; padding-left: 0px; text-decoration: none; font-size: 0.9em; font-weight:normal; color: #cca375; margin-bottom: 0px; font-family:"Nunito Sans", sans-serif; font-weight:300; line-height: 1.2; text-align:left; }
a:hover.button-2 { color: #666666;}
#navigation-3 { min-height: auto; width:auto; padding-left:5px; padding-top:0px;  background-color:transparent;}
a.button-3 { display: block; width: 90%; height: auto; padding-top: 10px; padding-left: 5%; padding-right:5%; text-decoration: none; font-size: 1.0em; font-weight:400; color: #000; margin-bottom: 0px; font-family:"Nunito Sans", sans-serif; font-weight:300; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; float:left; }
a:hover.button-3 { color: #000; background-color:#FFF;}
a:focus.button-3 { color: #000; background-color:#FFF;} 
a.button-3b { display: block; width: 90%; height: auto; padding-top: 10px; padding-left: 5%; padding-right:5%; text-decoration: none; font-size: 1.4em; font-weight:400; color: #b64b67; margin-bottom: 0px; font-family:"Source Sans Pro", sans-serif; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; float:left; }
a:hover.button-3b { color: #000; background-color:#FFF;}
a:focus.button-3b { color: #666; background-color:#FFF;} 
@media only screen and (max-width:1280px) {
	#footer {padding-top: 20px; padding-left: 0px; width:100%; height:auto; float:left; padding-right:0px; padding-left:0px; background-image:none; background-color:#ecc5cc; margin-top:30px; }
	#footernavi {padding-top: 0px; padding-left: 0px; width:100%; height:auto;; float:left; padding-right:0px; background-color:#ecc5cc; margin-top:0px; padding-bottom:100px; }
	.lcn { margin:10px; float:left; width:200px; height:200px;}
	.footer { font-family:"Nunito Sans", sans-serif; font-weight:300; font-size:1.0em; color:#222222; line-height:1.5;}
	a.footer { font-family:"Nunito Sans", sans-serif; font-weight:300; color:#222222; line-height:1.5; text-decoration:none;}
	#footerbox { width:100%; margin-top:5px;  margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; padding-bottom:0px;}
	#footerbox2 { width:100%; margin-top:5px;  margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; padding-bottom:0px;}
	#info-2 {padding-top: 0px; padding-left: 0px; width:100%; float:left; padding-right:0px; background-color:#CCC;}
	#navigation-3 { min-height: 130px; min-width:600px; width:95%; padding-left:5%; padding-top:10px;}
a.button-3 { display: block; width: 95%; height: auto; padding-top: 50px; padding-left: 5%; padding-right:0px; text-decoration: none; font-size: 48px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; font-weight:normal; color: #222222; margin-bottom: 0px; font-family:"Nunito Sans", sans-serif; font-weight:300; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; text-shadow:none;}
a:hover.button-3 { color: #666666;}
a.button-3b { display: block; width: 95%; height: auto; padding-top: 50px; padding-left: 5%; padding-right:0px; text-decoration: none; font-size: 48px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; color: #222222; margin-bottom: 0px; font-family:"Source Sans Pro", sans-serif; font-weight:400; line-height: 1.2; background-color: transparent; margin-bottom:5px; text-align:left; text-shadow:none;}
a:hover.button-3b { color: #666666;}
#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; }}

@media (prefers-color-scheme: dark) {#footer { color:#FFF; background-color:#692b4b; box-shadow: 0px 6px 6px #000; }
#footernavi { color:#FFF; background-color:#692b4b; box-shadow: 0px 6px 6px #000; }
.footer { color:#FFF; }
a.footer { color:#FFF; }
a.button-3 { color:#FFF; }
.button-3 { color:#FFF; } 
a:hover.button-3 { color:#FFF; }
a.button-3b { color:#FFF; }
.button-3b { color:#FFF; }
a:hover.button-3b { color:#FFF; }
#copyright { background-color:#222222; padding-top:80px; padding-bottom:80px;}
#partner { background-color:#222222;  }}


#navigation-top-bg {min-width:860px; max-width:2200px; width:100%; margin-top:0px; margin-right:0px; background:#ecc5cc; background:hsla(350, 70%, 78%, 0.5);  height:50px; top:207px; z-index:800; position:absolute; }
#navigation-top-bg-gelb {min-width:860px; max-width:2200px; width:100%; margin-top:0px; margin-right:0px; background:#ecc5cc; background:hsla(50, 90%, 78%, 0.9);  height:50px; top:207px; z-index:800; position:absolute;}
#navigation-top-bg- {min-width:860px; max-width:2200px; width:100%; margin-top:0px; margin-right:0px; background:#ecc5cc; background:hsla(350, 70%, 78%, 0.9); height:50px; top:320px; z-index:800; position:absolute;}
#navigation-top {margin-top:0px; width:100%; height:50px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:860px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 860px; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; min-width: 860px; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text1 { height: auto; width:320px; margin-left:auto; margin-right:auto; padding-left: 12px; padding-right: 12px; padding-top:10px; display: block; color: #222222; margin-top: 0px;  font-size: 20px; font-family: "Nunito Sans", sans-serif; line-height:1.5;  font-weight: 400; text-shadow:none; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
a.navigationspunkt-text { height: auto; width:320px; margin-left:auto; margin-right:auto; padding-left: 12px; padding-right: 12px; padding-top:10px; display: block; color: #222222; margin-top: 0px;  font-size: 18px; font-family: "Nunito Sans", sans-serif; line-height:1.5;  font-weight: 300; text-shadow:none; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
a:hover.navigationspunkt-text { color: #5b6171;} 
a:focus.navigationspunkt-text { color: #FFF;} 
a:focus.navigationspunkt-text1 { color: #FFF;} 
a:focus.button-3 { color: #000;} 



@media only screen and (max-width:1200px) {
#navigation-top-bg {min-width:860px; max-width:1200px; width:100%; top:0px; margin-top:-120px; margin-right:0px; background:#ecc5cc; background:hsla(350, 70%, 78%, 0.5); box-shadow: 0px 3px 6px #999; height:120px;  z-index:800; position: relative; padding-bottom:0px; padding-top:0px;  }
#navigation-top-bg-gelb {min-width:860px; max-width:1200px; width:100%; margin-top:0px; margin-right:0px; background:#ecc5cc; background:hsla(50, 90%, 78%, 0.9); box-shadow: 0px 3px 6px #CCC; height:120px; top:970px; z-index:800; position:relative;}
#navigation-top-bg- {min-width:860px; max-width:1200px; width:100%; margin-top:0px; margin-right:0px; background:#ecc5cc; background:hsla(350, 70%, 78%, 0.9); box-shadow: 0px 3px 6px #999; height:120px; top:320px; z-index:800; position:absolute;}
#navigation-top {margin-top:0px; width:100%; height:120px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:-120px; height: auto; max-height:0px; width:860px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:40px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 860px; width:100%; text-align: center; margin-left:0px; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; min-width: 860px; width:100%; text-align: center; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text1 { height: auto; width:auto; padding-left: 12px; padding-right: 12px; padding-top:20px; display: block; color: #222222; margin-top: 20px;  font-size: 48px; font-family: "Nunito Sans", sans-serif; line-height:1.5;  font-weight: 400; text-shadow:none;}
a.navigationspunkt-text { height: auto; width:auto; padding-left: 12px; padding-right: 12px; padding-top:20px; display: block; color: #222222; margin-top: 20px;  font-size: 48px; font-family: "Nunito Sans", sans-serif; line-height:1.5;  font-weight: 300; text-shadow:none;}
a:hover.navigationspunkt-text { color: #5b6171;} 
}

@media only screen and (max-width:1080px) {
#navigation-top-bg {min-width:600px; max-width:1080px; width:100%; margin-top:-120px; margin-right:0px; background:#ecc5cc; background:hsla(350, 70%, 75%, 0.5); box-shadow: 0px 3px 6px #999; height:120px; z-index:800; position:relative;}
#navigation-top {margin-top:0px; width:100%; height:120px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:-120px; height: auto; max-height:0px; width:600px; 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-text1 { height: auto; width:auto; padding-left: 12px; padding-right: 12px; padding-top:20px; display: block; color: #222222; margin-top: 20px;  font-size: 48px; font-family: "Nunito Sans", sans-serif; line-height:1.5;  font-weight: 400; text-shadow:none;}
a.navigationspunkt-text { height: auto; width:auto; padding-left: 12px; padding-right: 12px; padding-top:20px; display: block; color: #222222; margin-top: 20px;  font-size: 48px; font-family: "Nunito Sans", sans-serif; line-height:1.5;  font-weight: 300; text-shadow:none;}
a:hover.navigationspunkt-text { color: #5b6171;} 
}
 

	label.menu1 {display: block; width: 50px; height: 50px; margin-left: auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; }
	input#menu1 {display:block; position:absolute; left:-600px;}
	.line-1 {margin-left:15px;  height: 2px; width: 20px;   background: #FFF; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 18px; }
	.line-1:nth-child(2) { margin-top: 25px; }
	.line-1:nth-child(3) { margin-top: 32px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(7px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-7px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 6600px; width:100%; background-color:#ebeaea; box-shadow: 0px 6px 6px #999;  padding-bottom:60px; padding-top:40px; margin-top:0px; }
	
	
	[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#menu1:focus {display: block; left:-200px; width: 120px; height: 110px;  background-color:#999; }





@media only screen and (max-width:1200px) {
	label.menu1 {display: block; width: 120px; height: 120px; margin-left: auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; padding:0px; }
	input#menu1 {display:block;}
	.line-1 {margin-left:34px;  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: 8600px; width:100%; background-color:#ecc5cc; box-shadow: 0px 6px 6px #999;  margin-bottom:0px; padding-top:80px; margin-top:0px;}
	
[type="checkbox"] + label::before { display:block; content:""; position:relative;}
[type="checkbox"]:focus + label::before { width:300px; height:auto; left:-300px; top:20px; background-color:#FFF; display:block; content:"Menü öffnen"; position: absolute;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

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


}

@media only screen and (max-width:1080px) {
	label.menu1 {display: block; width: 120px; height: 120px; margin-left: auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px: }
	input#menu1 {display:block;}
	.line-1 {margin-left:34px;  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: 7600px; width:100%; background-color:#ecc5cc; box-shadow: 0px 6px 6px #999;  margin-bottom:60px; margin-top:0px; }


}

@media (prefers-color-scheme: dark) {#menu1:checked + .menu1  + #navigation-top-menu { color:#FFF; background-color:#692b4b; box-shadow: 0px 6px 6px #000; }
	a.navigationspunkt-text1 { color: #FFF;}
a.navigationspunkt-text { color: #FFF;}
a:hover.navigationspunkt-text { color: #f9e4ef;} }


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; float:left; padding-right:10px; padding-left:8px; margin-top:6px; padding-top:0px; padding-bottom:0px; font-size: 18px; font-family: "Nunito Sans", sans-serif; line-height:1.5; font-weight: 400; text-shadow:0px 1px 3px #922850; letter-spacing:-0.1; }
a.leistung { color: #FFFFFF;  display:block; list-style-type: none; float:left; font-size: 18px; font-family: "Nunito Sans", sans-serif; line-height:1.5; font-weight: 400; text-shadow:0px 1px 3px #922850; letter-spacing:-0.1; }
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; min-height:120px; max-height: 1500px; min-width:300px; background:#d76884; background:hsla(350, 70%, 78%, 0.94); box-shadow: 0px 0px 10px #666666; margin-left:0px; margin-top:44px; position:absolute; z-index:800; border-radius:2px; padding-left:30px; padding-bottom:50px;}
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: #5b6171; 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:48px; text-shadow:none; }
	a.leistung { text-decoration:none; display:block;  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; }
}


input.leistungen2 {display: none;}
nav.leistungen2 {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.leistung2 { color: #FFFFFF; float:left; padding-right:10px; padding-left:8px; margin-top:6px; padding-top:0px; padding-bottom:0px; font-size: 18px; font-family: "Nunito Sans", sans-serif; line-height:1.5; font-weight: 400; text-shadow:0px 1px 3px #922850; letter-spacing:-0.1; }
a.leistung2 { color: #FFFFFF;  display:block; list-style-type: none; float:left; font-size: 18px; font-family: "Nunito Sans", sans-serif; line-height:1.5; font-weight: 400; text-shadow:0px 1px 3px #922850; letter-spacing:-0.1; }
a:hover.leistung2 { color: #c3326b; }
label.leistung2::before {content:""; background-image:url(../bilder/pics/open.png); background-repeat:no-repeat; padding-left:20px; }
input.leistung2:checked ~ nav.leistungen2 {display:block; list-style-type: none; height:660px; max-height: 1700px; min-width:380px; background:#d76884; background:hsla(350, 70%, 78%, 0.94); box-shadow: 0px 0px 10px #666666; margin-left:300px; margin-top:44px; position:absolute; z-index:800; border-radius:2px; padding-left:30px; padding-bottom:50px;}
input.leistung2:checked ~ label.leistung2::before {content:""; background-image:url(../bilder/pics/close.png); background-repeat:no-repeat; padding-left:20px;}

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


@media only screen and (max-width:1200px) {
	input.leistungen2 {display: none; }
nav.leistungen2 {display:none; margin-top:0px; padding-top:0px; height: auto;}
	label.leistung2 { color: #5b6171; 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:48px; text-shadow:none; }
	a.leistung2 { text-decoration:none; display:block;  padding-top:0px; padding-bottom:0px; padding-left:0px; width:100%; text-align:center; font-size:56px; line-height:1.0;
	  }
	a:hover.leistung2 { color: #c3326b; }
label.leistung2::before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; padding-left:60px; }
input.leistung2:checked ~ nav.leistungen2 {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.leistung2:checked ~ label.leistung2::before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:60px;}

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


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; 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; 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; 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; 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;  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;  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;}

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

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 U-Sonic"; }
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;}

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

input.kurs {display: none;}
span.text {display:none;}
label.kursinfo3 { color:cca375; text-decoration:underline;}
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:cca375;}

input.behandlungen {display: none;}
span.beschreibung {display:none; }
label.behandlungeninfo { color:cca375; text-decoration:underline; }
label.behandlungeninfo::before {content:"mehr HC7"; }
input.behandlungeninfo:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo:checked ~ label.behandlungeninfo::before {content:"weniger"; color:cca375;}

label.behandlungeninfo2 { color:cca375; text-decoration:underline; }
label.behandlungeninfo2::before {content:"mehr Ultraschall"; }
input.behandlungeninfo2:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo2:checked ~ label.behandlungeninfo2::before {content:"weniger"; color:cca375;}

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

label.behandlungeninfo4 { color:cca375; text-decoration:underline; }
label.behandlungeninfo4::before {content:"mehr HC3 U-Sonic"; }
input.behandlungeninfo4:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo4:checked ~ label.behandlungeninfo4::before {content:"weniger"; color:cca375;}

label.behandlungeninfo5 { color:cca375; text-decoration:underline; }
label.behandlungeninfo5::before {content:"mehr Plasma-Pen"; }
input.behandlungeninfo5:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo5:checked ~ label.behandlungeninfo5::before {content:"weniger"; color:cca375;}

label.behandlungeninfo6 { color:cca375; text-decoration:underline; }
label.behandlungeninfo6::before {content:"mehr MESO"; }
input.behandlungeninfo6:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo6:checked ~ label.behandlungeninfo6::before {content:"weniger"; color:cca375;}

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

label.behandlungeninfo8 { color:cca375; text-decoration:underline; }
label.behandlungeninfo8::before {content:"mehr 4 Jahreszeiten"; }
input.behandlungeninfo8:checked ~ span.beschreibung {display:inline;}
input.behandlungeninfo8:checked ~ label.behandlungeninfo8::before {content:"weniger"; color:cca375;}

#team { padding-top: 0px; padding-left: 0px; padding-right:0px; padding-top:5px; float:left; width:24%; text-align:center; margin-right:5px; }
#mitarbeiter { padding-top: 0px; float:left; width:100%; height:100px; }

#inhalt-galerie { position:relative; min-width:860px; max-width:100%; margin-left:auto; margin-right:auto; margin-top:0px; height:auto; border:none; text-align:center; min-height:800px; float:left;  }
.header-galerie-bild2 { width:100%; height:auto; border:none; box-shadow: 0px 0px 6px #999; margin-top:30px; margin-bottom:30px; }

.header-galerie { position:relative; width:100%; margin-left:auto; margin-right:auto; margin-top:0px; height:auto; border:none; text-align:center;  }
@media only screen and (max-width:1200px) {.header-galerie { position:relative; width:100%; min-width:860px; max-width:1200px; height:auto; border:none; margin:0px; padding:0px; }}
.header-galerie-bild { width:100%; height:auto; border:none; margin-left:auto; margin-right:auto; margin-top:0px;  }
@media only screen and (max-width:1200px) {.header-galerie-bild { width:100%; height:auto; border:none; margin-left:auto; margin-right:auto; margin-top:0px; }}
.header-galerie-bild1 { width:100%; height:auto; border:none; }
@media only screen and (max-width:1200px) {.header-galerie-bild1 { width:100%; height:auto; border:none; }}
.header-galerie figure { position: absolute; display: inline-block; top:-20px; margin-left:auto; margin-right:auto; margin-top:0px; padding:0px; z-index:100; animation: wechseln 15s infinite; -webkit-animation: wechseln 15s infinite; width:100%; }
@media only screen and (max-width:1200px) {.header-galerie figure { position: absolute; display: inline-block; top:0px; margin-left:auto; margin-right:auto; margin-top:0px; padding:0px; z-index:100; animation: wechseln 15s infinite; -webkit-animation: wechseln 15s infinite; width:100%; }}
.header-galerie figure:last-of-type { position:relative;  }


@keyframes wechseln {
	0% {opacity: 0;}
	20% {opacity: 1;}
	40% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
	}


.header-galerie figure:nth-of-type(2) { animation-delay: 5s; opacity:0; }
.header-galerie figure:nth-of-type(3) { animation-delay: 10s; opacity:0; }
.header-galerie figure:nth-of-type(4) { animation-delay: 15s; opacity:0; }
.header-galerie figure:nth-of-type(5) { animation-delay: 20s; opacity:0; }
.header-galerie figure:nth-of-type(6) { animation-delay: 25s; opacity:0; }
.header-galerie figure:nth-of-type(7) { animation-delay: 30s; opacity:0; }
.header-galerie figure:nth-of-type(8) { animation-delay: 35s; opacity:0; }
.header-galerie figure:nth-of-type(9) { animation-delay: 40s; opacity:0; }
.header-galerie figure:nth-of-type(10) { animation-delay: 45s; opacity:0; }
.header-galerie figure:nth-of-type(11) { animation-delay: 50s; opacity:0; }
.header-galerie figure:nth-of-type(12) { animation-delay: 55s; opacity:0; }
.header-galerie figure:nth-of-type(13) { animation-delay: 60s; opacity:0; }
.header-galerie figure:nth-of-type(14) { animation-delay: 65s; opacity:0; }
.header-galerie figure:nth-of-type(15) { animation-delay: 70s; opacity:0; }
.header-galerie figure:nth-of-type(16) { animation-delay: 75s; opacity:0; }
.header-galerie figure:nth-of-type(17) { animation-delay: 80s; opacity:0; }
.header-galerie figure:nth-of-type(18) { animation-delay: 85s; opacity:0; }
.header-galerie figure:nth-of-type(19) { animation-delay: 90s; opacity:0; }
.header-galerie figure:nth-of-type(20) { animation-delay: 95s; opacity:0; }
.header-galerie figure:nth-of-type(21) { animation-delay: 100s; opacity:0; }
.header-galerie figure:nth-of-type(22) { animation-delay: 105s; opacity:0; }
.header-galerie figure:nth-of-type(23) { animation-delay: 115s; opacity:0; }
.header-galerie figure:nth-of-type(24) { animation-delay: 120s; opacity:0; }
.header-galerie figure:nth-of-type(25) { animation-delay: 125s; opacity:0; }
.header-galerie figure:nth-of-type(26) { animation-delay: 130s; opacity:0; }
.header-galerie figure:nth-of-type(27) { animation-delay: 135s; opacity:0; }
.header-galerie figure:nth-of-type(28) { animation-delay: 140s; opacity:0; }
.header-galerie figure:nth-of-type(29) { animation-delay: 145s; opacity:0; }
.header-galerie figure:nth-of-type(30) { animation-delay: 150s; opacity:0; }
.header-galerie figure:nth-of-type(31) { animation-delay: 155s; opacity:0; }
.header-galerie figure:nth-of-type(32) { animation-delay: 160s; opacity:0; }
.header-galerie figure:nth-of-type(33) { animation-delay: 165s; opacity:0; }
.header-galerie figure:nth-of-type(34) { animation-delay: 170s; opacity:0; }
.header-galerie figure:nth-of-type(35) { animation-delay: 175s; opacity:0; }
.header-galerie figure:nth-of-type(36) { animation-delay: 180s; opacity:0; }
.header-galerie figure:nth-of-type(37) { animation-delay: 185s; opacity:0; }
.header-galerie figure:nth-of-type(38) { animation-delay: 190s; opacity:0; }
.header-galerie figure:nth-of-type(39) { animation-delay: 200s; opacity:0; }
.header-galerie figure:nth-of-type(40) { animation-delay: 205s; opacity:0; }
.header-galerie figure:nth-of-type(41) { animation-delay: 210s; opacity:0; }
.header-galerie figure:nth-of-type(42) { animation-delay: 215s; opacity:0; }
.header-galerie figure:nth-of-type(43) { animation-delay: 220s; opacity:0; }
.header-galerie figure:nth-of-type(44) { animation-delay: 225s; opacity:0; }




#team-hdhlcn {width:31%; height:580px; padding-left:1%; padding-right:1%; box-shadow: 0px 5px 10px #CCC; padding-top:0px; float:left; border-radius:10px; }
#team-hdhlcn-bild {width:80%; min-height:200px; padding-left:10%; padding-right:10%; margin-bottom:20px; float:left; margin-top:10px; }
.team-hdhlcn-bild {border-radius:50%; margin-top:20px; }
#team-hdhlcn-text {width:80%; min-height:320px; padding-left:10%; padding-right:10%; float:left; }
@media only screen and (max-width:1280px) {#team-hdhlcn {width:60%; height:auto; padding-left:10%; padding-right:10%; margin-left:10%; margin-right:10%; box-shadow: 0px 5px 10px #A6A6A6; padding-top:0px; float:left; }
#team-hdhlcn-bild {width:90%; min-height:200px; padding-left:5%; padding-right:5%; float:left; margin-top:40px; }
#team-hdhlcn-text {width:90%; min-height:800px; padding-left:5%; padding-right:5%; float:left; }}

.weiss-abstand { margin-top:12px; margin-bottom:9px; }

#linie {width:100%; height:20px; float:left;}