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

/* corinthia-regular - latin */
/* Copyright 2010 The Corinthia Project Authors (https://github.com/googlefonts/corinthia) */
@font-face {
  font-display: swap; 
  font-family: 'Corinthia';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/fonts/corinthia/corinthia-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../bilder/fonts/corinthia/corinthia-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/corinthia/corinthia-v11-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../bilder/fonts/corinthia/corinthia-v11-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../bilder/fonts/corinthia/corinthia-v11-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/corinthia/corinthia-v11-latin-regular.svg#Corinthia') format('svg'); /* Legacy iOS */
}

/* roboto-flex-regular - latin */
/* Copyright 2017 The Roboto Flex Project Authors (https://github.com/TypeNetwork/Roboto-Flex) */
@font-face {
  font-display: swap; 
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/fonts/roboto-flex/roboto-flex-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../bilder/fonts/roboto-flex/roboto-flex-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/roboto-flex/roboto-flex-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../bilder/fonts/roboto-flex/roboto-flex-v26-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../bilder/fonts/roboto-flex/roboto-flex-v26-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/roboto-flex/roboto-flex-v26-latin-regular.svg#RobotoFlex') format('svg'); /* Legacy iOS */
}

  

body{font-family: 'Roboto Flex', Arial, Helvetica, sans-serif; font-size: 16px; text-align:center; color: #333; background-image:url(../bilder/georgias-beauty-diamonds_heidenheim.jpg); background-position:center; background-position:top; background-repeat:no-repeat; margin-top:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;  }
@media only screen and (max-width:1200px) {body{font-family: 'Roboto Flex', Arial, Helvetica, sans-serif; font-size: 36px; text-align:center; color: #333; background-image: none; margin-top:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;  }}
.h1 {margin-top:0px; font-size: 20px; color: #97355e; text-align:left; line-height: 1.5;}
@media only screen and (max-width:1200px) {.h1 {margin-top:0px; font-size: 46px; color: #97355e; text-align:left; line-height: 1.5; font-weight:300;} }
.h2 { margin-top:0px; font-size: 18px; color: #97355e; text-align:left; line-height: 1.5;font-weight:300;}
@media only screen and (max-width:1200px) {.h2 {margin-top:0px; font-size: 42px; color: #97355e; text-align:left; line-height: 1.5;font-weight:300;} }

.h3 { font-family: 'Corinthia'; margin-top:0px; font-size: 48px; color: #97355e; text-align:left; line-height: 1.0;}
@media only screen and (max-width:1200px) {.h3 { font-family: 'Corinthia'; margin-top:0px; font-size: 88px; color: #97355e; text-align:left; line-height: 1.0;} }

.h4 { font-family: 'Corinthia'; margin-top:0px; font-size: 48px; color: #FFF; text-align:center; line-height: 1.0;}
@media only screen and (max-width:1200px) {.h4 { font-family: 'Corinthia'; margin-top:0px; font-size: 88px; color: #FFF; text-align:center; line-height: 1.5;} }

.p {margin-top:0px; font-size: 16px; color: #333; text-align:left; line-height: 1.5;}
@media only screen and (max-width:1200px) {.p {margin-top:0px; font-size: 36px; color: #333; text-align:left; line-height: 1.5;} }
.p1 {margin-top:0px; font-size: 16px; color: #97355e; text-align:left; line-height: 1.5; font-weight:400;}
@media only screen and (max-width:1200px) {.p1 {margin-top:0px; font-size: 36px; color: #97355e; text-align:left; line-height: 1.5; font-weight:400;} }
.p7 {margin-top:0px; font-size: 16px; color: #97355e; text-align:left; line-height: 1.5; font-weight:300;}
@media only screen and (max-width:1200px) {.p7 {margin-top:0px; font-size: 36px; color: #97355e; text-align:left; line-height: 1.5; font-weight:300;} }
.p12 {margin-top:0px; font-size: 16px; color: #97355e; text-align:center; line-height: 1.5; font-weight:300;}
@media only screen and (max-width:1200px) {.p12 {margin-top:0px; font-size: 36px; color: #97355e; text-align:center; line-height: 1.5; font-weight:300;} }
.h12 {margin-top:0px; font-size: 22px; color: #97355e; text-align:center; line-height: 1.5; font-weight:300;}
@media only screen and (max-width:1200px) {.h12 {margin-top:0px; font-size: 38px; color: #97355e; text-align:center; line-height: 1.5; font-weight:300;} }
.p2 {margin-top:0px; font-size: 16px; color: #333; text-align:center; line-height: 1.5; font-weight:300;}
@media only screen and (max-width:1200px) {.p2 {margin-top:0px; font-size: 34px; color: #333; text-align:center; line-height: 1.5; font-weight:300;} }
.p3 {margin-top:0px; font-size: 16px; color: #333; text-align:left; line-height: 1.5; font-weight:300;}
@media only screen and (max-width:1200px) {.p3 {margin-top:0px; font-size: 34px; color: #333; text-align:left; line-height: 1.5; font-weight:300;}}
.p4 {margin-top:0px; font-size: 16px; color: #333; text-align:left; line-height: 1.5; margin-left:10px; font-weight:300;}
@media only screen and (max-width:1200px) {.p4 {margin-top:0px; font-size: 34px; color: #333; text-align:left; line-height: 1.5; margin-left:10px; font-weight:300;} }
.p5 {margin-top:0px; font-size: 16px; color:#97355e; text-align:left; line-height: 1.5; font-weight:400; text-decoration:underline;}
@media only screen and (max-width:1200px) {.p5 {margin-top:0px; font-size: 36px; color:#97355e; text-align:left; line-height: 1.5; font-weight:400; text-decoration:underline;} }
.p6 {margin-top:0px; font-size: 22px; color: #97355e; text-align:left; line-height: 2.5;font-weight:300;}
@media only screen and (max-width:1200px) {.p6 {margin-top:0px; font-size: 36px; color: #97355e; text-align:left; line-height: 2.5;font-weight:300;} }
.p001 {margin-top:0px; font-size: 22px; color: #97355e; text-align:center; line-height: 1.5;font-weight:300;}
@media only screen and (max-width:1200px) {.p001 {margin-top:0px; font-size: 36px; color: #97355e; text-align:center; line-height: 1.5;font-weight:300;} }
.link { min-width: 40px; font-size: 14px; }
.p8 {margin-top:0px; font-size: 16px; color:#999; text-align:left; line-height: 1.5;font-weight:300; }
@media only screen and (max-width:1200px) {.p8 {margin-top:0px; font-size: 28px; color:#999; text-align:left; line-height: 1.5;font-weight:300; } }
.p9 {margin-top:0px; font-size: 16px; color: #000; text-align:left; line-height: 1.5;font-weight:300;}
@media only screen and (max-width:1200px) {.p9 {margin-top:0px; font-size: 36px; color: #000; text-align:left; line-height: 1.5;font-weight:300;} }
.p11 {margin-top:0px; font-size: 16px; color: #97355e; text-align:left; line-height: 1.5;font-weight:300;}
@media only screen and (max-width:1200px) {.p11 {margin-top:0px; font-size: 36px; color: #97355e; text-align:left; line-height: 1.5;font-weight:300;} }
.pfooter {margin-top:0px; font-size: 16px; color: #333; text-align:left; line-height: 1.5;font-weight:300;}
@media only screen and (max-width:1200px) {.pfooter {margin-top:0px; font-size: 24px; color: #333; text-align:left; line-height: 1.5;font-weight:300;} }
.link1 { width: 93px; font-size: 16px; }
.link2 { width: 150px; font-size: 16px;}
.hg { background-repeat: repeat-y;  }
.bg { background-image:url(../bilder/hg.jpg); background-repeat:no-repeat; background-position:top; }
.bild { margin-top:0px; margin-bottom:0px; vertical-align:top; vertical-align:middle;  }
a:link {text-decoration: none; color: #97355e;} a:visited {	text-decoration: none; color: #97355e;} a:hover {text-decoration: none; color: #333;} a:active {text-decoration: none;color: #97355e; }

.wrapper {margin-top:46px; margin-left:auto; margin-right:auto; margin-bottom:0px; width:827px;   -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;   }
@media only screen and (max-width:1200px) {.wrapper {margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; width:100%; background-image: none; background-repeat:no-repeat;   -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;   }}
#georgiasbeautydiamonds {width:827px; background-image: none; background-repeat:repeat-y; background-color:#FFF; box-shadow: 0px 0px 10px silver;}	
@media only screen and (max-width:1200px) {#georgiasbeautydiamonds {width:100%; margin-left:0px; margin-right:0px; background-image: none; background-color:#FFF; box-shadow: none; margin-top:110px;}	 }
#logo {padding-top:0px; height:138px; width:298px; text-align:center; margin-left:auto; margin-right:auto; }	
@media only screen and (max-width:1200px) {#logo {height:200px; width:500px; text-align:center; margin-left:auto; margin-right:auto; z-index:800; padding-top:20px; background-color:#000; }}
#logobanner {height:138px; width:100%; min-width:800px; max-width:2000px; margin-left:0px; margin-right:0px; text-align:center; background-image:url(../bilder/hg.jpg); background-repeat:no-repeat; }	
@media only screen and (max-width:1200px) {#logobanner {height:240px; width:100%; min-width:800px; max-width:2000px; margin-left:0px; margin-right:0px; text-align:center; background-image:url(../bilder/pics/strass.png); background-repeat:no-repeat; background-color:transparent;  padding-top:30px; }	 }
#header {margin-top:0px; height:399px; width:826px;  text-align:center; }
@media only screen and (max-width:1200px) {#header {margin-top:0px; height:auto; width:100%; text-align:center; } }
#content {margin-top:0px; width:80%; padding-right:10%; padding-left:10%; float:left; text-align:left; background-color:#FFF; box-shadow: 0px 0px 6px #CCC; }
@media only screen and (max-width:1200px) {#content {margin-top:0px; width:92%; padding-right:4%; padding-left:4%; float:left; text-align:left; box-shadow:none; } }
@media only screen and (max-width:1200px) {#content--- {margin-top:0px; width:76%; padding-right:1%; padding-left:1%; float:left; text-align:left; } }
#infos { visibility:hidden; display:none;}
@media only screen and (max-width:1200px) {#infos { visibility:hidden; display:none;} }
@media only screen and (max-width:1200px) {#infos--- {margin-top:0px; width:22%; padding-left:0px; float:left; text-align:left;} }
#buttons { visibility:hidden; height:0px; width:0px; display:none; margin:0px; padding:0px;}
@media only screen and (max-width:1200px) {#buttons { visibility:hidden; height:0px; width:0px;}	 }
#linie {margin-top:0px; width:100%; height:10px; float:left; }
@media only screen and (max-width:1200px) {#linie { visibility:hidden; display:none; }	 }


#galerie { text-align:left; width:530px;}
@media only screen and (max-width:1200px) {#galerie { text-align:left; width:95%;}}

#special { text-align:center; width:250px; background-color:#FFF; box-shadow: 0px 0px 10px silver; padding-left:0; margin-right:25px; float:left;}
#special2 { text-align:center; width:250px; background-color:#FFF; box-shadow: 0px 0px 10px silver; padding-left:0; float:left;}
#specials { text-align:center; width:535px; height:25px; background-color:#FFF; float:left; margin-top:3px;}
#specials2 { text-align:center; width:535px; height:55px; background-color:#FFF; float:left; margin-top:3px;}
#special-angebote { text-align:left; width:90%; height: auto; background-color:#FFF; box-shadow: 0px 0px 10px silver;  padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:20px;}

#aktuellerhinweis { text-align:center; width:80%; background-color:#97355e; box-shadow: 0px 0px 10px silver; padding-left:10%; padding-right:10%; padding-top:40px; padding-bottom:40px; float:left;}
.aktuellerhinweis { text-align:center; font-size: 18px; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
@media only screen and (max-width:1200px) {.aktuellerhinweis { text-align:center; font-size: 38px; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}}

#kosmetik-angebote { text-align:left; width:90%; height: auto; background-color:#FFF; box-shadow: 0px 0px 10px silver;  padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:20px;}
@media only screen and (max-width:1200px) {#kosmetik-angebote { text-align:left; width:90%; height: auto; background-color:#FFF; box-shadow: 0px 0px 10px silver;  padding-left:5%; padding-right:5%; padding-top:80px; padding-bottom:30px;}}

#inhalt-1 {margin-top:0px; width:255px; padding-right:30px; float:left; text-align:left; }
#inhalt-2 {margin-top:0px; width:255px; padding-right:0px; float:left; text-align:left; }

#inhalt-3 {margin-top:0px; width:172px; padding-right:20px; float:left; text-align:left; }
@media only screen and (max-width:1200px) {#inhalt-3 {margin-top:0px; width:23%; padding-right:2%; float:left; text-align:left; }}
#inhalt-4 {margin-top:0px; width:335px; padding-right:0px; float:left; text-align:left; }
@media only screen and (max-width:1200px) {#inhalt-4 {margin-top:0px; width:75%; padding-right:0px; float:left; text-align:left; } }

#georgias {margin-top:0px; width:30%; padding-left:1%; padding-right:1%; float:left; text-align:left;}
#wellness {margin-top:0px; width:30%; padding-left:1%; padding-right:1%; float:left; text-align:left;}
#kosmetik {margin-top:0px; width:30%; padding-left:1%; padding-right:1%; float:left; text-align:left;}

#pmu { width:30%; float:right; text-align:right;}
#pmu- { width:40%; float:right; text-align:right; padding-left:10px;}
	  




#navigation-top-bg {min-width:860px; max-width:2000px; width:100%; margin-top:0px; margin-right:0px; background-color: transparent; height:50px; padding-top:0px; position:absolute; z-index:200; }
#navigation-top {margin-top:0px; width:740px; height:39px; padding-top:7px; margin-left:auto; margin-right:auto; background-color: transparent; }
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: 70px; width:860px; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:auto; }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 20px; text-align: center; margin-left:0px; padding-left:10px; padding-right:10px; }
#navigationspunkt:hover { height: auto; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; min-width: 200px; text-align: left; margin-left:0px; padding-top:10px; padding-button:10px; }
#navigationspunkt2:hover { height: auto; }
a.navigation-gb-link1 { height: 32px;  padding-top:8px; display: block; color: #97355e; font-size:16px; margin-top: 0px;  font-family: "Roboto", sans-serif; font-weight: 300;}
a:hover.navigation-gb-link1 { color: #000;}

@media only screen and (max-width:1200px) {
#navigation-top-bg {min-width:860px; max-width:1200px; width:100%; top:262px; margin-right:0px; background-color:#000;  height:120px; position:absolute; z-index:200;  box-shadow: 0px 0px 10px #000; }
#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:0px; 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: left; margin-left:0px; padding-left:80px; }
#navigationspunkt:hover { height: auto; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; min-width: 860px; width:100%; text-align: left; margin-left:0px; padding-left:100px; padding-top:40px; padding-button:40px;}
#navigationspunkt2:hover { height: auto; }
a.navigation-gb-link1 { height: auto; padding-top:20px; display: block; color: #FFF; margin-top: 20px;  font-size: 52px; font-family: "Roboto", sans-serif; font-weight: 300;}
a:hover.navigation-gb-link1 { color: #000;} 
}


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

@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: }
	input#menu1 {display:none}
	.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: 2000px; min-width:860px; width:100%; background-color:#97355e; box-shadow: 0px 0px 10px #666;  margin-bottom:60px; }

}

input.produkte {display: none;}
nav.produkte {margin-top:32px; height: auto; max-height:0; width:auto; max-width:0; overflow: hidden; transition: all 0.2s; margin-left:0px; padding-left:0px; padding-top:22px; padding-bottom:10px; position:absolute; z-index:500; background-color: transparent; }
label.produkt { color: #97355e; font-size:16px; font-family:"Roboto", sans-serif; font-weight:300; line-height:1.0; float:left; padding-right:10px; padding-left:8px; margin-top:10px; padding-top:0px; padding-bottom:0px; }
a.produkt { color: #97355e; font-size:16px; display:block; list-style-type: none; float:left; }
a:hover.produkt { color: #000; }
label.produkt::before {content:""; background-image:url(../bilder/pics/open.png); background-repeat:no-repeat; padding-left:20px; }
input.produkt:checked ~ nav.produkte {display:block; list-style-type: none; max-height: 1500px; min-width:240px; background-image:url(../bilder/navi.png); background-repeat:repeat;  margin-left:85px; position:absolute; z-index:900; padding-left:20px; padding-right:20px; padding-bottom:50px;}
input.produkt:checked ~ label.produkt::before {content:""; background-image:url(../bilder/pics/close.png); background-repeat:no-repeat; padding-left:20px;}
a.navigation-gb-link2 { color: #97355e; font-size:18px; font-family: "Roboto", sans-serif; font-weight: 300; line-height:1.0; margin-left:20px; }
a:hover.navigation-gb-link2 { color: #000; }
nav.produkte li a { list-style-type: none; display:block; list-style-type: none; float:left;}

@media only screen and (max-width:1200px) {
	input.produkte {display: none; }
nav.produkte {display:none; margin-top:0px; padding-top:0px;}
	label.produkt { color: #FFF; text-decoration:none; display:block; font-family:"Roboto", sans-serif; font-weight:300; line-height:1.0; margin-top:0px; padding-top:40px; padding-bottom:0px; padding-right:0px; padding-left:80px; width:800px; text-align:left; font-size:52px; }
	a.produkt { color: #FFF; text-decoration:none; display:block; font-family:"Roboto", sans-serif; font-weight:300; line-height:1.0; padding-top:20px; padding-bottom:0px; padding-left:0px; width:800px; text-align:left;font-size:46px;  }
	a:hover.produkt { color: #000; }
label.produkt::before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; padding-left:60px; }
input.produkt:checked ~ nav.produkte {display:inline; min-width:800px; padding-bottom:20px; position:inherit; box-shadow: none; margin-left:0px; background-image:none; background-color:#97355e; float:left; }
input.produkt:checked ~ label.produkt::before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:60px;}
a.navigation-gb-link2 { color: #FFF; font-size:52px; padding-left:0px; margin-left:0px; }
a:hover.navigation-gb-link2 { color: #000; }
nav.produkte ul li { list-style-type: none; }
}