.fgaccordion, .xfgaccordion {  font-weight:bold !important;  background-color: #eee;  cursor: pointer;  padding: 8px;  display:block;  width:100%;  border: none;  text-align: left;  outline: none;  transition: 0.4s;} .fgaccordion_active, .fgaccordion:hover {  background-color: #ccc;} .fgaccordion:after {  content: '-';  color: #777;  font-weight: bold;  float: right;  margin-left: 8px;  font-size: 24px;} .fgaccordion_active:after {  content: "⨯";} .fgpanel {  padding: 0 8px;  display:block;  width:100%;  background-color: white;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;} .fgpanel_nopadding {  padding: 0px;} .fgpanel_closed { display:none;} @font-face {    font-family: 'LatoWeb';    src: url('../fonts/Lato-Regular.eot');     src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),          url('../fonts/Lato-Regular.woff2') format('woff2'),          url('../fonts/Lato-Regular.woff') format('woff'),          url('../fonts/Lato-Regular.ttf') format('truetype');    font-style: normal;    font-weight: normal;} @font-face {    font-family: 'WorkSans';    src: url('../fonts/WorkSans-Regular.eot');     src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),          url('../fonts/WorkSans-Regular.woff2') format('woff2'),          url('../fonts/WorkSans-Regular.woff') format('woff'),          url('../fonts/WorkSans-Regular.ttf') format('truetype');    font-style: normal;    font-weight: normal;} @font-face {    font-family: 'WorkSansBold';    src: url('../fonts/WorkSans-Bold.eot');     src: url('../fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),          url('../fonts/WorkSans-Bold.woff2') format('woff2'),          url('../fonts/WorkSans-Bold.woff') format('woff'),          url('../fonts/WorkSans-Bold.ttf') format('truetype');    font-style: normal;    font-weight: normal;} @font-face {    font-family: 'OpenSans';    src: url('../fonts/OpenSans-Light.eot');     src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),          url('../fonts/OpenSans-Light.woff2') format('woff2'),          url('../fonts/OpenSans-Light.woff') format('woff'),          url('../fonts/OpenSans-Light.ttf') format('truetype');    font-style: normal;    font-weight: normal;} @font-face {    font-family: 'OpenSansBold';    src: url('../fonts/OpenSans-Bold.eot');     src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),          url('../fonts/OpenSans-Bold.woff2') format('woff2'),          url('../fonts/OpenSans-Bold.woff') format('woff'),          url('../fonts/OpenSans-Bold.ttf') format('truetype');    font-style: normal;    font-weight: normal;} @font-face {  font-family: 'Fira Sans';  src: url('../fonts/FiraSans-Regular.ttf');  src: local('FiraSans-Regular'), url('../fonts/FiraSans-Regular.ttf') format('truetype');} @font-face {    font-family: 'PoppinsLight';    src: url('../fonts/Poppins-Light.ttf');     src: local('../fonts/Poppins-ight.ttf') format('truetype');    font-style: normal;    font-weight: 300;} @font-face {    font-family: 'PoppinsRegular';    src: url('../fonts/Poppins-Regular.ttf');     src: local('../fonts/Poppins-Regular.ttf') format('truetype');    font-style: normal;    font-weight: 400;} .bg-farbe1 {background: #222222; } .bg-farbe1 * {color: #ffffff !important; } .bg-farbe1 .container_texte * {color: #ffffff !important; border-color: #dedede !important; } .bg-farbe2 {background: #c4c4c4; } .bg-farbe2 .container_texte * {border-color: #dedede !important; } .bg-farbe3 {background: #f1f1f1; } .bg-farbe3 .container_texte * {border-color: #dedede !important; } .bg-farbe4 {background: #ffffff; } .bg-farbe5 {background: #444444; } .bg-farbe5 * {color: #ffffff !important; } .bg-farbe5 .container_texte * {border-color: #dedede !important; } .bg-farbe5 .item_textdiv {background: transparent; } .bg-farbe6 {background: #919191; } .bg-farbe6 .container_texte * {border-color: #dedede !important; } .bg-farbe6 .item_textdiv {background: transparent; } .bg-farbe7 {background: #dedede; } .bg-farbe7 .container_texte * {border-color: #dedede !important; } .bg-farbe8 {background: #333333; } .bg-farbe8 * {color: #ffffff !important; } .bg-farbe8 .container_texte * {border-color: #dedede !important; } .bg-farbe8 .item_textdiv {background: transparent; } .bg-farbe9 {background: #333333; } .bg-farbe1, .bg-farbe2, .bg-farbe3, .bg-farbe4, .bg-farbe5, .bg-farbe6, .bg-farbe7, .bg-farbe8, .bg-farbe9 {padding:16px;} .bg-farbe1 .colmuc, .bg-farbe2 .colmuc, .bg-farbe3 .colmuc, .bg-farbe4 .colmuc, .bg-farbe5 .colmuc, .bg-farbe6 .colmuc, .bg-farbe7 .colmuc, .bg-farbe8 .colmuc, .bg-farbe9 .colmuc {padding:16px;} .tpl_23_container .bg-farbe1, .tpl_23_container .bg-farbe2, .tpl_23_container .bg-farbe3, .tpl_23_container .bg-farbe4, .tpl_23_container .bg-farbe5, .tpl_23_container .bg-farbe6, .tpl_23_container .bg-farbe7, .tpl_23_container .bg-farbe8, .tpl_23_container .bg-farbe9 {padding:0px !important;} .bg-white {background: #ffffff; } .bg-grey {background: #f1f1f1 !important; } .bg-black, .bg-black * {  background: #222222;  color: #ffffff !important;} html {  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;   -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} *, *:before, *:after {  -webkit-box-sizing:inherit;  -moz-box-sizing:inherit;  box-sizing:inherit;} html,body {  padding:0;  margin:0;  background: #ffffff;} @media screen and (max-width:1024px) {html,body {  background-image: url();} } body * {  font-family: "LatoWeb", sans-serif; font-weight:300;  color: #222222;} body {	font-size: 1.05em !important;	font-weight: normal;} @media screen and (max-width:1024px) {body {  font-size: 1.05em !important;} } h1, .h1, h4, .h4 {  font-family: "LatoWeb", sans-serif; font-weight:300;  font-size: 3em;  display:block;  float:none;  clear:both;  color: #222222;  line-height:1em;  font-weight: bold;} .h1c-div-custom-css {} h2, h3, h5, h6, .h2, .h3, .h5, .h6 {  font-family: "LatoWeb", sans-serif; font-weight:300;  display:block;  float:none;  clear:both;  color: #222222;  line-height:1em;  font-size:1.5em;} h2, .h2 {  font-size: 2em;} h4, .h4 {  font-size:2em;} h3, h5, h6, .h3, .h5, .h6 {  font-size:1.3em;} .h1c {display:block;width:100%;text-align:center;} @media screen and (max-width:1024px) {h1, .h1 {  font-size:2.2em;} h2, h3, h5, h6, .h2, .h3, .h5, .h6 {  font-size:1.25em;} } a, a:link {  text-decoration:none;  color: #222222;} a:visited, a:hover, a:active {  text-decoration:none;  color: #222222;} a:focus, a:focus-visible {  border: #222222 1px dotted !important;} .colmuc a, .colmuc a:link {  text-decoration:none;  color: #444444 !important;  font-weight: bold !important;} .colmuc a:visited, .colmuc a:hover, .colmuc a:active {  text-decoration:none;  color: #919191 !important;  font-weight: bold !important;} strong,.strong {font-weight: bold;} .uppercase {text-transform:uppercase;} .center {text-align:center !important;} .left {text-align:left;} .right {text-align:right;} .nowrap {white-space:nowrap;} .container_xs {font-size:0.9em;} .mini {font-size:0.75em;} .rechnen {font-size:0.75em !important;line-height:1.1em !important;margin:0;padding:0;top:0px;} .exturl {    font-size:0.66em;} .btn, .btnmenu {display:inline-block;padding:7px 8px;cursor:pointer;margin: 0 8px 8px 0;border-radius:16px;border: #c4c4c4 1px solid !important;text-decoration: none !important;} .btn, .btnmenu, a.btn, a.btnmenu, a.btn i, a.btn span, a.btnmenu i {color: #000000 !important;} .btn {background: #ffffff;} .btn i, .btn span {font-size:1.0em;border: 0 !important;} .btn:hover,.btn:focus {background: #ffffff;border: #c4c4c4 1px solid;box-shadow:0 2px 5px 0 #dedede, 0 2px 10px 0 #dedede;} .btnmenu {font-size:1.75em;border:0px !important;} .btnmenu:hover, .btnmenu:focus {background: #ffffff;} @media screen and (max-width:600px) {.btn,.btnmenu {margin-right:4px;} } .btngrey {background: #f1f1f1 !important;} a.btngrey i {border: 0 !important;} .btntext {display:inline-block;padding:7px 8px;cursor:pointer;margin: 0 8px 8px 0;text-decoration: none !important;border: transparent 1px solid !important;background: transparent !important;} .btntext, .btntext i, .btntext span {color: #444444 !important;} .btntext:hover, .btntext:focus {text-decoration:underline !important;} .btnspot {background: #000000 !important;border: #c4c4c4 1px solid !important;} .btnspot, .btnspot *, a.btnspot, a.btnspot i, a.btnspot span {color: #ffffff !important;} a.btnspot i {border: 0 !important;} .btnspot:hover, .btnspot:focus, a.btnspot:hover, a.btnspot:focus, a.btnspot:hover i, a.btnspot:focus i {color: #ffffff !important;} .btnspot:hover, .btnspot:focus {box-shadow:0 2px 5px 0 #dedede, 0 2px 10px 0 #dedede;} .btn_xs {padding:1px 5px;font-size:12px;line-height:1.25;margin-right:4px;} .btn_hilfe {display:inline-block;padding:4px;cursor:pointer;margin-right:16px;font-size:0.75em;border-left: #000000 1px solid;} .btn_info {cursor:default !important;margin: 0 0 15px 0;} .nav_sticky_btn {display:inline-block;padding:8px 4px;cursor:pointer;margin: 0 4px 8px 4px;text-decoration: none !important;} .dd_show {display:block !important;} .dd_container {position:relative; display:inline-block;} .dd_content {border: #000000 1px solid;background-color: #ffffff;color: #000000;display:none;position:absolute;min-width:200px;max-width:100vw;margin:0;padding:16px 8px;z-index:6799;height:360px;max-height:80vh;text-align:left;overflow:auto;} .dd_content li {margin-left:0px;list-style-type:none;} .dd_content a {padding:4px 8px 4px 16px;display:block;} .dd_content *, .dd_content a, .dd_content i, .dd_content span, .dd_content strong {border:0px;} .dd_content a {border-bottom: #c4c4c4 1px solid;} .dd_item {width:100%;display:block;padding:8px 16px;border:0;outline:0;} .dd_item:hover, .dd_item_selected {background-color: #dedede !important;color: #000000 !important;} #top_btn {display:none;position:fixed;bottom:18px;right:18px;z-index:6297;font-size:2em;border:none;outline:none;background: #000000;cursor:pointer;padding:5px 16px;border-radius:4px;border: #ffffff 1px solid;} #top_btn i {color: #ffffff !important;} .item {	position:relative;} .item_imgdiv {	margin: 0px auto;	width:100%;} .item_img {	width:100%;} .item_textdiv_text {  background-color: #f1f1f1;  color: black;  font-size: 1.2vw;   font-weight: bold;  margin: 0 auto;   padding: 10px;  width: 50%;  text-align: center;   position: absolute;   top: 60%;   left: 50%;   transform: translate(-50%, -50%);     opacity:0.99;} @media screen and (max-width:767px) {.item_textdiv_text {	display:none;} } .item_textdiv_text {	color: #222222 !important;} .xxxitem_textdiv_text, .xxxitem_textdiv_text * {	color: #222222 !important;} .xxxitem_textdiv_text h4 {	margin:8px 0 16px 0;} .item_textdiv_text_btn {	color: #ffffff !important;	background: #444444 !important;	font-weight:normal;	text-transform: uppercase;	padding: 12px 32px;} .item_textdiv_text_btn:hover {	background: #919191 !important;} .carousel_welle {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjRweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);    background-size: 100% 120px;    bottom: 0;    height: 120px;    width: 100%;    z-index: 1;    position: absolute;} .carousel_welle_col {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjRweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);    background-size: 100% 40px;    bottom: 0;    height: 40px;    width: 100%;    z-index: 1;    position: absolute;} @media screen and (max-width: 1024px) {.carousel_welle, .carousel_welle_col {    background-size: 100% 45px;    height: 45px;} } .panel { background-color: #ffffff !important; padding:16px;} .col_md_row, .panel { width:100%; display:block;} .col_md_row, .col_md_row::after, .col_md_row::before,.panel, .panel::after, .panel::before { content:''; display:table; clear:both; float:none; margin:0; padding:0;} .col-md-x {width:100%;clear:both;float:none;} .col-md-1 { width:8.33333%;} .col-md-2 { width:16.66666%;} .col-md-3 { width:24.99999%;} .col-md-4 { width:33.33333%;} .col-md-5 { width:41.66666%;} .col-md-6 { width:49.99999%;} .col-md-7 { width:58.33333%;} .col-md-8 { width:66.66666%;} .col-md-9 { width:74.99999%;} .col-md-10 { width:83.33333%;} .col-md-11 { width:91.66666%;} .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float:left;} .col-md-12 { width:100% !important; float:none; clear:both; margin:0;} .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { padding:0px; min-height:16px;page-break-inside:avoid;} .col-md-12::after {  content:"";  clear:both;  display:table;} @media screen and (max-width:640px) {.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {width:100%;} } #corona_kontaktoptionen img {	width:40px;	border-radius:8px;	margin-right:8px;	background: #444444;} #corona_kontaktoptionen a {	display:inline-block;	background: #dedede;	color: #ffffff;	padding: 8px;	border:#ffffff 1px solid;	border-radius: 4px 0 0 4px;} #corona_kontaktoptionen a:hover {	background: #ffffff;	color: #222222;} .ahref-neutral {color: #222222 !important; } .treffer {  background: #ffffff;  width:calc(100% - 0px);} .marker {background: #ffd !important;} .logo {  display:inline;  margin:0px 0px 0px 0px;} @media screen and (max-width:480px) {.logo {  max-width:290px;} } .akzentfarbe1, .akzentfarbe1 * {  color:#444444 !important;} .akzentfarbe2, .akzentfarbe2 * {  color:#919191 !important;} .akzentfarbe3, .akzentfarbe3 * {  color:#333333 !important;} .ringestadt {  background: #ffffff;} .konfigurationennav {  border-left: #dedede 1px solid;    border-right: #dedede 1px solid;  } .cartnav {  border-right: #dedede 1px solid;  } @media screen and (min-width:480px) {.konfigurationennavtitle, .cartnavtitle {  display:none} } .label * {color: #ffffff !important;} .anker {margin:0px;padding:0px;} .werbeagentur {  color: #ffffff !important;  font-size:0.66em;} @media screen and (min-width:1600px) {.bis1599 {display:none; } } @media screen and (min-width:1025px) {.bis1024 {display:none; } } @media screen and (min-width:1024px) {.bis1023 {display:none; } } @media screen and (min-width:767px) {.bis767 {display:none; } } @media screen and (max-width:359px) {.ab360 {display:none; } } @media screen and (max-width:479px) {.ab480 {display:none; } } @media screen and (max-width:767px) {.ab768 {display:none; } } @media screen and (max-width:1023px) {.ab1024 {display:none; } } @media screen and (max-width:1024px) {.ab1025 {display:none; } } @media screen and (max-width:1599px) {.ab1600 {display:none; } } #googlemap {width:100%;height:500px;} @media screen and (max-width:767px) {#googlemap {width:100%;height:360px;} } .schatten-mitte {display:block;width:100%;height:16px;overflow:hidden;background:url(001_schatten-mitte.png) top center no-repeat;} .video-container {height:28em;width:100%;margin:0;padding:0;} .hinweis, .fehler {display:block;padding:4px;background: #444444;text-align:center;color: #ffffff;border-radius:8px;} .hinweis, .fehler, .hinweis *, .fehler * {color: #ffffff;} .hinweis a, .fehler a {text-decoration:underline;color: #ffffff;} .kontakt_img {  height:320px;    max-width:100%;  } .bg-schmuck {  background-color: #dedede;  color: #ffffff !important;  font-size:0.85em;} .xl {display:none;} .box_verlobungsringe {border:1px solid transparent;} .box_verlobungsringe:hover {border:1px solid #dedede;} .box {display:block;margin:0px 8px 16px 0px;} .unibox {  display:block;  padding:16px;  background: #ffffff;} @media screen and (max-width:480px) {.unibox {  padding:5px;} } .unibox_text {  padding:8px;} .hrbox {display:block;padding:1% 0;margin:0 0 1% 0;border-bottom: #dedede 1px solid;} .schattenbox {display:block;padding:2%;margin:0 0 1% 0;-webkit-box-shadow:0px 3px 8px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 3px 8px 0px rgba(0,0,0,0.4);box-shadow:0px 3px 8px 0px rgba(0,0,0,0.4);} .boxmargin {  clear:both;  display:block;  width:100%;} .hilfe_html {  font-size:1em;  line-height:1.25em;  padding:10px;}  .iframe_container {position:relative;top:0px;width:100%;padding-bottom:66.66%; } .iframe_container_iframe {position:absolute;top:0px; bottom:0px; left:0px; right:0px;width:100%;height:100%;} .suche_input {max-width: 200px;padding:7px 8px;} @media screen and (max-width:600px) {.suche_input {padding:15px; } } .suche_treffer {border: #dedede 1px solid;padding:8px;margin:16px 0;font-size:0.9em;border-radius:2.5px;} .xxxfadeid {	opacity:0;	transition:opacity .5s ease-in-out;} .xxxvisible {opacity:1; } .social-icons {  font-size:2.0em;  margin: 0.5em;} .kontakt_bg {  background: #f1f1f1;  padding:15px;   margin-bottom:30px;} input[type=text], input[type=password], input[type=submit], button, select, textarea {  width:auto;  padding:8px 8px;  display:inline-block;  background: #ffffff;  color: #222222;  border: #dedede 1px solid;  border-radius:4px;  box-sizing:border-box;  font-size:1em;} input[type=submit] {  border-radius:8px;} input[type=text]:focus, input[type=submit]:focus, input[type=password]:focus, textarea:focus, button:focus {  box-shadow:0 2px 5px 0 #dedede, 0 2px 10px 0 #dedede;} .yyy {  font-size:1em;  width:auto;  padding:4px 8px;  border:none;  border-radius:4px;  cursor:pointer;} input[type=submit]:hover,input[type=submit].select:hover,button:hover { color: #222222; background: #ffffff; border: #dedede 1px solid !important; box-shadow:0 2px 5px 0 #dedede, 0 2px 10px 0 #dedede;} .checked {  background: #c4c4c4;} .form-control {  display:inline-table;  min-width:120px;} .form_input {  width:98% !important;  } .input-group {  max-width:400px;} .control-label {  font-weight: bold;  display:block;  padding:4px 0;} .headimg {  display:none;  width:100%;  transition:margin-left .4s;} .headimg_animate_opacity { animation:opac 1s} @keyframes opac { from {opacity:0; }  to { opacity:1; } } .header { margin-left:auto; margin-right:auto; width: 1152px; max-width:100%;} content {  min-height:640px;  display:block;} .content {transition:margin-right .4s;width:calc(100% - 0px);margin-left: 0px;margin-right:0px;margin-top:0px;margin-bottom:0px;} @media screen and (max-width:1024px) {.content { margin-left:0 !important; margin-right:0 !important; margin-top:0px; width:100%;} } .content_header { background: transparent;} .container, .footer { transition:margin-left .4s; margin-left:auto; margin-right:auto; max-width:100%;} .container { width: 1152px;} .container_volle_breite_max {  position:relative;  display:block;  text-align:center;} #jwslogo {  max-height: 85px;  margin-bottom:15px;} @media screen and (max-width:768px) {#jwslogo {  max-height:85px;} } #fg_loader {  position: fixed;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  z-index: 99999;} .fg_bara {  position: absolute;  left: 0px;  top: 0%;  display:block;  height:2px;  width:100%;} .fg_bari {  position:relative;  background: #777;  height:2px;} .footer { width: 1152px;margin-top:64px;} .footer * {color: #ffffff !important;} .footer_bg {background: #222222;} @media print and (min-width: 1px) {.footer * {color: #000;} .footer, .footer_bg {background: #fff;} } .footer_googlemap {filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url(desaturate.svg#greyscale);-webkit-filter:grayscale(1);} .footer_googlemap:hover {filter:grayscale(0%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);-webkit-filter:grayscale(0);} #jwslogofooter {  display: inline-block;  padding:8px;  background: #ffffff;  border-radius:8px;  max-width:80%;} .adresse_jws, .footer_adresse_jws {  display:inline-block;  float:left;  width:25%;  text-align:center;} .adresse_jws * {  color: #444444 !important;} .footer_adresse_jws * {  color: #ffffff !important;} .adresse_jws i, .footer_adresse_jws i {  display:inline-block;  padding:5px;  font-size:3.5em;} @media screen and (max-width:1024px) {.adresse_jws i, .footer_adresse_jws i {  display:block;  float:none;} } .adresse_jws_text, .footer_adresse_jws_text {  display:block;  white-space:nowrap !important;  padding:7px 0 0 5px;  font-size:0.9em;} @media screen and (max-width:768px) {.adresse_jws, .footer_adresse_jws {  width:50%;} } @media screen and (max-width:479px) {.adresse_jws, .footer_adresse_jws {  width:100%;} } #aspace { padding: 30px; display: block;} .mo a {  color: #ffffff !important;  } .mo-head {  color: #ffffff !important;  text-transform:uppercase;} .mo_on {  color: #ffffff !important;} .mo_inaktiv {	opacity:0.5;} .modal_div {  z-index:6899;  display:none;  padding-top:16px;  position:fixed;  left:0;  top:0;  width:100%;  height:100%;  overflow:auto;  background-color:rgb(0,0,0);  background-color:rgba(0,0,0,0.7);} .modal_content {margin:auto;background: #ffffff;position:relative;padding:0;outline:0;padding:16px;width:calc(90% - 32px);max-width:900px;text-align:left;} .modal_content * {color: #222222 !important;} .modal_content h1,.modal_content h2,.modal_content h3,.modal_content h4,.modal_content h5,.modal_content h6 {  padding-top:16px;  display:block;  float:none;  clear:both;} .modal_content hr {  margin-top:16px;  margin-bottom:16px;} .modal_content hr::after, .modal_content hr::before { content:""; display:table; clear:both; float:none;} .modal_close_btn {font-size:1.5em; cursor:pointer; float:right; color: #222222 !important; } .modal_close_btn i {transition: .2s all; } .modal_close_btn i:hover {    transform: scale(0.66);} .modal_border {  border: #dedede 1px solid;} .img_modal_href {  cursor:zoom-in;} .img_modal_fullscreen {  max-width:100%;  cursor:zoom-out;} .modal_animate_zoom  {animation:animatezoom 0.6s; } @keyframes animatezoom {  from {transform:scale(0); }    to {transform:scale(1); } } .modal_animate_top {position:relative;animation:animatetop 0.4s; } @keyframes animatetop {  from {top:-300px;opacity:0; }   to {top:0;opacity:1; } } .modal_animate_left {position:relative;animation:animateleft 0.4s; } @keyframes animateleft {  from {left:-300px;opacity:0; }   to {left:0;opacity:1; } } .modal_animate_right {position:relative;animation:animateright 0.4s; } @keyframes animateright {  from {right:-300px;opacity:0; }   to {right:0;opacity:1; } } .modal_animate_bottom {position:relative; animation:animatebottom 0.4s; } @keyframes animatebottom {  from {bottom:-300px;opacity:0; }   to {bottom:0;opacity:1; } } .modal_animate_fading {animation:fading 10s infinite; } @keyframes fading {  0% {opacity:0; }   50% {opacity:1; }   100% {opacity:0; } } .nav_o {position:fixed !important;z-index:6698;top:0px;left:0px;width:100%;height:54px;display:none !important;background: #ffffff !important;border-bottom: #c4c4c4 1px solid;overflow:hidden;text-align: left;padding:0 16px;} @media screen and (max-width:1024px) {.nav_o {display:block !important;height:54px;} } .nav_o *, .nav_o .btnmenu i, .nav_o_close *, .nav_o_close .btnmenu i {color: #222222 !important;} .nav_o_logo { margin: 4px 0 0 0; height:36px;} .nav_o_close {position:fixed !important;z-index:6699;display:none;top:0px;left:0px;width:100%;height:54px;background: #ffffff;border-bottom: #c4c4c4 1px solid;text-align: left;padding:0 16px;} @media screen and (min-width:1025px) {.nav_o_close {display:none !important;} } #nav_o_bg {position:fixed !important;z-index:-1;display:block;top:0px;left:0px;width:100%;height:100%;background: #222222;  } .nav_li_bg {position:fixed !important;z-index:6298;top:0px;left:0px;height:100%;width:100%;background: #222222;opacity:0.5;} .nav_li {position:fixed !important;z-index:6299;top:0px;left:0px;height:100%;display:block;width: 100%;overflow:auto;background: #ffffff;border-right: #c4c4c4 1px solid;font-weight: bold;} @media screen and (max-width:1024px) {.nav_li {display:none;} } @media screen and (min-width:1025px) {.nav_li {display:block !important;} } @media screen and (max-width:1920px) {.nav_li {left:0 !important;} } .nav_li a {	color: #222222;} .nav_li_logo {margin:64px 0 0 47px;max-width:200px;} @media screen and (max-width:1024px) {.nav_li_logo {display:none;} .nav_li_logo_box {display:block;margin:64px 0 0 0px;} } .nav_li_box {margin:40px 0;padding-left:32px;padding-bottom:72px;} @media screen and (max-width:1024px) {.nav_li {width:100% ;max-width:400px;} .nav_li_logo {margin-left:36px;} .nav_li_box {margin:24px 0 0 0;padding-left:0px;} } .nav_mo_h2 {  border-bottom: #c4c4c4 1px solid;  margin-top:32px;} .nav_mo_strong {  font-weight:bold;}   .nav_li_dropdown i, .nav_li_off i, .nav_li_on i {  float:right;  padding-right:8px;  opacity:0.25;} .nav_li_dropdown {  font-weight: bold;} .nav_li_on i {  color: #222222;} .nav_li_box a, .nav_li_dropdown, .nav_li_off {  padding:6px 8px 6px 16px;  color: #222222;  display:block;  border:none;  background:none;  width:100%;  text-align:left;  cursor:pointer;  outline:none;  border-bottom: #ffffff 1px solid;  font-size:1em !important;} .nav_li_box a:last-child {  border:0;} @media screen and (max-width:767px) {.nav_li_box a, .nav_li_dropdown {  padding:8px 8px 8px 16px;} } .nav_li_box a:hover, .nav_li_dropdown:hover, .nav_li_off:hover {  background: #dedede;  color: #222222;} .nav_li_on {  color: #444444 !important;  background: transparent  !important;  font-weight: bold;} .nav_li_on:hover {  color: #222222 !important;  background: #dedede !important;} @media screen and (max-width:1024px) {.nav_li_off {  padding: 12px !important;} } .nav_li_dropdown_box {  display:none;  padding-left:8px;} .nav_li_dropdown_box {  background: #f1f1f1;} .nav_li_sub_on {  color: #444444 !important;  font-weight: bold;} .NEWS_carouselimgdiv {width:100%;text-align:center;height:300px;overflow:hidden;background: #ffffff;} .NEWS_carouselimg {float:none;display:block;width:100%;margin:0;} .NEWS_carouselimgsize {max-height:100%;max-width:100%;} .NEWS_carouseltext {display:none;} @media screen and (max-width:1024px) {.NEWS_carousel, .NEWS_carouselimgdiv {height:260px;} } @media screen and (max-width:768px) {.NEWS_carousel, .NEWS_carouselimgdiv {height:180px;} } .news_box {display:block;border-radius:4px;float:left;width:32%;overflow:hidden;} .news_box_mitte {border-left: #dedede 1px solid;} .news_link_alle {position:absolute;right:16px;} @media screen and (max-width:768px) {.news_link_alle {position:relative;left:5px;} } .news_img_box {height:17em;overflow:hidden;} @media screen and (max-width:1024px) {.news_img_box {height:220px;} } @media screen and (max-width:768px) {.news_img_box {height:180px;} } .news_text_box {height:20em;overflow:hidden;padding:16px;} @media screen and (max-width:768px) {.news_text_box { height:200px;} } @media screen and (max-width:480px) {.news_img_box {height:160px;} .news_text_box { height:240px;} } @media screen and (max-width:320px) {.news_text_box { height:300px;padding:5px;} } .news_link_box {position:relative;padding:16px;} .news_h1 {color: #222222 !important;font-size:1.5em;} @media screen and (max-width:1024px) {.container { width: 94%;} } .container_custom {} .header {  padding-top:16px;} #juwelierlogo_1, #juwelierlogo_2 {  padding:0px 0px 16px 0px;  } #juwelierlogo_1 img, #juwelierlogo_2 img {  max-width:400px;  max-height:192px;} @media screen and (max-width:1024px) {#juwelierlogo_1, #juwelierlogo_2 {  position:absolute;  top:2px;  left:8px;  right:8px;  z-index:-1;}  #juwelierlogo_1 img, #juwelierlogo_2 img {  max-height:48px;} } @media screen and (max-width:768px) {#juwelierlogo_1 img, #juwelierlogo_2 img {  max-width:250px;} } @media screen and (max-width:480px) {#juwelierlogo_1 img, #juwelierlogo_2 img {  max-width:180px;} } #nav_sticky_logo {float: left;transition: 0.33s all;font-weight:bold;font-size:1.5em;padding: 2px 0 0 16px;} .nav_sticky {position:sticky;z-index:5750;top:0px;display:block;background-color: #f1f1f1;color: #222222 !important;padding:5px 0 0 0;margin:0px;border-bottom: #c4c4c4 1px solid;} .nav_sticky, .nav_sticky a * {  color: #222222 !important;} @media screen and (max-width:1024px) {.nav_sticky {position:relative;z-index:2;top:54px;display:block;margin:0px 0px 54px 0px;text-align:center !important;} .nav_sticky i {  font-size: 1.5em;} } .nav_sticky .container {width:100%;text-align:right;} @media screen and (max-width:1024px) {.nav_sticky_jws {position:relative;} .nav_sticky .container {text-align:center;} } .navbar {  overflow:hidden;  background-color: #ffffff;  text-align:center;  border-top: #dedede 1px solid;} .navbar a {  text-align:center;  padding:7px 15px;  text-decoration:none;  margin:0;  display:inline-block;  color:#444444 !important;} .navbar .ddmenu, .navbar .noddmenu {  background-color: #ffffff;  overflow:hidden;  display:inline-block;} .navbar .ddmenu .ddmenubtn {  border:none;  outline:none;  padding:7px 15px;  background-color: #ffffff;  border:0 !important;  margin:0;} .navbar a:hover, .navbar .ddmenu .ddmenubtn:hover {  background-color: #ffffff;  border:0 !important;} .navbar .ddmenudiv {  display:none;  position:absolute;  background-color: #ffffff;  min-width:160px;  z-index:7000;} .navbar .ddmenudiv a {  float:none;  color:black;  padding:15px 15px;  text-decoration:none;  display:block;  text-align:left;} .navbar .ddmenudiv a:hover {  background-color: #f1f1f1;} .navbar .ddmenu:hover .ddmenudiv {  display:block;} .navbar .dd_on {  font-weight: bold;} #skbanner {	position: fixed;	z-index: 22;	top: 260px;	right: -290px;	width: 340px;	text-align: left;	transition: .33s all;} #skbanner:hover {	right: 0px;} @media screen and (max-width:767px) {#skbanner {	bottom: 8px;} } #skbanner img {	width:36px;	border-radius:8px;	margin-right:8px;} #skbanner a {	display:block;	background: #444444;	color: #ffffff;	padding: 8px;	border:#ffffff 1px solid;	border-radius: 4px 0 0 4px;} #skbanner a:hover {	background: #919191;	color: #ffffff;} .table { border-collapse:collapse; border-spacing:0; width:100%; border:1px solid #f1f1f1;} .tablescroll { overflow-x: auto; display: block; border:0px;} .bordered tr,.table tr { border-bottom:1px solid #f1f1f1;} .striped tbody tr:nth-child(even) { background-color: #f1f1f1;} .table tr:nth-child(odd) { background-color: #ffffff;} .table tr:nth-child(even) { background-color: #f1f1f1;} .hoverable tbody tr:hover,.ul.hoverable li:hover { background-color: #c4c4c4;} .centered tr th,.centered tr td { text-align:center;} .table th { font-weight: bold; background-color: #c4c4c4;} .table td,.table th { padding:8px 8px;display:table-cell;text-align:left;vertical-align:top;} .table th:first-child,.table td:first-child { padding-left:16px;} .tab_on {  border: #dedede 1px solid !important;} @media screen and (max-width:1024px) {.tab_on {  border: 0 !important;} } .tab_off {  border: 0 !important;} .tab_box {  padding:16px 0 16px 0;  text-align:center;} @media screen and (min-width:767px) {.tab_box {display:none; padding: 0; } } .tab_3 {  padding:15px;  background: #f1f1f1;} .opacity_60 { opacity:0.60;} img {  max-width:100%;} .border_transparent {  border:transparent 1px solid;} .schatten {box-shadow:0 2px 5px 0 #f1f1f1, 0 2px 10px 0 #f1f1f1;} .schatten_unten {box-shadow:0 4px 16px -2px #f1f1f1;} .relative {  position:relative;} .w100pc {  max-width:100%;} .fs_2 {  font-size:2em !important;} .fs_3 {  font-size:3em !important;} .fs_4 {  font-size:4em !important;} .fs_5 {  font-size:5em !important;} .margin_0 { margin:0px !important} .margin_05 { margin:8px !important} .margin_1 { margin:16px !important} .margin_2 { margin:32px !important} .margin_3 { margin:64px !important} .margin_top_05 { margin-top:8px !important} .margin_top_1 { margin-top:16px !important} .margin_top_2 { margin-top:32px !important} .margin_top_3 { margin-top:64px !important} .margin_bottom_05 { margin-bottom:8px !important} .margin_bottom_1 { margin-bottom:16px !important} .margin_bottom_2 { margin-bottom:32px !important} .margin_bottom_3 { margin-bottom:64px !important} .margin_bottom_4 { margin-bottom:128px !important} .margin_left_05 { margin-left:8px !important} .margin_left_1 { margin-left:16px !important} .margin_left_2 { margin-left:32px !important} .margin_left_3 { margin-left:64px !important} .margin_right_05 { margin-right:8px !important} .margin_right_1 { margin-right:16px !important} .margin_right_2 { margin-right:32px !important} .margin_right_3 { margin-right:64px !important} .padding_0 { padding:0px !important} .padding_05 { padding:8px !important} .padding_1 { padding:16px !important} .padding_2 { padding:32px !important} .padding_3 { padding:64px !important} .padding_top_1 { padding-top:16px !important} .padding_top_2 { padding-top:32px !important} .padding_top_3 { padding-top:64px !important} .padding_bottom_1 { padding-bottom:16px !important} .padding_bottom_2 { padding-bottom:32px !important} .padding_bottom_3 { padding-bottom:64px !important} .padding_left_1 { padding-left:16px !important} .padding_left_2 { padding-left:32px !important} .padding_left_3 { padding-left:64px !important} .padding_right_1 { padding-right:16px !important} .padding_right_2 { padding-right:32px !important} .padding_right_3 { padding-right:64px !important} .float_left {  float:left;} .float_right {  float:right;} .clear {  float:none !important;  clear:both !important;  overflow:auto;} .clear::after {  content:"";  clear:both;  display:table;} .block {  display:block;  } .inline-block {  display:inline-block;  }  .float-left {  float:left;} .nodisplay {  display: none;} .noborder {  border:0px;} .border {  border:1px solid #dedede;} .border_top {  border-top:solid 1px #dedede;} .border_right {  border-right:solid 1px #dedede;  } .border_bottom {  border-bottom:solid 1px #dedede;  } .border_left {  border-left:solid 1px #dedede;  } .h1c {  display:block;  width:100%;  text-align:center;} .overflow-hidden {   height:2.5em;   overflow:hidden;  } iframe {  border:none !important;  overflow-x:hidden;  overflow-y:hidden;}  iframe::-webkit-scrollbar {  display: none;} iframe {  -ms-overflow-style: none;    scrollbar-width: none;  }  hr { box-sizing:content-box; height:0; overflow:visible; border:0; border-top:1px solid #dedede; margin:20px 0;} .hr_h1 {  border-radius:4px;  width:50px;  border: #dedede 5px solid;  color: #dedede;  margin-left:auto;  margin-right:auto;} .no_p p {  margin:0;  padding:0;} .tooltip {  position:relative;  display:inline-block;} .tooltip .tooltiptext {  visibility:hidden;  width:290px;  height:auto;  margin-left:-120px;  background-color: #222222;  color: #ffffff !important;  text-align:center;  word-wrap:break-word;  line-height:1.25em;  border-radius:6px;  padding:4px 8px;  position:absolute;  z-index:6997;  bottom:100%;  left:50%;} .tooltip:hover .tooltiptext {  visibility:visible;} .container_bilder {	} .container_texte {	display:block;} .text2cols { display: block; margin-bottom: 30px; column-count: 2; column-width: 200px; column-gap: 50px; column-rule: 1px solid #444444;} .text3cols { display: block; margin-bottom: 30px; column-count: 3; column-width: 200px; column-gap: 50px; column-rule: 1px solid #444444;} .tpl_1_container, .tpl_15_container {padding:0px;margin:0px;} .tpl_1_container_texte {padding:0px;min-height:3em;line-height:1.5em;} .tpl_15_container_texte {padding:0px;min-height:3em;} @media screen and (max-width:768px) {.tpl_1_container_texte, .tpl_15_container_texte {padding:0px;} } .tpl_1_container_bilder, .tpl_15_container_bilder {width:100%;height:auto;} .tpl_1_bild, .tpl_15_bild {max-width:100%;height:auto;} .tpl_6_container {} .tpl_9_container {padding:0px;margin:0px;background: #919191;} .tpl_9_container_texte {padding:32px;min-height:2em;text-align:left;} .tpl_9_container_bilder {padding:0px;margin:0px;} @media screen and (max-width:768px) {.tpl_9_container_texte {padding:16px;} .tpl_9_container_bilder {padding:0px;} } .tpl_9_bild {max-width:100%;margin-left:auto;margin-right:auto;} .tpl_23_container_bilder {  position:relative;} .tpl_23_container_texte {padding:30px 60px 30px 60px;text-align: left;} .tpl_23_container_bilder_text {  font-size: 2.2vw;   font-weight: bold;  margin: 0 auto;   padding: 15px;  width: 50%;  text-align: center;   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%); } @media screen and (max-width:767px) {.tpl_23_container_bilder_text {  display:none;} } .tpl_10_container {padding:0px;margin:0px;} .tpl_10_container_texte {padding:0px 0px 0px 30px;min-height:3em;} .tpl_10_container_bilder {padding:30px 0px;} .tpl_10_container_bilder:before {  position: absolute;  z-index: 1;  right: 0px;  top: 45px;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;  border-width: 45px;} @media screen and (max-width:768px) {.tpl_10_container_texte {padding:0px;} } .tpl_10_bild {max-width:100%;margin-left:auto;margin-right:auto;} .tpl_11_container {padding:0px;margin:0px;} .tpl_11_container_texte {padding:0px 30px 0px 0px;min-height:3em;} .tpl_11_container_bilder {padding:0px 0px;} .tpl_11_container_bilder:before {  position: absolute;  z-index: 1;  left: 0px;  top: 45px;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;  border-width: 45px;} @media screen and (max-width:768px) {.tpl_11_container_texte {padding:0px;} } .tpl_11_bild {max-width:100%;margin-left:auto;margin-right:auto;} .bgimgtemplate52 {background:center center repeat-x;background-color: #919191;} .bgimgtemplate52 {background:center center repeat-x;background-color: #919191;} .imgheighttemplate54 {max-height: 36vh !important;  max-width:100%;border-left: #ffffff 1px solid !important;border-right: #ffffff 1px solid !important;} .bgimgtemplate54 {} .boxtpl2 {background: #919191;padding:16px;border-bottom: #222222 1px solid;} .boxtpl2h {background: #222222;padding:16px;border-bottom: #ffffff 1px solid;} .boxtpl2h h1, .boxtpl2h h2 {color: #ffffff !important;margin:0;padding:0;} .tpl_15_container_var {margin:-90px 7% 0 7%;position:relative;z-index:15;} .tpl20 {display:inline-block;width:100%;background: #ffffff;overflow:hidden;} .video-container, .tpl20img {display:inline-block;width:100%;text-align:center;} .tpl20text {display:inline-block;width:100%;padding:0px 16px 16px 16px;background: #ffffff;height:14em;overflow:auto;} .tpl20link {width:100%;padding:16px;background: #ffffff;height:4em;} .tpl20img {width:100%;} .tpl20img img {width:100%;max-height:26em;} .tpl20imgschatten {width:100%;display:block;height:16px;background: #ffffff url('001_schatten-mitte.png') center top no-repeat;} .tpl20text h1,.tpl20text h2 {margin:0px 0px 16px 0px;padding:0em;} @media screen and (max-width:768px) {.tpl20text {height:20em;} } @media screen and (max-width:480px) {.tpl20text {height:auto;} } .tpl21_img {width:100%; height:auto; opacity:0.30; transition:opacity 1s; } .tpl21_img:hover {opacity:1; transition:opacity 0.5s; } .tpl21_showdouble {max-width:100%; position:relative;} .tpl21_imgbg {background:#000;} .tpl21_content {position:absolute;top:25%; left:25%; width:50%; padding:16px; border-top:1px solid #222222;border-bottom:1px solid #222222;background:url(tpl21_bg.png);opacity:0.99; transition:opacity 0.5s; } .tpl21_content * {color: #ffffff !important;} .tpl21_content .btn {border-color: #ffffff !important;} @media screen and (max-width:480px) {.tpl21_img {opacity:1; } .tpl21_content {position:relative;top:0px;left:0px;display:block;width:100%;padding:5px;border:0px;background: #000000;} } .pagination ul {  display:inline-block;  margin:0;  padding:0;} .pagination li {  margin:16px;  list-style-type:none;  display:inline-block;} .pagination li a {  padding:8px 16px;  border-radius:4px;  border: #ffffff 1px solid;  background: #f1f1f1;} .pagination li a:hover {  border: #222222 1px solid !important;} .pagination_active {  border: #222222 1px solid !important;} .panel {  margin-bottom:24px;  background-color: #ffffff;  border:1px solid transparent;  border-radius:4px;  -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);  box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);} .panel-body {  padding:16px;} .panel-default {  border-color: #dedede;} .gallery-ug-tiles xxxximg {filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url(desaturate.svg#greyscale);-webkit-filter:grayscale(1);} .gallery-ug-tiles xxximg:hover {filter:none;} .imgsw {  filter:grayscale(100%);  -webkit-filter:grayscale(100%);  -moz-filter:grayscale(100%);  -ms-filter:grayscale(100%);  -o-filter:grayscale(100%);  filter:url(desaturate.svg#greyscale);  -webkit-filter:grayscale(1);} .imgsw:hover {  filter:none;} .imghidden {  opacity:0.65;  filter:opacity(65);} .imghidden:hover {  opacity:1;  filter:opacity(100);} img.imgspiegelnhor {   transform:scaleX(-1);} img.imgzoom {  transition:transform 1s;  -moz-transition:transform 1s;  -webkit-transition:transform 1s;  -o-transition:transform 1s;  -ms-transition:transform 1s;} img.imgzoom:hover {  cursor:zoom-in;  cursor:-moz-zoom-in;  cursor:-webkit-zoom-in;  transform:scale(2.0,2.0);  -moz-transform:scale(2.0,2.0);  -webkit-transform:scale(2.0,2.0);  -o-transform:scale(2.0,2.0);  -ms-transform:scale(2.0,2.0);} @media screen and (max-height:480px) {img {  max-height:300px;} } @media screen and (max-height:320px) {img {  max-height:200px;} } * {  box-sizing: border-box;} .fg_lb_row > .fg_lb_column {  padding: 7px;} .fg_lb_row {  text-align: center;} .fg_lb_row:after {  content: "";  display: table;  clear: both;} .fg_lb_column {  display:inline-block;  width: 12%; } .fg_lb_modal_column {  float: left;  width: 8.33%; } @media screen and (max-width: 1024px) {.fg_lb_column {  width: 16.6%; } } @media screen and (max-width: 600px) {.fg_lb_column {  width: 25%; } } .fg_lb_modal {  display: none;  position: fixed;  z-index: 999999999;  padding-top: 80px;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: #f1f1f1;} .fg_lb_modal_content {  position: relative;  background-color: #fefefe;  margin: auto;  padding: 0;  width: 90%;  max-width: 1400px;} .fg_lb_close {  color: #ccc;  position: absolute;  top: 10px;  right: 25px;  font-size: 35px;  font-weight: bold;} .fg_lb_close:hover,.fg_lb_close:focus {  color: #999;  text-decoration: none;  cursor: pointer;} .fg_lb_SLIDES {  display: none;} .fg_lb_cursor {  cursor: pointer;} .fg_lb_prev,.fg_lb_next {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  padding: 16px 24px;  margin-top: -50px;  color: white;  font-weight: bold;  font-size: 24px;  transition: 0.6s ease;  user-select: none;  -webkit-user-select: none;  background-color: rgba(0, 0, 0, 0.2);} .fg_lb_prev {  left: 0;  border-radius: 0 3px 3px 0;} .fg_lb_next {  right: 0;  border-radius: 3px 0 0 3px;} .fg_lb_prev:hover,.fg_lb_next:hover {  background-color: rgba(0, 0, 0, 0.8);} .fg_lb_numbertext {  color: #111;  font-size: 12px;  padding: 8px 12px;  position: absolute;  top: 0;} img {  margin-bottom: 0px;} .fg_lb_captioncontainer {  text-align: center;  background-color: #f1f1f1;  padding: 2px 16px;  color: white;} .fg_lb_demo {  opacity: 0.6;} .fg_lb_active,.fg_lb_demo:hover {  opacity: 1;} img.fg_lb_hovershadow {  transition: 0.3s;} .fg_lb_hovershadow:hover {  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} * {box-sizing: border-box;} img {vertical-align: middle;} .fg_slider_container {position: relative;top: 0px;width: 100%;margin: auto;overflow:hidden;} .fg_slider_container_box {position: absolute;top: -12.5%; bottom: 0px; left: 0px; right: 0px;width: 100%;height: 112.5%;overflow:hidden;} .fg_slider_text {  color: #fff;  font-size: 36px;  padding: 8px 16px 8px 16px;  position: absolute;  bottom: 80px;  left: 0px;  width: auto;  background: rgba(0, 0, 0, 0.75);} @media only screen and (max-width: 1023px) {  .fg_slider_text {    font-size: 1.0em;    position: relative;    bottom: 0;    left: 0px;    width: 100%;    height: 64px;    text-align: center;  }   .fg_slider_container {    padding-bottom: 0;     overflow:visible;  }   .fg_slider_container_box {    position: relative;    top: auto; bottom: auto; left: auto; right: auto;    width: 100%;    height: auto;    overflow:visible;  } } .fg_slider_numbertext {  color: #222;  font-size: 10px;  padding: 8px;  position: absolute;  top: 0px;  right: 0px;} .fg_slider_dot {  height: 8px;  width: 8px;  margin: 0 2px;  background-color: #bbb;  border-radius: 50%;  display: inline-block;  transition: background-color 0.6s ease;} .fg_slider_dots {  display: block;  text-align: center;  background: rgba(0, 0, 0, 0.75);} .fg_slider_active {  background-color: #717171;} .fg_slider_fade {  -webkit-animation-name: fade;  -webkit-animation-duration: 3.0s;  animation-name: fade;  animation-duration: 3.0s;} @-webkit-keyframes fade {  from {opacity: 0.4}    to {opacity: 1} } @keyframes fade {  from {opacity: 0.4}    to {opacity: 1} } .fg_slider_prev,.fg_slider_next {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  padding: 16px 24px;  margin-top: -50px;  color: white;  font-weight: bold;  font-size: 24px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;  user-select: none;  -webkit-user-select: none;  background-color: rgba(0, 0, 0, 0.2);} .fg_slider_next {  right: 0;  border-radius: 3px 0 0 3px;} .fg_slider_prev:hover,.fg_slider_next:hover {  background-color: rgba(0, 0, 0, 0.8);} .img_parallax {position: relative;display:block;text-align:center;  } @media screen and (min-width:768px) {.img_parallax {margin-left: 0px;} } .img_parallax_text_box { position:absolute; top:40%; left: 30%; right: 30%; width:auto; text-align:center;  } @media screen and (max-width:1200px) {.img_parallax_text_box { left:20%; width:60%;} } @media screen and (max-width:1024px) {.img_parallax {  margin-top: 50px;} .img_parallax_text_box { top:55%; left:20%; width:60%;} } .img_parallax_text_box_border { display:inline-block; border: #ffffff 2px solid; padding:4px;  } .img_parallax_text { display:inline-block; background: #ffffff; padding:8px 16px;} .img_parallax_text * { color: #222222 !important;} #loadingdiv {  z-index:6998;  position:absolute;  top:0px;  left:0px;  width:100%;  height:101vH;  background: #f1f1f1 url("loading1.gif") center center no-repeat;} #login-shop {  position:absolute;  right:0.5%;  top:0.5%;} @media screen and (max-width:1023px) {#ringeprevnextbuttons {display:none; }  } @media screen and (min-width:1024px) {#ringeprevnextmobilebuttons {display:none; }  } .hxl {  width:0px;  height:0px;  display:none !important;} .h1ringe {  text-align:center;} .h2schmuck {  height:5em;} .btn-details {  min-width:64px;  margin:0px 1px 7px 1px;  color: #222222 !important;} .clabel {  cursor:pointer;  padding:5px;  margin-bottom:5px;  border: #c4c4c4 1px solid;  display:block;  background: #ffffff;} .clabel, .clabelbox, .clabelbox50, .clabelbox100 * {  color: #222222 !important;} .clabel:hover, .clabel:focus, .clabel-checked {  border: #222222 1px solid;} .clabelbox {  border: #c4c4c4 1px solid !important;} .clabelbox50 {  float:left;  width:calc(50% - 8px);  margin-right:4px;  margin-left:4px;  margin-bottom:8px;  padding:4px;  display:inline-block;  border: #ffffff 1px solid;} @media screen and (max-width:640px) {.clabelbox50 {  width:100%;} } .clabelbox50imgdiv {  display:block;  background: #ffffff;  text-align:center;  padding:0px 5px 5px 5px;  margin-bottom:5px;  border-radius:2.5px;} .clabelbox50img {  width:37px;} .clabelbox100 {  float:left;  width:calc(100% - 5px);  margin-right:5px;  display:inline-block;} .clabelbox:hover, .clabelbox:focus, .clabelbox-checked, .clabelbox-checked:hover {  border: #222222 1px solid !important;  background: #f1f1f1;} .clabelboxhits {  padding:2.5px;  background: #222222;  color: #ffffff !important;  border-radius:5px;  font-size:0.75em;} .hidden {  display: none; } .transparent {  opacity:0.0;  filter:opacity(0);} .transparent_40 {  opacity:0.4;  filter:opacity(40);} .transparent_40:hover {  opacity:0.99;  filter:opacity(99);} .trauringe_row_img {  margin:0 4% 8% 4%;} .trauringe_modell_img_set {  width:30%;} .trauringe_modell_img_set_dob {  width:27%;} .trauringe_modell_img {  width:45.8%;} .trauringe_modell_img_dob {  width:41%;} .trauringe_modell_img_s {  width:40.8%;  margin-top:9%;} .trauringe_modell_img_l {  width:48.8%;  margin-top:-9%;} .trauringe_varianten_img {  width:120px;  float:left; } .trauringe_config_img {  width:49.8%;  margin:0 25%;} @media screen and (min-width:768px) {.trauringe_config_linke_spalte {  min-height:900px !important;  background:#000;} } .trauringe-config-imgbox {  display:block;  width:160px;  text-align:center;} .trauringe-config-col-3 {  float:left;  width:130px;} .trauringe-modal-col-1 {  display:block;  width:100%;  font-size:0.75em;  font-weight: bold;} @media screen and (max-width:768px) {.trauringe-modal-col-1 {  float:none;  width:100%;  display:block;  font-weight: bold;  padding-top:16px;} } .trauringe-var-col-1 {  float:left;  width:300px;} .trauringe-var-col-2 {  float:left;  width:140px;  text-align:right;} @media screen and (min-width:768px) {.trauringe-var-col-1 {  width:500px;} .trauringe-var-col-2 {  width:200px;} } .trauringe-anmerkung {  width:100%;} .trauringe-hinweis {  position:absolute;  top:0px;  left:20px;} .trauringe-plegid {  background: #f1f1f1;} .trauringe-img-modal {max-height:240px; margin-top:0px; } .trauringe-img-lade {max-width:88%; margin:0px 6%; } .trauringe-img-lade-xl { } .trauringe-img-best {max-width:88%; margin:0px 6%; } .trauringe-img-best-xl {} .trauringe-img-container {display:block; background: #ffffff; text-align:center; height:160px; overflow:hidden; } .trauringe-img-container-xl {display:block; background: #ffffff; text-align:center; height:260px; overflow:hidden; } .trauringe-img-oberflaeche {max-width:120px; } @media screen and (max-width:1024px) {.trauringe-img-oberflaeche {max-width:100px; } } .steininfo {  font-size:0.8em;} img.img_verlobungsringe_brillant {  width: 50%;} img.brillant_icon_zoom {  transition:transform 0.5s;  -moz-transition:transform 0.5s;  -webkit-transition:transform 0.5s;  -o-transition:transform 0.5s;  -ms-transition:transform 0.5s;} img.brillant_icon_zoom:hover {  cursor:zoom-in;  cursor:-moz-zoom-in;  cursor:-webkit-zoom-in;  transform:scale(3.0,3.0);  -moz-transform:scale(3.0,3.0);  -webkit-transform:scale(3.0,3.0);  -o-transform:scale(3.0,3.0);  -ms-transform:scale(3.0,3.0);} img.zoom, img.zoomxs, div.zoomxs {  transition:transform 0.25s;  -moz-transition:transform 0.25s;  -webkit-transition:transform 0.25s;  -o-transition:transform 0.25s;  -ms-transition:transform 0.25s;} img.zoom:hover {  transform:scale(2.0,2.0);  -moz-transform:scale(2.0,2.0);  -webkit-transform:scale(2.0,2.0);  -o-transform:scale(2.0,2.0);  -ms-transform:scale(2.0,2.0);} img.zoomxs:hover, div.zoomxs:hover {  transform:scale(1.35,1.35);  -moz-transform:scale(1.35,1.35);  -webkit-transform:scale(1.35,1.35);  -o-transform:scale(1.35,1.35);  -ms-transform:scale(1.35,1.35);} .artikelbox {  position:relative;  background: #ffffff !important;  padding:0px 3%;} .artikelbox .btn {  background: #ffffff !important;} .artikelbox_text, .artikelbox_cart {  padding:4px;  text-align:center;  width:100%;  position:relative;  top:-48px;  background: transparent !important;} .artikelbox_text {} .artikelbox_hinweis {  position:absolute;  z-index:1;  top:0px;  left:0%;  width:62%;  min-width:240px;  background-color: #222222;  color: #ffffff;  text-align:center;  border-radius:6px;  padding:8px;} .artikelbox_h2 {  padding:0;  margin:0;} .artikelbox_cart {  display:block;  text-align:center;} .steindurchmesser {  position:absolute;  z-index:2;  top:16px;  left:32px;  font-size: 0.75em;} .steinfarbe_oben, .steinfarbe {  position:absolute;  z-index:2;  top:10px;  left:72px;  font-size: 0.75em;} .schmuck-config-imgbox {  display:block;  width:160px;  text-align:center;} .schmuck-config-col-1 {  float:left;  width:280px;  background:#ccc;} .schmuck-config-col-2 {  float:left;  width:220px;} #schmuckbox, .schmuckbox {  position:relative;} #schmuckbox_cart {     position:absolute;     bottom:20%;     left:5%;} #schmuckbox_cart_ALT {     position:absolute;     top:50%;     left:50%;     width:66px;     height:68px;     margin-left:-32px;     margin-top:-34px;     box-sizing:border-box;     text-align:center;} .schmuckbox_cart_btn {  font-size:32px;  padding:8px; padding:4px 8px; border-radius:3px;} .schmuckbox_cart_btn * {  color: #222222 !important;} .schmuckbox_weitere_legierungen_icons {  position:absolute;  top:0px;  left:16px;  width:50%;  text-align:left;} .schmuck_germany {  position:absolute;  z-index:1;  top:32px;  right:32px;} .schmuckfarben {  position:absolute;  bottom:10px;  right:20px;  height:32px;  border:0;  text-align:right;} .schmuckindexbox {  min-height:320px;  background: #ffffff;  } .schmuckindexboximg {  max-height:265px;  max-width:100%;} .schmuckboxrel {  position:relative;} .schmuckunibox {  display:block;  padding:16px 5px;  background: #ffffff;  border: #dedede 1px solid;  margin-bottom:48px;} .schmuckuniboxborder {  border-top: #c4c4c4 1px solid;  border-right: #c4c4c4 1px solid;  border-bottom: #c4c4c4 1px solid;  border-left: #ffffff 1px solid;} .schmuckbox_preis, .preis {  font-size:1.0em;  font-weight:bold;} .schmuckimgbox_werbemittel {  max-height:100%;} .schmuckimgbox { position:relative; display:block; width:100%; text-align:center; min-height:320px; } .schmuckbox_img {height:280px; object-fit: cover; object-position: 50% 25%;} .schmuckbox_img_konfig {height:420px; object-fit: cover; object-position: 50% 25%;} .rasterimg {  max-width:265px;  max-height:200px;} .rasterimg_werbemittel {  max-width:100%;  max-height:400px;} .salepreis {  color: #444444 !important;} .sale_lio {  position:absolute;  top:0px;  left:0px;  width:100%;  text-align:center;} .sale_reo {  position:absolute;  top:0px;  right:16px;  width:250px;  text-align:right;} .modell_sale {  font-size:0.75em !important;  line-height:0.8em !important;  padding:1% 2%;  border-radius:4px;  opacity:0.70;  filter:opacity(70);  -moz-opacity:0.70;  white-space:nowrap;  cursor:help;} .artikel_sale {  font-size:0.75em !important;  line-height:0.9em !important;  padding:1% 2%;  border-radius:4px;  white-space:nowrap;} .statt {  font-size:0.9em;  display:inline-block;  opacity:0.44;  filter:opacity(44);  -moz-opacity:0.44;  background:url(statt.png) center center no-repeat;} .ampel_rot {  color:#cc0000 !important;} .ampel_orange {  color:#cc6600 !important;} .ampel_gruen {  color:#006600 !important;} .metall {  display:inline-block;  width:16px;  height:16px;  border-radius:7px;} .metall-e {  background:url('metallfarbe-e.png') center center no-repeat !important;} .metall-g {  background:url('metallfarbe-g.png') center center no-repeat !important;} .metall-r {  background:url('metallfarbe-r.png') center center no-repeat !important;} .metall-w {  background:url('metallfarbe-w.png') center center no-repeat !important;} .metall-ew {  background:url('metallfarbe-ew.png') center center no-repeat !important;} .metall-gw {  background:url('metallfarbe-gw.png') center center no-repeat !important;} .metall-rw {  background:url('metallfarbe-rw.png') center center no-repeat !important;} .metall-gr {  background:url('metallfarbe-gr.png') center center no-repeat !important;} .metall-grw {  background:url('metallfarbe-grw.png') center center no-repeat !important;} .metall-ww {  background:url('metallfarbe-ww.png') center center no-repeat !important;} .metall-hybrid {  background:url('metallfarbe-hybrid.png') center center no-repeat !important;} .oberflaechen {  background:url('oberflaechen.png') center center no-repeat !important;} .oberflaeche {  position:absolute;  z-index:1;  top:0px;  left:0px;  width:99%;  text-align: left;} .input_select_group {  width:130px;} .input_select {  text-align:center;} @media screen and (min-width:1024px) {.br_oberflaeche {  display:none;} } .brillant_info {  font-size:1.5em;} #herrenring, #damenring {  max-width:110px;} #cart-nav-bg {  display:block;  width:100%;  float:none;  border: #dedede 1px solid;} .cart-nav {  padding:7px 16px;  border-right: #dedede 1px solid;  float:left;  font-weight: bold;  display:inline-block;  color: #222222;} .cart-nav-on {  color: #ffffff !important;    background: #222222;} .cart-agbok {  border: red 3px solid;} .bullet {  display:inline-block;  padding:0px 3px;  border-radius:2px;  background: #c4c4c4 !important;  color: #ffffff !important;  margin:0 2px 0 2px;} .punkt {  display:inline-block;  width: 12px;  height: 12px;  border-radius:6px;} .punkt_rot {  background:#f33;} .punkt_orange {  background:#fc3;} .punkt_gruen {  background:#3c6;} .ringprofile_kollektion {  position:relative;  z-index:1;  top:-48px;  left:0px;  width:100%;  text-align:center;  opacity:0.33;} .ringprofile_modell {  position:relative;  z-index:1;  top:-64px;  left:0px;  width:100%;  text-align:center;  opacity:0.33;} .ringprofile_konfiguraton {  position:absolute;  z-index:1;  top:24px;  right:32px;  opacity:0.33;} .ringestadt {height:310px; padding-top: 32px;} .mig {  text-transform: uppercase;  color: #444;} .oanmerkung {  width: 100%;  height: 5em;} .ml_importieren_open_class {  background: #ffffcc;} section {margin-right:auto;margin-left:auto;width:100%;display:block;padding:0px 0px;} section, section::after, section::before { content:''; display:table; clear:both; float:none; margin:0; padding:0;} @media screen and (min-width:768px) {} @media screen and (min-width:992px) {} @media screen and (min-width:1200px) {} @media screen and (min-width:1600px) {} @media screen and (min-width:1920px) {} .section-bg-farbe1 {background: #222222; } .section-bg-farbe2 {background: #c4c4c4; } .section-bg-farbe3 {background: #f1f1f1; } .section-bg-farbe4 {background: #ffffff; } .section-bg-farbe5 {background: #444444; } .section-bg-farbe6 {background: #919191; } .section-bg-farbe7 {background: #dedede; } .section-bg-farbe8 {background: #333333; } .section-bg-farbe9 {background: #333333; } @media print and (min-width: 1px) {  .noprint {    display:none !important;    height:0px;    width:0px;  }   .nurprint * {    color: #000 !important;  }   .content, .footer, .footer_bg, .footer_kuehnel {    width:100%;    margin:0px;  } } @media screen and (min-width: 1px) {  .nurprint {    display:none !important;    height:0px;    width:0px;  } } .padding-0 {padding:0px; } .padding-75px {	padding:8px;} .padding-15px {	padding:16px;} .padding-30px {	padding:32px;} .list-0 {list-style-type:none; } .margin-0 {margin:0px; } .margin-top-2pc {margin-top:8px;} .margin-bottom-2pc {margin-bottom:8px;} .margin-right-2pc {margin-right:8px;} .margin-top-7px {margin-top:8px;} .margin-bottom-7px {margin-bottom:8px;} .margin-right-7px {margin-right:8px;} .margin-top-15px {margin-top:16px;} .margin-bottom-15px {margin-bottom:16px;} .margin-left-15px {margin-left:16px;} .margin-right-15px {margin-right:16px;} .margin-top-30px {margin-top:32px;} .margin-bottom-30px {margin-bottom:32px;} .margin-right-30px {margin-right:32px;}