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

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

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

/* Fonts ENDE */


:root {
	/* Farben */
	--egf-greige-dunkel: #D9D4CE;
	--egf-greige-hell: #F3F3F0;
	--egf-hauptfarbe: #1f3350;
	
	/* Schriftgrößen */	
	--titel1: 40px;
	--titel2: 32px;
	--titel3: 22px;
	--titel4: 22px;
	--titel5: 22px;
	--titel6: 22px;
	--fliesstext: 16px;
	--buttontext: 14px;
	
	--letter-spacing1: 10px;
	--letter-spacing2: 8px;
	--letter-spacing3: 5.5px;
}




body {
	margin: 0;
	background-color: #ffffff;
	font-family: 'Manrope', sans-serif;
	font-weight: 500;
	font-size: var(--fliesstext);
	line-height: 1.4;
	letter-spacing: 0.32px;
	color: var(--egf-hauptfarbe);
}

ul::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 1em;
}

ul::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: rgba(218, 212, 199, .2);
}

ul::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background-color: var(--egf-hauptfarbe);
  outline: 0px;
}

/* Fix overflow AOS */
html, body {
	overflow-x: hidden;
}

body.overflow {
	overflow: visible !important;
	padding-right: 0px !important;
}

::selection {
	background: var(--egf-hauptfarbe);
	color: #ffffff;
}

::-moz-selection {
	background: var(--egf-hauptfarbe);
	color: #ffffff;
}



#Juwelierliste #Adresse a {
	color: var(--egf-hauptfarbe);
}

body.geladen a {
	text-decoration: none;
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

a {
	text-decoration: none !important;
	color: rgba(31, 51, 80, 0.65);
}

a:hover {
	text-decoration: none;
	color: var(--egf-hauptfarbe);
}

a,
a:hover {
	text-decoration: none;
	outline: none;

	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out;
}

a:focus,
a:active,
div:focus,
aside:focus,
button:focus,
select:focus,
:focus-visible,
:focus:not(:focus-visible),
:-webkit-direct-focus  {
	outline: 0 none !important;
	-webkit-appearance: none;
}

*:focus {
    outline: none;
}

p:last-of-type {
	margin-bottom: 0;
}

img {
	max-width: 100%;
}

hr {
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 1px solid var(--egf-greige-hell);
	margin-top: 40px;
	margin-bottom: 40px;
}
h1, h2, h3 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.2;
}

h1:empty {
    display: none;
}

h1,
.kopfgrafik-text h2  {
	font-size: var(--titel1);
	color: var(--egf-greige-hell);
	letter-spacing: var(--letter-spacing1);
	margin-top: 5rem;
	margin-bottom: 3.5rem;  
}

h2,
.job-details h1,
h1.produkt-titel {
	font-size: var(--titel2);
	letter-spacing: var(--letter-spacing2);
	letter-spacing: 8px;
	margin-top: 5rem;
	margin-bottom: 3.5rem;  
}


h3 {
	font-size: var(--titel3);
	letter-spacing: 5.5px;
	margin-top: 3.5rem;
	margin-bottom: 2.5rem;  
}

h4 {
	font-size: var(--titel3);
	line-height: 1.2;
}

h5 {
	font-size: var(--titel3);
}

h6 {
	font-size: var(--titel3);
	line-height: 1.4;
}

p.highlight {
	font-size: var(--titel3);
}
img {
	border: none;
}

hr {
    border-top: 2px solid var(--egf-greige-hell);
    margin-top: 2rem;
    margin-bottom: 2rem;
    opacity: 1;
}
img.img-responsive {
	width: 100%;
	display: block;
	height: auto;
}

.container {
	max-width: 1460px;
	padding-right: 30px;
	padding-left: 30px;
}

.box-shadow {
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	padding: 5rem;
}

#content-wrapper ul {
	margin: 1rem 0;
	/*padding-left: 0;*/
	list-style: none;
}
#content-wrapper ul ul {
    margin: 0.5rem 0;
}

#content-wrapper ul li {
	padding: 0 0 1rem 0;
	margin-left: 15px;
	position: relative;
}

#content-wrapper ul li:before {
    display: inline-block;
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: var(--egf-hauptfarbe);
    margin-right: 10px;
    margin-left: -15px;
    vertical-align: middle;
}

#content-wrapper .link-liste a {
	color: var(--egf-hauptfarbe);
}

#content-wrapper ul li:hover a {
	color: var(--egf-hauptfarbe);
}

#content-wrapper .list-unstyled {
	padding-left: 0px;
}

#content-wrapper .list-unstyled li {
	margin-left: 0px;
}

#content-wrapper .list-unstyled li:before {
	content: normal;
}

blockquote {
	quotes: "\201C""\201D""\2018""\2019";
	position: relative;
}

blockquote p:before,
blockquote p:after {
	color: #dad4c7;
	display: inline-block;
	font-size: 3rem;
	font-weight: 700;
	line-height: 0;
}
blockquote p:before {
    content: open-quote;
    position: absolute;
    margin-left: -2rem;
}
blockquote p:after {
	content: close-quote;
	position: absolute;
	margin-right: -2rem;
	right: 0;
	bottom: 0;
}
/* Videos */
.bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.bg-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
  .bg-video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .bg-video { width: 300%; left: -100%; }
}

.videomobile {
	display: none;
}

.fullscreen-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.fullscreen-video .video {
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.video-container.big {
    padding-bottom: 75.25%;
}

.video-container .video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 0;
	background-image: url(../../vid/news/egf_Spatenstich-31-07-23_V1out.jpg);
}
/**/

.Galerie {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.Galerie.klein {
  grid-template-columns: repeat(16, 1fr);	
  grid-gap: 10px;
}

.GalerieBild a {
	background: #fff;
	position: relative;
    padding-top: 100%;
    overflow: hidden;
}

.GalerieBild a img {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	object-fit: contain;
}
.Galerie.klein a img {
	object-fit: cover;
}
.Galerie .Zusatztext {
	background: #B9B4A8;
}

.Galerie .Zusatztext * {
	color: #fff;
}


.Galerie .ZusatzBildBereich:nth-child(3n+3) {
	grid-row: auto / span 2;
	grid-column: auto / span 2;
}

.Galerie .ZusatzVideoBereich,
.Galerie .ZusatzBildBereich:nth-child(2n+2) {
	grid-row: auto / span 1;
	grid-column: auto / span 1;
}
.Galerie .ZusatzVideoBereich,
.Galerie .ZusatzBildBereich:nth-child(6n+1) {
	grid-row: auto / span 2;
	grid-column: auto / span 2;
}
/*Karte*/
#map,
#map_canvas {
    padding-top: 500px;
}

.gm-style div,
.gm-style div:focus {
    border: 0 !important;
    outline: 0 !important;
}
/* Tooltip */
#tooltip {
	font-family: 'Manrope', sans-serif;
    font-size: 0.85rem;
    text-align: center;
}
#Tooltip h1 {
	margin: 10px 0px;
	font-size: 1rem;
}
.gm-style .gm-style-iw-c {
	background: var(--egf-greige-hell);
	border-radius: 0 !important;
	max-height: none !important;
	padding: 3rem 2rem 2rem 2rem !important;
	text-align: center;
	width: 320px !important;
	max-width: 75vw !important;
}
.gm-style .gm-style-iw-d {
    overflow: inherit !important;
}
.gm-style .gm-style-iw-t:after {
    background: var(--egf-greige-hell);
}

#tooltip h1 {
    font-size: 1.125rem;
    margin-top: 0;
    margin-bottom: 1rem;
}

#tooltip a {
	font-size: 0.85rem;
	padding-top: 0;
}

#tooltip h3 {
    margin-bottom: 0.5rem;
}

#tooltip p:last-child {
	margin-bottom: 0.5rem;
}

button.gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
    width: 34px !important;
    height: 34px !important;
}

.gm-style button img {
    width: 20px !important;
    height: 20px !important;
}

.bestaetigung {
	 background: #dad4c7;
    padding: 1rem 2rem;
    margin-top: 2rem;
    text-align: center;
}

.bestaetigung.ok {
    background: #9ca64e;
    color: #fff;
}

.bestaetigung.fehler {
    background: #9c4a4e;
    color: #fff;
}



/*
*
* ==========================================
* # Bootstrap
* ==========================================
*
*/
#offcanvasSearch {
    padding: 4rem 4rem;
}
#offcanvasSearch .form-control {
	padding: .75rem 0rem;
	font-size: 1.25rem;
	border-radius: 0rem;
	background: transparent;
	border-bottom: 2px solid var(--egf-greige-hell);
	color: #fff;
}
#offcanvasSearch .form-control::placeholder {
	color: var(--egf-greige-hell) !important;
}
#offcanvasSearch .form-control:focus {
    color: #fff;
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid var(--egf-greige-hell);
    box-shadow: none;
}
.offcanvas {
	height: 100vh;
	z-index: 500000;
	display: block !important;
}
.offcanvas.bg-secondary {
    /* background: #d0dae3 !important;*/
    background: var(--egf-greige-hell) !important;
}
.offcanvas-header,
.offcanvas-body {
	padding: 2rem;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x, 2rem);
    padding-left: var(--bs-gutter-x, 2rem);
}

p a,
.link-primary {
    color: var(--egf-hauptfarbe);
    border-bottom: 1.5px solid #b3aea1; 
}
p a,
.link-primary {
    color: var(--egf-hauptfarbe);
    border-bottom: 1.5px solid #b3aea1; 
}

p a:hover,
p a:focus,
.link-primary:focus, 
.link-primary:hover {
	color:var(--egf-hauptfarbe);
	border-color: var(--egf-hauptfarbe);
}

button:focus {
	outline: 0px;
}

.btn {
	font-family: 'Manrope', sans-serif;
	font-size: var(--buttontext);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	color:var(--egf-hauptfarbe);
	background-color: transparent;
	border-color: var(--egf-hauptfarbe);
	border-width: 1px;
	border-radius: 60px;
	padding: 0.95rem 2.5rem;
}
.btn:hover {
    color: var(--egf-hauptfarbe);
}
#berarung .btn,
#content-wrapper .btn {
	margin-top: 4rem;
}
.btn-link {
    color: var(--egf-hauptfarbe);
    padding-left: 0;
    padding-right: 0;
    border: 0;
    padding-top: 0;
    padding-bottom: 0.125rem;
    text-decoration: none;
	height: fit-content;
}
.btn-link:hover {
    color: var(--egf-hauptfarbe);
}

.btn-link {
  position: relative;
}
.btn-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: currentColor;
  transform-origin: center;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.btn-link:hover::after {
  transform: scaleX(0);
}

.btn-check:focus+.btn, .btn:focus,
.btn-check:focus+.btn-primary, 
.btn-primary:focus,
.btn-close:focus {
    box-shadow: none;
}

.btn-check:focus+.btn-primary, 
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: var(--egf-hauptfarbe);
    border-color: var(--egf-hauptfarbe);
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
}

.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
 }
.btn-primary {
    color: var(--egf-greige-hell);
    background-color: var(--egf-hauptfarbe);
    border-color: var(--egf-hauptfarbe);
}
.btn-primary:hover {
	color: var(--egf-hauptfarbe);
	background-color: var(--egf-greige-dunkel);
	border-color: var(--egf-greige-dunkel);
}
.btn-primary-outline {
    color: var(--egf-hauptfarbe);
    background-color: transparent;
    border-color: var(--egf-hauptfarbe);
}
.btn-primary-outline:hover {
    color: var(--egf-greige-hell);
    background-color: var(--egf-hauptfarbe);
    border-color: var(--egf-hauptfarbe);
}
.btn-secondary {
    color: var(--egf-hauptfarbe);
    background-color: var(--egf-greige-dunkel);
    border-color: var(--egf-greige-dunkel);
}
.btn-secondary:hover {
    background-color: var(--egf-greige-hell);
    border-color: var(--egf-greige-hell);
}

.btn-light {
    color: var(--egf-hauptfarbe);
    background-color: var(--egf-greige-hell);
    border-color: var(--egf-greige-hell);
}

.btn-light:hover {
    background-color: var(--egf-greige-dunkel);
    border-color: var(--egf-greige-dunkel);
}
.btn-light-outline {
    color: var(--egf-greige-hell);
    background-color: transparent;
    border-color: var(--egf-greige-hell);
}
.btn-light-outline:hover {
    color: var(--egf-hauptfarbe);
    background-color: var(--egf-greige-hell);
    border-color: var(--egf-greige-hell);
}
.btn.pdf {
	background-image: url("../../img/icons/icon-download.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 25px;
	padding-right: 30px !important;
	border: 0;
}
.btn.pdf:hover, 
.btn.pdf:focus {
	border: 0;
}
.form-label {
    margin-bottom: .25rem;
    font-size: 0.85rem;
}
.form-control,
.form-select {
	background-color: var(--egf-greige-hell);
	border: 0px solid #dad4c7;
	border-radius: 0;
	color: var(--egf-hauptfarbe);
	font-size: 0.85rem;
	padding:.75rem;
}
.form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231f3350' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-size: 32px;
}

.form-control option {
	color: var(--egf-hauptfarbe);
}

.form-select:focus,
.form-control:focus {
    color: var(--egf-hauptfarbe);
    border-color: var(--egf-hauptfarbe);
    box-shadow: 0 0 0 0.25rem #dad4c7;
}

.form-control option:hover {
	cursor: pointer;
	background-color: #b2b2b2;
}
.form-control option.selected {
	color: #ffffff;
	background-color: #596980;
}

.input-group-text {
    padding: .75rem 1.5rem;
    color: #fff;
    background-color: var(--egf-hauptfarbe);
    border: 0px;
    border-radius: 0;
}


/* custom-file-button  */
.custom-file-button input[type="file"] {
	margin-left: -2px !important;
}

.custom-file-button input[type="file"]::-webkit-file-upload-button,
.custom-file-button input[type="file"]::file-selector-button {
	display: none;
}

.custom-file-button input,
.custom-file-button .input-group-text {
	cursor: pointer;
}

.custom-file-button input[type="file"]:hover {
	background: #dad4c7;
}
.custom-file-button .input-group-text:hover {
	background: #596980;
}

.nav-link {
	color: var(--egf-hauptfarbe);	
}
.nav-link:focus, 
.nav-link:hover {
    color: var(--egf-hauptfarbe);
}
.bg-dark .btn-link:hover {
    color: var(--egf-greige-hell);
}

.bg-dark {
    background-color: var(--egf-hauptfarbe) !important;
}
.bg-secondary {
    background-color: #DAD4C7 !important;
}
.bg-light {
    background-color: var(--egf-greige-dunkel) !important;
}
.bg-dark * {
    color: #FFFFFF;
}
.border {
    border: 2px solid #DAD4C7 !important;
}

.text-secondary {
    color: #cbc6b9 !important;
}

/* Accordion */
.accordion-button:not(.collapsed)::after,
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231f3350' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-size: 32px;
	width: 32px;
	height: 32px;
}

.accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}
.accordion-button:not(.collapsed) {
	color: var(--egf-hauptfarbe);
	background-color: var(--egf-greige-hell);
	box-shadow: none;
}
.accordion-button {
	background-color: var(--egf-greige-hell);
	font-size: inherit;	
	margin-bottom: 5px;
}
.accordion-item:first-of-type .accordion-button {
	background-color: var(--egf-greige-hell);	
}
.accordion-button:focus {
	background-color: var(--egf-greige-hell);
	border: 0;
	box-shadow: none;
}

.accordion-item {
    background-color: transparent;
    border: 0px;
    border-bottom: 0px solid #DAD4C7;
    border-radius: 0;
}
/**/
/*
*
* ==========================================
* # Menu
* ==========================================
*
*/

.offcanvas-header .btn-contact {
    padding: 0;
}
.offcanvas-header .btn-language {
	margin-left: 1rem;
	margin-right: 1rem;
	padding: 0;
}
.gtranslate_wrapper {
	margin-left: 1rem;
	margin-right: -1rem;
	padding: 0;
}
.gtranslate_language_selector {
	display: none;
}
.gtranslate_language_selector.show {
    display: block;
}
.gtranslate_language_selector_mobile {
	display: none;
	margin-right: 0 !important;
}
.gtranslate_language_selector_mobile.show {
    display: block;
}
.navbar .bg-secondary.container-fluid {
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	/* background-color: #D0DAE3 !important; /* Keyvisual blau */
	background: var(--egf-greige-hell) !important;
}

.navbar.hidden .bg-secondary.container-fluid {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.navbar-brand {
	position: relative;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 0;
	margin: 0;
	display: block;
}
.object-link {
	position: relative;
	display: block;	
}
.object-link:after,
.navbar-brand:after {
  content: ""; 
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
}

.navbar-brand object {
	width: auto;
	height: 40px;
}

.navbar .navbar-nav .nav-link {
	color: var(--egf-hauptfarbe);
}

/* Nav Secondary */
.navbar-secondary {
	z-index: 1030;
	background-color: rgba(218, 212, 199, 0.9);
	/* background-color: rgba(208, 218, 227, 0.9); /* Keyvisual blau */
	background: rgba(240, 238, 233, 0.9) !important;
}
.navbar-primary {
	z-index: 1031;
}
.navbar-primary,
.navbar-secondary {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}
.navbar-secondary.visible {
	z-index: 1032;	
}
.navbar-secondary .nav-link {
	font-family: 'Manrope', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.06rem;	
}

.navbar-secondary .nav-link.dropdown-toggle {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.navbar-secondary .dropdown-menu {
	background: rgba(218, 212, 199, 0.8);
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.navbar-secondary .dropdown-menu.show {
    display: block;
    margin-top: -2px !important;
}

.navbar-secondary .nav-item .dropdown-menu {  
	display: none; 
}

.navbar-secondary .nav-item:hover .dropdown-menu { 
	display: block; 
	position: absolute;
}
.navbar-secondary .nav-item:last-child:hover .dropdown-menu {
    right: 0;
}
/**/
.navbar .navbar-nav:first-child .nav-link {
    text-transform: uppercase;
    font-size: 1.125rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 500;
    letter-spacing: 0.06rem;
}
.navbar .navbar-nav .nav-link:focus, 
.navbar .navbar-nav .nav-link:hover {
    color: rgba(31, 51, 80, 0.7);
}
.navbar-primary .navbar-nav .dropdown-menu {
    margin-top: 0;
    padding-bottom: 1rem;
}
.dropdown-menu {
    background-color: transparent;
    border-radius: 0;
}
.dropdown-item {
    color: var(--egf-hauptfarbe);
}
.offcanvas .dropdown-item {
    padding-left: 0;
}
.dropdown-item:focus, 
.dropdown-item:hover {
    color: rgba(31, 51, 80, 0.7);
    background-color: rgba(255, 255, 255, 0);
}
.dropdown-toggle:after {
    content: "";
    height: 10px;
    width: 10px;
    border-bottom: 2px solid var(--egf-hauptfarbe);
    border-left: 2px solid var(--egf-hauptfarbe);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
    display: inline-block;
    border-top: 0;
    border-right: 0;
    margin-left: 10px;
}


/*Toggle*/
.navbar-toggler {
	cursor: pointer;
	border: none;
	display: block;
	height: 34px;
    width: 60px;
	z-index: 99;
	opacity: 1;
}

.navbar-toggler:focus {
    box-shadow: none;
}

#nav_wrapper .navbar-toggler span,
#nav_wrapper .btn-close span {
	background-color: var(--egf-hauptfarbe);
	display: block;
	width: 34px;
	height: 2px;
	left: 0;
	opacity: 1; 
	
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition:0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.navbar-toggler span:nth-child(1) {
    margin-top: 0;
}

.navbar-toggler span:nth-child(2) {
    margin-top: 8px;
}

.navbar-toggler span:nth-child(3) {
    margin-top: 8px;
}

.btn-close {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.41421 35.41421'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%231f3350;stroke-miterlimit:10;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cline class='a' x1='0.70711' y1='0.70711' x2='34.70711' y2='34.70711'/%3E%3Cline class='a' x1='34.70711' y1='0.70711' x2='0.70711' y2='34.70711'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: 24px; 
	background-color: transparent;
	border-radius: 0;
	opacity: 1;
}

.modal-backdrop.show {
    background-color: var(--egf-hauptfarbe);
}
/*OffCanvas ENDE*/

/*
*
* ==========================================
* # Kopfgrafik
* ==========================================
*
*/

#kopfbereich {
	background: var(--egf-greige-hell);
	position: relative;
	z-index: 3;
}
#kopfbereich.normal {
	padding-top: 5.5rem;
}

#kopfbereich.leer {
    background: transparent;
}
#kopfbereich.fullscreen #kopfgrafik {
	height: 100vh;
	position: relative;
	overflow: hidden;	
	z-index: 2;
	/*max-height: 650px;*/
}
#kopfbereich.fullscreen #kopfgrafik:after {
	content: "";
	background: rgb(31,51,80);
	background: linear-gradient(0deg, rgba(31,51,80,0.6) 0%, rgba(31,51,80,0) 50%);
	background: rgba(31, 51, 80, 0.2);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#kopfbereich.fullscreen.job-details #kopfgrafik:after {
	background: linear-gradient(0deg, rgba(31,51,80,0.6) 0%, rgba(102,99,93,0.3) 50%);	
}
#kopfbereich.fullscreen .kopfgrafik-text {
    color: var(--egf-greige-hell);
    padding-bottom: 2rem; 
}
#kopfbereich.fullscreen .kopfgrafik-text h6 {
	font-size: var(--titel3);
	letter-spacing: 0.44px;
}

#kopfbereich.standard .kopfgrafik-text {
    height: 80%;
}


#kopfb ereich.normal #kopfgrafik {
	height: 40vh;
	position: relative;
	overflow: hidden;	
}

#kopfgrafik img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.kopfgrafik-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 9;
    text-align: center;
}

#kopfbereich.normal .kopfgrafik-text {
    position: relative;
}
.kopfgrafik-text h2 {
    margin-bottom: 0rem;
}

#kopfbereich.job-details #kopfgrafik {
	height: 1000px;
}
/*
*
* ==========================================
* # Startseite
* ==========================================
*
*/
#egf-kategorien .kategorie-kachel a {
	overflow: hidden;
}
#egf-kategorien .kategorie-kachel img {
	transform: scale(1);
	transition: transform 0.6s ease;
}
#egf-kategorien .kategorie-kachel a:hover img {
    transform: scale(1.1);
}

#der-weg:after {
    content: "";
    background: var(--egf-greige-dunkel);
    width: 100%;
    height: 60px;
    top: -60px;
    left: 0;
    position: absolute;
    z-index: -1;
}
#der-weg:after {
    height: 120px;
    top: auto;
    bottom: -120px;
}
#der-weg .icon-box .icon {
    width: 115px;
    height: 115px;
    object-fit: contain;
}
#der-weg .icon-box .pfeil {
    height: 90px;
}
#der-weg .pfeil-down {
    transform: rotate(90deg);
}

#egf-trauringe .bild-versetzt-unten {
    margin-bottom: -60px;
    z-index: 1;
}
#manufaktur .bild-versetzt-unten {
    margin-bottom: -8rem;
    z-index: 1;
}

.news-slider h3 {
	hyphens: auto;
}

.ringe .slide a {
	box-shadow: inset 0 0 200px 0 rgb(0 0 0 / 10%);
	display: block;
	position: relative;
	overflow: hidden;	
	width: 100%;
	height: 100%;
	color: var(--egf-hauptfarbe);
}

.ringe .ring img {
	max-width: 550px;
	width: 100%;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform-origin: center;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.ringe a:hover img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
/*

.slide.trauringe .ring img {
    margin-left: -5%;
}
*/
.ringe .slide.trauringe a {
/*	background-color: #cbc6b9;*/
	background: linear-gradient(-45deg, #BDE3F2, #f8f7f4, #BDE3F2);
	background-size: 400% 400%;
	animation: gradient 8s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.6);
	animation: animate 20s linear infinite;
	top: 100%;
	filter: blur(2px);   
}

.circles li:nth-child(1){
    left: 25%;
    width: 40px;
    height: 40px;
    animation-delay: 0s;
    	filter: blur(20px);   
}

.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
	left: 40%;
	width: 60px;
	height: 60px;
	animation-delay: 0s;
	animation-duration: 18s;
	filter: blur(20px);   
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 30px;
    height: 30px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 15px;
    height: 15px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
	left: 85%;
	width: 15px;
	height: 15px;
	animation-delay: 0s;
	animation-duration: 11s;
	filter: blur(20px);   
}

@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    50%{
        opacity: 1;
    }
    100%{
        transform: translateY(-1200px) rotate(720deg);
        opacity: 0;
    }
}

.ringe .slide.verlobungsringe .bg {
	animation:slide 10s ease-in-out infinite alternate;
	background-image: linear-gradient(-25deg, rgba(229, 68, 139, 0.1) 50%, #f8f7f4 50%);
	bottom:0;
	left:-50%;
	opacity:.5;
	right:-50%;
	position: absolute;
	top:0;
	z-index:-1;  
}

.ringe .slide.verlobungsringe .bg2 {
  animation-direction:alternate-reverse;
  animation-duration: 6s;
}

.ringe .slide.verlobungsringe .bg3 {
  animation-duration: 7s;
}

@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}
.ringe .slide.memoireringe  a {
	/*background-image: url(../../img/ringe/bg-trauringe.jpg);*/
	background-size: cover;
	background-position: center;
	background: radial-gradient(circle, #fff 0%, #dad4c7 100%);
	background-size: 200% 200%;
	animation: gradientN 10s 2s ease infinite;
}
@keyframes gradientN {
	0% {
		background-position: 0% 100%;
	}
	50% {
		background-position: 50% 50%;
	}
	100% {
		background-position: 0% 100%;
	}
}

 @-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
/* Animation ENDE */


.produkt-kategorien-startseite .start-kachel-headline {
	position:absolute; 
	bottom: 0;
	left: 0;
	width: 100%;
	transition: background-position-x 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.manufaktur {
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.innovation .ring img {
    width: 600px;
}

.bg-border,
.team {
	/*background-image: url(../../img/kopfgrafik/kopfgrafik-karriere.jpg);*/
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.bg-image.normal .object-fit,
.bg-border img,
.team img {
	filter: grayscale(1);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

.bg-image.normal .object-fit {
	filter: grayscale(0);
}
.grayscale img {
	filter: grayscale(1);	
}

.sepia {
	filter: sepia(20%);
}

.object-fit {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.overlay {
	position: relative;
}

.overlay .container {
	z-index: 1;
	position: relative;
	color: #fff;
}

.overlay:after {
	content: "";
	background: rgba(31, 51, 80, 0.7);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.background-video {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
}

.background-video video {
  width: 100%;
  height: auto;
  height: 100%;
  object-fit: cover;
}

.parallax-container {
    background: 50% 50% / cover;
    width: 100vw;
    position: relative;
    transform-style: inherit;
    box-sizing: border-box;
    overflow: hidden;
    min-height: 50vh;
}

.parallax {
    background: 50% 50% / cover;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-size: cover;
    transform-origin: 50% 50% 0;
    transform: translateZ(-1px) scale(1.1);
    -webkit-transform: translateZ(-1px) scale(1.1);
    -moz-transform: translateZ(-1px) scale(1.1);
    -o-transform: translateZ(-1px) scale(1.1);
    -ms-transform: translateZ(-1px) scale(1.1);
    z-index: -1;
    min-height: 50vh;
}
/*
.parallax-container {
  perspective: 8px;
  -webkit-perspective: 8px;
  -moz-perspective: 8px;
  perspective-origin: 0%;	
  overflow: hidden;
}

.parallax {
	padding-top: 50vh;
	transform-origin: 0 50%;
	transform: translateZ(5px) scale(0.4);
	-webkit-transform: translateZ(5px) scale(0.4);
	-moz-transform: translateZ(5px) scale(0.4);
	-o-transform: translateZ(5px) scale(0.4);
	-ms-transform: translateZ(5px) scale(0.4);
}
*/
.bg-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
/*
*
* ==========================================
* # Ringfilter
* ==========================================
*
*/


#filter {
    background: #f5f2f0;
}


#filter .filter-button {
    background: var(--egf-hauptfarbe);
    border: 0;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    padding: 12px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 40%);
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 1;
}

#RingFilter .accordion {
	margin: 0;
}
#RingFilter .accordion-item {
    background-color: transparent;
    border: 0px;
}
#RingFilter .accordion-header {
    margin-top: 0;
}

#RingFilter .accordion-button {
	background-color: transparent;
	padding: 1rem 0;
}

#RingFilter .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

#RingFilter .accordion-button:not(.collapsed) {
    color: rgb(31, 51, 80);
    box-shadow: none;
}
#RingFilter .accordion-button:after,
#RingFilter .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(31, 51, 80)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/*
#RingFilter .accordion-button:not(.collapsed) {
    color: #fff;
    box-shadow: none;
}
#RingFilter .accordion-button:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
*/
#RingFilter .form-check-input:checked {
    background-color: #B9B4A8;
    border-color: #B9B4A8;
}

#RingFilter .form-check-input:focus {
    border-color: #000000;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 10%);
}

/*
*
* ==========================================
* # RingListe
* ==========================================
*
*/

.RingVorschau {
	position: relative;
	background: #fff;
	overflow: hidden;
/*	padding-top: 100%;
*/
}

.RingVorschau .RingInfo {

	color: #000000;
	width: 100%;
	padding: 2rem;
	bottom: 0;
	left: 0;
	opacity: 1;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.RingVorschau img {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	max-width: 80%;
}


.RingVorschau .RingInfo {
	color: #000000;
	width: 100%;
	padding: 2rem;
	bottom: 0;
	left: 0;
	opacity: 1;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}


.RingVorschau:hover img {
	transform: scale(1);
}

.ZusatzVideoBereich {
  position: relative;
  padding-bottom: 100%;
  height: 0;
}

.ZusatzVideoBereich video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ZusatzBildBereich {
    position: relative;
}

.ZusatzBildBereich picture {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.ZusatzBildBereich picture img,
.ZusatzBildBereich img.oben,
.ZusatzBildBereich img.unten {
    position: absolute;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.ZusatzBildBereich .oben,
.ZusatzBildBereich img.oben {
	animation-name: FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 8s;
	animation-direction: alternate;
}


@keyframes FadeInOut {
  0% {
  	opacity:1;
	}
	45% {
	opacity:1;
	}
	55% {
	opacity:0;
	}
	100% {
	opacity:0;
	}
}

#RingListe .ZusatzBildBereich:nth-child(2n+2) .oben,
#RingListe .ZusatzBildBereich:nth-child(2n+2) img.oben {
  animation-delay: 4s;
}

#RingListe .ZusatzBildBereich:nth-child(3n+3) .oben,
#RingListe .ZusatzBildBereich:nth-child(3n+3) img.oben {
  animation-delay: 2s;
}

.ZusatzBildBereich .oben,
.ZusatzBildBereich img.oben {
  animation-delay: 0s;
}

/**/
#RingListe .no-results {
	grid-column:1 / 5; 
}
#RingListe {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}
#RingListe .Zusatztext {
	background: #B9B4A8;
}

#RingListe .Zusatztext * {
	color: #fff;
}
/*

#RingListe .ZusatzVideoBereich,
#RingListe .ZusatzBildBereich:nth-child(2n+2),
.verlobungsringe #RingListe .ZusatzBildBereich:nth-child(3n+3),
.memoireringe  #RingListe .ZusatzBildBereich:nth-last-of-type(-n+3) {
	grid-row: auto / span 2;
	grid-column: auto / span 2;
}
.verlobungsringe #RingListe .ZusatzBildBereich:nth-child(2n+2) {
	grid-row: auto / span 1;
	grid-column: auto / span 2;
}*/

#RingListe .ZusatzVideoBereich,
#RingListe .ZusatzBildBereich{
	grid-row: auto / span 2;
	grid-column: auto / span 2;
}

/* ring.details */

#RingDetails {
    font-size: 0.85rem;
}

#RingDetails .variations div {
    position: relative;
}
#RingDetails .variations span {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
}
#RingDetails .variations img {
    opacity: 0.5;
    	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

#RingDetails .variations a:hover img,
#RingDetails .variations .aktuellerRing img {
    opacity: 1;
}
#RingDetails .variations span {
	width: 100%;
	top: 100%;
	line-height: 1.2;
	font-size: 12px;
	opacity:0;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}
#RingDetails .variations a:hover span {
	opacity:1;
}

#content-wrapper #RingDetails .list-unstyled li {
    padding-bottom: 2px;
}

#KonfiguratorButton:after {
	content:"";
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511.99998 511.99998'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%231f3350;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M272.066,512H239.933a47.18754,47.18754,0,0,1-47.134-47.133V453.996a206.69707,206.69707,0,0,1-32.097-13.323l-7.704,7.704a47.13371,47.13371,0,0,1-66.665-.007L63.622,425.66a47.13111,47.13111,0,0,1,.006-66.665l7.698-7.698A206.71281,206.71281,0,0,1,58.003,319.2H47.133A47.18732,47.18732,0,0,1,0,272.067V239.933A47.18752,47.18752,0,0,1,47.134,192.8h10.87a206.75469,206.75469,0,0,1,13.323-32.097L63.623,153a47.13386,47.13386,0,0,1,.006-66.665L86.342,63.623a47.12831,47.12831,0,0,1,66.664.006l7.697,7.697A206.89283,206.89283,0,0,1,192.8,58.003V47.133A47.18688,47.18688,0,0,1,239.934,0h32.133A47.18665,47.18665,0,0,1,319.2,47.133V58.004a206.69672,206.69672,0,0,1,32.097,13.323l7.704-7.704a47.13372,47.13372,0,0,1,66.665.007l22.711,22.71a47.13113,47.13113,0,0,1-.006,66.665l-7.698,7.698A206.71323,206.71323,0,0,1,453.996,192.8h10.87A47.18752,47.18752,0,0,1,512,239.933v32.134A47.1875,47.1875,0,0,1,464.866,319.2h-10.87a206.7536,206.7536,0,0,1-13.323,32.097l7.704,7.704a47.13382,47.13382,0,0,1-.006,66.665l-22.713,22.712a47.12833,47.12833,0,0,1-66.664-.006l-7.697-7.697A206.8941,206.8941,0,0,1,319.2,453.998v10.871A47.18645,47.18645,0,0,1,272.066,512ZM165.717,409.17a176.8123,176.8123,0,0,0,45.831,19.025A14.999,14.999,0,0,1,222.8,442.719v22.148A17.15348,17.15348,0,0,0,239.934,482h32.133a17.15349,17.15349,0,0,0,17.134-17.133V442.719a14.999,14.999,0,0,1,11.252-14.524,176.81208,176.81208,0,0,0,45.831-19.025,14.99932,14.99932,0,0,1,18.243,2.305l15.688,15.689a17.1274,17.1274,0,0,0,24.224.007l22.727-22.726a17.13019,17.13019,0,0,0,.006-24.225l-15.695-15.695a15.00058,15.00058,0,0,1-2.305-18.242,176.78066,176.78066,0,0,0,19.024-45.831,14.99987,14.99987,0,0,1,14.524-11.251h22.147a17.15349,17.15349,0,0,0,17.134-17.133v-32.134a17.15348,17.15348,0,0,0-17.134-17.133H442.72a15.00011,15.00011,0,0,1-14.524-11.251,176.8158,176.8158,0,0,0-19.024-45.831,15.00067,15.00067,0,0,1,2.305-18.242l15.689-15.689a17.12763,17.12763,0,0,0,.006-24.225l-22.725-22.725a17.12937,17.12937,0,0,0-24.225-.006l-15.694,15.695a14.99948,14.99948,0,0,1-18.243,2.305,176.8121,176.8121,0,0,0-45.831-19.025,14.99905,14.99905,0,0,1-11.252-14.524v-22.15a17.15349,17.15349,0,0,0-17.134-17.133H239.935a17.15348,17.15348,0,0,0-17.134,17.133v22.148a14.999,14.999,0,0,1-11.252,14.524,176.81223,176.81223,0,0,0-45.831,19.025,15.00172,15.00172,0,0,1-18.243-2.305l-15.688-15.689a17.12739,17.12739,0,0,0-24.224-.007l-22.727,22.726a17.13018,17.13018,0,0,0-.006,24.225l15.695,15.695a15.00061,15.00061,0,0,1,2.305,18.242,176.78059,176.78059,0,0,0-19.024,45.831,14.99988,14.99988,0,0,1-14.524,11.251H47.134A17.155,17.155,0,0,0,30,239.933v32.134A17.15347,17.15347,0,0,0,47.134,289.2H69.281a15.00011,15.00011,0,0,1,14.524,11.251,176.8151,176.8151,0,0,0,19.024,45.831,15.00061,15.00061,0,0,1-2.305,18.242L84.835,380.213a17.12765,17.12765,0,0,0-.006,24.225l22.725,22.725a17.12938,17.12938,0,0,0,24.225.006l15.694-15.695a15.07089,15.07089,0,0,1,18.244-2.304Z' transform='translate(-0.00002 -0.00002)'/%3E%3Cpath class='a' d='M256,367.4A111.4,111.4,0,1,1,367.4,256,111.52573,111.52573,0,0,1,256,367.4Zm0-192.8A81.4,81.4,0,1,0,337.4,256,81.4917,81.4917,0,0,0,256,174.6Z' transform='translate(-0.00002 -0.00002)'/%3E%3C/svg%3E");
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -3px;
}

#KonfiguratorButton:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511.99998 511.99998'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23f0eee9;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M272.066,512H239.933a47.18754,47.18754,0,0,1-47.134-47.133V453.996a206.69707,206.69707,0,0,1-32.097-13.323l-7.704,7.704a47.13371,47.13371,0,0,1-66.665-.007L63.622,425.66a47.13111,47.13111,0,0,1,.006-66.665l7.698-7.698A206.71281,206.71281,0,0,1,58.003,319.2H47.133A47.18732,47.18732,0,0,1,0,272.067V239.933A47.18752,47.18752,0,0,1,47.134,192.8h10.87a206.75469,206.75469,0,0,1,13.323-32.097L63.623,153a47.13386,47.13386,0,0,1,.006-66.665L86.342,63.623a47.12831,47.12831,0,0,1,66.664.006l7.697,7.697A206.89283,206.89283,0,0,1,192.8,58.003V47.133A47.18688,47.18688,0,0,1,239.934,0h32.133A47.18665,47.18665,0,0,1,319.2,47.133V58.004a206.69672,206.69672,0,0,1,32.097,13.323l7.704-7.704a47.13372,47.13372,0,0,1,66.665.007l22.711,22.71a47.13113,47.13113,0,0,1-.006,66.665l-7.698,7.698A206.71323,206.71323,0,0,1,453.996,192.8h10.87A47.18752,47.18752,0,0,1,512,239.933v32.134A47.1875,47.1875,0,0,1,464.866,319.2h-10.87a206.7536,206.7536,0,0,1-13.323,32.097l7.704,7.704a47.13382,47.13382,0,0,1-.006,66.665l-22.713,22.712a47.12833,47.12833,0,0,1-66.664-.006l-7.697-7.697A206.8941,206.8941,0,0,1,319.2,453.998v10.871A47.18645,47.18645,0,0,1,272.066,512ZM165.717,409.17a176.8123,176.8123,0,0,0,45.831,19.025A14.999,14.999,0,0,1,222.8,442.719v22.148A17.15348,17.15348,0,0,0,239.934,482h32.133a17.15349,17.15349,0,0,0,17.134-17.133V442.719a14.999,14.999,0,0,1,11.252-14.524,176.81208,176.81208,0,0,0,45.831-19.025,14.99932,14.99932,0,0,1,18.243,2.305l15.688,15.689a17.1274,17.1274,0,0,0,24.224.007l22.727-22.726a17.13019,17.13019,0,0,0,.006-24.225l-15.695-15.695a15.00058,15.00058,0,0,1-2.305-18.242,176.78066,176.78066,0,0,0,19.024-45.831,14.99987,14.99987,0,0,1,14.524-11.251h22.147a17.15349,17.15349,0,0,0,17.134-17.133v-32.134a17.15348,17.15348,0,0,0-17.134-17.133H442.72a15.00011,15.00011,0,0,1-14.524-11.251,176.8158,176.8158,0,0,0-19.024-45.831,15.00067,15.00067,0,0,1,2.305-18.242l15.689-15.689a17.12763,17.12763,0,0,0,.006-24.225l-22.725-22.725a17.12937,17.12937,0,0,0-24.225-.006l-15.694,15.695a14.99948,14.99948,0,0,1-18.243,2.305,176.8121,176.8121,0,0,0-45.831-19.025,14.99905,14.99905,0,0,1-11.252-14.524v-22.15a17.15349,17.15349,0,0,0-17.134-17.133H239.935a17.15348,17.15348,0,0,0-17.134,17.133v22.148a14.999,14.999,0,0,1-11.252,14.524,176.81223,176.81223,0,0,0-45.831,19.025,15.00172,15.00172,0,0,1-18.243-2.305l-15.688-15.689a17.12739,17.12739,0,0,0-24.224-.007l-22.727,22.726a17.13018,17.13018,0,0,0-.006,24.225l15.695,15.695a15.00061,15.00061,0,0,1,2.305,18.242,176.78059,176.78059,0,0,0-19.024,45.831,14.99988,14.99988,0,0,1-14.524,11.251H47.134A17.155,17.155,0,0,0,30,239.933v32.134A17.15347,17.15347,0,0,0,47.134,289.2H69.281a15.00011,15.00011,0,0,1,14.524,11.251,176.8151,176.8151,0,0,0,19.024,45.831,15.00061,15.00061,0,0,1-2.305,18.242L84.835,380.213a17.12765,17.12765,0,0,0-.006,24.225l22.725,22.725a17.12938,17.12938,0,0,0,24.225.006l15.694-15.695a15.07089,15.07089,0,0,1,18.244-2.304Z' transform='translate(-0.00002 -0.00002)'/%3E%3Cpath class='a' d='M256,367.4A111.4,111.4,0,1,1,367.4,256,111.52573,111.52573,0,0,1,256,367.4Zm0-192.8A81.4,81.4,0,1,0,337.4,256,81.4917,81.4917,0,0,0,256,174.6Z' transform='translate(-0.00002 -0.00002)'/%3E%3C/svg%3E");
}

#RingDetails #RingPreis {
	display: inline-block;
}
#RingDetails .infobutton {
	background-image: url(../../img/icons/info.svg);
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	cursor: pointer;
}

#RingDetails .infobutton span {
	background: var(--egf-greige-hell);
	position: absolute;
	max-width: 200px;
	padding: 5px 10px;
	margin-left: 25px;
	font-size: 0.85rem;
	display: none;
	z-index: 1;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

#RingDetails .infobutton111:hover span {
	opacity: 1;
}
/*
*
* ==========================================
* # Unterseite
* ==========================================
*
*/
/*
*
* ==========================================
* Karriere
* ==========================================
*
*/
.kununu img {
    height: 100px;
}
#StelleListe .stelle {
	border-bottom: 2px solid #dad4c7;
}

#StelleListe .stelle:last-child {
	border-bottom: 0px;
}

#StelleListe .stelle .icon-weiter {
    width: 45px;
    height: 45px;
}

#StelleListe .stelle .icon-weiter:after {
    content: "";
    height: 30px;
    width: 30px;
    border-top: 2px solid var(--egf-hauptfarbe);
    border-right: 2px solid var(--egf-hauptfarbe);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    border-bottom: 0;
    border-left: 0;
    margin-top: 8px;
}

#StelleListeKacheln .quicklinks .kacheln span {
    font-weight: 100;
    font-size: 14px;
    color: #ffffff;
    z-index: 1;
    margin-top: -65px;
}

#StelleListe .stelle span {
    font-weight: 100;
    font-size: 14px;
}

.events figure {
    margin: 0;
    position: relative;
}

.events figcaption {
    color: #fff;
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-shadow: 0px 0px 6px var(--egf-hauptfarbe);
}


.AuswahlBereich button {
	background-size: 26px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 26px;
	height: 26px;
	font-size: 0;
	border: 0;
	padding: 0;
	opacity: 0.6;
	background: transparent;
}

.AuswahlBereich .listendarstellung {
	background-image: url(../../img/icons/icon-ansicht-liste.svg);
	margin-right: 20px;
}

.AuswahlBereich .bilddarstellung {
	background-image: url(../../img/icons/icon-ansicht-raster.svg);
}

.AuswahlBereich button:focus {
	outline: 0;
	opacity: 1;
}
#StelleListe {
	display: none;
}
.quicklinks.schmal .kacheln a,
#StelleListeKacheln .quicklinks .kacheln a {
    padding-top: 50%;
}

.job-details h1 span {
    display: block;
    margin-bottom: 0.75rem;
}

.description .job-text {
	background: #fff;
	padding: 3rem 3rem;
	margin: 2rem 0;
	padding-left: 10rem;
	position: relative;
}
.description:first-child .job-text {
	margin-top: 0;
}
.description:last-child .job-text {
	margin-bottom: 0;
}

.description .job-text h4 {
	margin-top: 1rem;
}

.description .job-text ul {
	margin-bottom: 0 !important;
	padding-left: 0;
}

.description .job-text:before {
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	width: 3.5rem;
	height: 3.5rem;
	position: absolute;
	left: 3rem;
	top: 3.5rem;
}

.description .job-text.arbeitsplatz:before {
	background-image: url(../../img/icons/karriere/icon-job-erwartet.svg);
}

.description .job-text.qualifikation:before {
	background-image: url(../../img/icons/karriere/icon-job-du.svg);
}

.description .job-text.unternehmen:before {
	background-image: url(../../img/icons/karriere/icon-job-wir.svg);
}

.description .job-text.pluspunkte:before {
	background-image: url(../../img/icons/karriere/icon-job-pluspunkte.svg);
}

.description .job-text.hard-facts:before {
	background-image: url(../../img/icons/karriere/icon-hard-facts.svg);
}

.description .job-text.freuen:before {
	background-image: url(../../img/icons/karriere/icon-freuen.svg);
}
.description .job-text.kontakt:before {
	background-image: url(../../img/icons/karriere/contact-book.svg);
}


/*
*
* ==========================================
* Manufaktur
* ==========================================
*
*/

.quicklinks .kacheln a {
	padding-top: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.Handwerk br,
.quicklinks br {
	display: none;
}

.quicklinks .kacheln img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: All 0.6s ease-in-out;
	-webkit-transition: All 0.6s ease-in-out;
	-moz-transition: All 0.6s ease-in-out;
	-o-transition: All 0.6s ease-in-out;

}

.quicklinks .kacheln .text {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-align: center;
    top: 0;
    color: #fff;
    background: rgba(31, 51, 80, 0.4);
	transition: All 0.6s ease-in-out;
	-webkit-transition: All 0.6s ease-in-out;
	-moz-transition: All 0.6s ease-in-out;
	-o-transition: All 0.6s ease-in-out;
}
.quicklinks .kacheln .text:hover {
    background: rgba(31, 51, 80, 0.8);
}
.quicklinks .kacheln a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.quicklinks .kacheln .text:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 0px solid #dad4c7;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.quicklinks .kacheln .text:hover:after {
	border: 2px solid #dad4c7;
}

.quicklinks .kacheln#aktiv {
    display: none;
}


/* Geschichte Trauringe */
.geschichte-bild,
.geschichte-pikto,
.geschichte h3 {
	text-align: center;
}

.geschichte-pikto img {
    width: 140px;
    margin: 1.5rem auto;
}

.geschichte-bild img {
    width: 240px;
    margin: 1.5rem auto;
}

.geschichte-box {
    margin-bottom: 30px;
}

.geschichte-box .bg-white {
    border: 2px solid #b3aea1;
}
/*
*
* ==========================================
* #Handwerk
* ==========================================
*
*/
#Handwerk .slider-video .slide {
	margin-bottom: 0;
}
#Handwerk .slide-button {
	cursor: pointer;
	position: relative;
	margin-bottom: 1rem;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 1rem 0.5rem 0 0.5rem;
}

#Handwerk .slide-button .schritt {
  background-color: transparent;
  animation-name: color;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

@keyframes color {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #fff;
  }
  100% {
    background-color: transparent;
  }
}

#Handwerk .slide-button .schritt {
	width: 60px;
	height: 60px;
	background: transparent;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
#Handwerk .slide-button:hover,
#Handwerk .slide-button.active {
    border-color: #b3aea1 !important;
    color: rgba(31, 51, 80, 0.6) !important;
}



/*
*
* ==========================================
* Innovationen
* ==========================================
*
*/
.signature {
    background-image: url(../../img/news/legierungen/signature-color.png);
    background-size: contain;
    background-position: right center;
}
/*
*
* ==========================================
* Historie
* ==========================================
*
*/
.historie-nav {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
    height: 100vh;
	font-family: 'Manrope', sans-serif;
}

.historie-nav ul {
	margin: 0;
	padding: 2rem 0.25rem;
	background: rgba(240, 238, 233, 0.75);
}

.historie-nav li {
	padding: 0 !important;
}
.historie-nav li:after  {
    content: "";
    width: 1px;
    height: 10px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-right: 2px solid #dad4c7;
}

.historie-nav li:last-child:after {
	border-width: 3px;
	border-right-style: dotted;
}

.historie-nav li a {
	display: block;
	font-size: 0.85rem;
	padding: 0.25rem;
	width: 5rem;
	height: 32px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.historie-nav li.list-active a {
    font-size: 1.125rem;
    font-weight: 700;
}





/*
*
* ==========================================
* Team
* ==========================================
*
*/


.portrait img {
	width: 220px;
}

/*
*
* ==========================================
* Verantwortung
* ==========================================
*
*/
.pinzette {
    text-align: center;
}
.pinzette img {
    max-height: 50vh;
}

/* Nachhaltigkeit Grafik */
.nachhaltigkeit .icon {
	margin: 5px;
	border-top-right-radius: 40%;
	border-bottom-left-radius: 40%;
	background-size: cover;
	background-position: center;
}

.nachhaltigkeit .icon.green {
	background-color: #9CA64E;
}
.nachhaltigkeit .icon.lightgreen {
	background-color: #C9C358;
}
.nachhaltigkeit .icon.darkgreen {
	background-color: #609078;
}
.nachhaltigkeit .icon.petrol {
	background-color: #245154;
}

.nachhaltigkeit .icon.size-xs {
	width: 100px;
	height: 100px;
	padding: 20px;
}

.nachhaltigkeit .icon.size-s {
	width: 120px;
	height: 120px;
	padding: 25px;
}

.nachhaltigkeit .icon.size-m {
	width: 160px;
	height: 160px;
	padding: 35px;
}
.nachhaltigkeit .icon.size-l {
	width: 185px;
	height: 185px;
	padding: 40px;
}

.nachhaltigkeit .icon img {
	max-width: 70%;
}

.nachhaltigkeit .icon.left,
.nachhaltigkeit .icon.petrol {
	border-top-right-radius: 0rem;
	border-bottom-left-radius: 0rem;	
	border-top-left-radius: 40%;
	border-bottom-right-radius: 40%;
}

.nachhaltigkeit .col-6:first-child .icon  {
	transform-origin: right center;
}
.nachhaltigkeit .col-6:last-child .icon  {
	transform-origin: left center;
}

.nachhaltigkeit .icon {
	transition:All 0.6s ease-in-out;
	-webkit-transition: All 0.6s  ease-in-out;
	-moz-transition:All 0.6s ease-in-out;
	-o-transition:All 0.6s ease-in-out;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
.nachhaltigkeit .icon:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.nachhaltigkeit h4 {
	margin-top: 0;
	margin-bottom: 5px;
}

.nachhaltigkeit p {
    margin-bottom: 0;
}


/* Werte Icon */
.werte .icon {
	background-color: transparent;	
	border: 2px solid #b9b4a8;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	width: 100px;
	height: 100px;
	padding: 25px;
	
	transition:All 0.6s ease-in-out;
	-webkit-transition: All 0.6s  ease-in-out;
	-moz-transition:All 0.6s ease-in-out;
	-o-transition:All 0.6s ease-in-out;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

.werte a {
	color: inherit;
}
.werte .icon {
	padding: 10px;
}
.werte .icon:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.werte .icon:hover {
	background-color: #b9b4a8;
}
.werte .icon img {
	max-width: 40px;
	transition:All 0.6s ease-in-out;
	-webkit-transition: All 0.6s  ease-in-out;
	-moz-transition:All 0.6s ease-in-out;
	-o-transition:All 0.6s ease-in-out;
}

.werte .icon img {
	max-width: 60px;
}

.bewerbungsweg .icon img {
	max-width: 40px;
}

.bg-dark .werte .icon img,
.werte .icon:hover img{
	filter: brightness(0) invert(1);
}

.slider-arrows {
    padding-bottom: 40px;
}
 
.slider-arrows .slick-prev {
    left: 0 !important;
}
.slider-arrows .slick-next {
    right: 0 !important;
}
.slider-arrows img {
    filter: invert(1) brightness(100);
    width: 70px;
}

/* Werte Animation */
.werte-animation {
	border-radius: 50%;
	overflow: hidden;
	width: 600px;
	max-width: 100%;
}
.werte-animation svg {
	width: 100%;
	height: 100%;
	z-index: 1;
}
.werte-animation .st0,
.werte-animation .st1 {
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}
.werte-animation .st1 {
	stroke-width: 0px;	
}
.werte-animation a g.active .st1,
.werte-animation a g.active .st0 {
	fill: #dad4c7;
}


.werte-animation a g.active .st1,
.werte-animation a g.hover .st1 {
	fill: #ffffff;

}

.werte-animation a {
	display: block;
	cursor: pointer	
}
.werte-animation .drehung {
	-webkit-animation: cssAnimation 10s ease-out forwards;
	-moz-animation: cssAnimation 10s ease-out forwards;
	-o-animation: cssAnimation 10s ease-out forwards;
}
@-webkit-keyframes cssAnimation {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(45deg); }
}
@-moz-keyframes cssAnimation {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(45deg); }
}
@-o-keyframes cssAnimation {
	from { -o-transform: rotate(0deg); }
	to { -o-transform: rotate(45deg); }
}


.bg-verantwortung {
	 background-image: url(../../img/kopfgrafik/kopfgrafik-kontakt.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background-attachment: fixed; 
}

.bg-team {
	 background-image: url(../../img/kopfgrafik/kopfgrafik-team.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background-attachment: fixed; 
}


/*
*
* ==========================================
* # Nachhaltigkeitsbereicht
* ==========================================
*
*/
.um-bericht-bg{
	background-image: url('../../img/nachhaltigkeitsbericht/masstaebe-image.webp');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;

	color: var(--egf-greige-hell);
	padding: 50px 0px;
}
.bg-bericht-img-2{
	background-image: url('../../img/nachhaltigkeitsbericht/egf-bericht-bg-2.webp') !important;
}

#Photovoltaik .list{
	margin-top: 10px;
	min-width: 135px;
	width: fit-content;
	padding: 5px 10px;
	background-color: var(--egf-hauptfarbe);
	color: var(--egf-greige-hell);
}

@media only screen and (min-width: 1200px){
	#Nachhaltigkeit.Haltigkeitsbericht .container{
		padding-left: clamp(50px, calc(700px - 20vw), 405px);
	}
}
@media only screen and (min-width: 1921px){
	#Nachhaltigkeit.Haltigkeitsbericht .container{
		padding-left: clamp(50px, calc(250px - 5vw), 200px);
	}	
}


/*
* ==========================================
* Nachhaltigkeits-NAV
* ==========================================
*/
.nachhaltigkeits-nav {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100vh;
	font-family: 'Manrope', sans-serif;
}
.z-2{
	z-index: 2;
	position: relative;
}
.nachhaltigkeits-nav ul {
	margin: 0;
	padding: 2rem 0.25rem;
	background: rgba(240, 238, 233, 0.75);
}

.nachhaltigkeits-nav li {
	padding: 0 !important;
}
.nachhaltigkeits-nav li:after  {
    content: "";
    width: 1px;
    height: 10px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-right: 2px solid #dad4c7;
}

.nachhaltigkeits-nav li:last-child:after {
	border-width: 3px;
	border-right-style: dotted;
}

.nachhaltigkeits-nav li a {
	display: block;
	font-size: 0.85rem;
	padding: 0.25rem;
	width: 25rem;
	height: 32px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nachhaltigkeits-nav li.list-active a {
    font-size: 1.125rem;
    font-weight: 700;
}






/*
*
* ==========================================
* # Faq
* ==========================================
*
*/
.faq.videos {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12rem;
}

.faq.videos .gx-5 {
   padding-left: 8rem;
}
/*
*
* ==========================================
* # Juweliersuche haendlersuche
* ==========================================
*
*/
#haendlersuche {
	text-align: left;
}

#haendlersuche label {
    color: var(--egf-hauptfarbe);
}

#haendlersuche .btn-close {
	width: 24px !important;
	height: 24px !important;
	padding: 10px 0;
	margin-left: 15px;
}

.partner object {
	max-width: 250px;
}


#kopfbereich.normal.juwelier-details h1 {
    font-size: 1rem;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: 0;
}

#kopfbereich.normal.juwelier-details h6 {
    font-size: 2.75rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1.5rem;
    margin-top: 0rem;
}

#Juwelierliste #Adresse .bg-light:hover {
    background-color: #dad4c7 !important;
}

#JuwelierLogo {
	overflow: hidden;
	position: relative;
	color: #fff;
	font-size: 0;
}
#JuwelierLogo img {
    width: auto;
    max-width: 70%;
    max-height: 200px;
    height: auto;
}

#RingBilder .slick-slide img {
	margin: 0 auto;
	width: 300px;
}
#RingBilder .slick-dots {
	display: none !important;
}

#ZusatzTextFeld h2,
#ZusatzTextFeld h4 {
	text-align: center;
	margin-bottom: 3rem;
	margin-top: 1rem;
}
#ZusatzTextFeld strong {
	font-weight: 400;
}
#ZusatzTextFeld h3 {
	text-align: center;
	text-transform: none;
	opacity: 0.7;
	letter-spacing: 0rem;
	margin-bottom: 0rem;
	margin-top: 0;
}


/*
*
* ==========================================
* # Presse
* ==========================================
*
*/
.messen,
.presse {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 30px;
}

.messen #messe,
.presse #artikel {
	background: #fff;
	text-align: center;
	padding: 2rem;
	position: relative;
}

.presse #artikel .artikelbild {
    margin-bottom: 1rem;
    height: 150px;
}

.presse #artikel .artikelbild img {
	height: 100%;
	border: 1px solid rgba(218, 212, 199, 0.5);
}

.messen #artikel .artikel,
.presse #artikel .artikel {
    opacity: 0.6;
    font-size: 0.85rem;
}
.messen #artikel p:last-of-type,
.presse #artikel p:last-of-type {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.messen .info.standnummer {
	color: #fff;
	padding: 1rem;
	width: auto;
	display: inline-block;
	text-align: right;
	position: absolute;
	font-weight: 500;
	line-height: 1.2;
	top: 0;
	right: 0;
	z-index: 1;
}
.messen .info.standnummer:after {
	content:"";
	position: absolute;
	top: 0;
	right: 0;
	height: 0;
	border-top: 170px solid #ca9e67;
	border-left: 170px solid transparent;
	z-index: -1;
}
.messen #messe .artikeldatum p {
    /* background: #f1f0ea; */
    padding: 15px;
    margin-top: 2rem;
    border-top: 2px solid var(--egf-greige-hell);
    border-bottom: 2px solid var(--egf-greige-hell);
    font-weight: 700;
    color: var(--egf-hauptfarbe);
}

.messen #messe .artikelbild a {
	margin-bottom: 1.5rem;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	overflow: hidden;
}

.messen #messe .artikelbild img {
	height: auto;
	max-height: 100%;
	max-width: 80%;
	object-fit: contain;
	border: 0px solid rgba(218, 212, 199, 0.5);
}

/*
*
* ==========================================
* # Downloads
* ==========================================
*
*/

.download-header .download {
    background: url(../../img/icons/icon-download.svg);
    background-size: 30px;
    background-position: right center;
    background-repeat: no-repeat;
}
.download-header .download a {
	display: block;
	opacity: 1;
	color: var(--egf-hauptfarbe);
}
/*
*
* ==========================================
* # Slider
* ==========================================
*
*/

.slick-slide:focus {
	outline: 0 !important;
}

.slider-carousel .slick-track {
	display: flex !important;
}
.slick-slider .slick-dots {
	position:absolute;
	right: 0;
	margin: 0 !important;
	bottom: 30px;
	opacity: 0;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

.slick-slider:hover .slick-dots {
	opacity: 1;
}
.slick-dots li button:before {
	content: normal !important;
}

.slick-slider .slick-dots li{
	height: 2px;
	width: 20px;
	padding: 0 !important;
	margin: 0 4px !important;
	border-radius: 0%;
	border: 0px solid #ffffff;
	background:rgba(255, 255, 255, 0.5);
}

.slick-slider .slick-dots li:before{
	content: normal !important;
}
.slick-dots li button {
	height: 14px;
	width: 14px;
}
 slick-slider .slick-dots li.slick-active {
	background: #dad4c7;
}

.bg-dark .slider .slick-dots li {
	border-color: #fff; 
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-next,
.slick-next:hover,
.slick-next:focus,
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
	width: 11px !important;
	height: 20px !important;
	z-index: 100 !important;
	top: 50%;
}
.swiper-button-next,
.slick-next {
	right: 20px !important;
}
.swiper-button-prev,
.slick-prev {
	left: 20px !important;
}
.container .slick-next {
	right: -20px !important;
}
.container .slick-prev {
	left: -20px !important;
}
.container .swiper-button-next {
	right: 30px !important;
}
.container .swiper-button-prev{
	left: 30px !important;
}

.swiper-button-prev:after,
.slick-prev:before {
	content: "" !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.182' height='28.121'%3E%3Cpath d='M15.121 1.061l-13 13 13 13' fill='none' stroke='%231f3350' stroke-width='3'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	height: 20px;
	width: 11px;
	display: inline-block;
}

.swiper-button-next:after,
.slick-next:before {
	content: "" !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.182' height='28.121'%3E%3Cpath d='M1.06 1.061l13 13-13 13' fill='none' stroke='%231f3350' stroke-width='3'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	height: 20px;
	width: 11px;
	display: inline-block;
}

.bg-dark .slick-prev:before,
.videoslider .slick-prev:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.182' height='28.121'%3E%3Cpath d='M15.121 1.061l-13 13 13 13' fill='none' stroke='%23ffffff' stroke-width='3'/%3E%3C/svg%3E");
}

.bg-dark .slick-next:before,
.videoslider .slick-next:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.182' height='28.121'%3E%3Cpath d='M1.06 1.061l13 13-13 13' fill='none' stroke='%23ffffff' stroke-width='3'/%3E%3C/svg%3E");
}

.slick-next:hover,
.slick-next:focus,
.slick-prev:hover,
.slick-prev:focus {
	opacity: 0.75;
}

.slick-slide img {
	margin: 0 auto;
}

.quicklinks.news-carousel .slick-prev:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.182' height='28.121'%3E%3Cpath d='M15.121 1.061l-13 13 13 13' fill='none' stroke='%23ffffff' stroke-width='3'/%3E%3C/svg%3E");
}

.quicklinks.news-carousel .slick-next:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.182' height='28.121'%3E%3Cpath d='M1.06 1.061l13 13-13 13' fill='none' stroke='%23ffffff' stroke-width='3'/%3E%3C/svg%3E");
}
/* Video Slider */
.slider-video .slide {
	margin-bottom: 3rem;
}
.slider-video .slick-dots {
	opacity: 1;
	width: auto;
	top: 0;
	bottom: auto;
}

.slider-video .slick-dots li {
	background: transparent;
	display: none;
	width: auto;
	height: auto;
	margin: 0 !important;
}
.slider-video .slick-dots .slick-active {  
	display: block;
}

.slider-video .slick-dots .slick-active button {
	font-size: 1.5rem;
	line-height: 1;
	color: var(--egf-hauptfarbe);   
	width: auto;
	height: auto;
	padding: 0;
}

.slider-video .slick-dots .slick-active button:after {
	content: " / 11";
}

.slider-video .slick-prev, 
.slider-video .slick-next {
	top: auto;
	bottom: 0;
	width: auto !important;
}

.slider-video .slick-prev {
	left: 0 !important;
}

.slider-video .slick-next {
	right: 0 !important;
}

/*
*
* ==========================================
* # Lightcase
* ==========================================
*
*/
#lightcase-case {
	font-size: 1rem;
	font-family: inherit;
	line-height: inherit;
	text-shadow: inherit;
}

#lightcase-content * {
    color: inherit !important;
}
.lightcase-inlineWrap {
	padding: 0!important;
	height: auto !important;
}
#lightcase-content {
	background: transparent !important;
}
#lightcase-overlay {
	background: #000;
	opacity: 0.9 !important;
}
.lightcase-open #popup-video {
	border: 0 !important;
	padding: 0 !important;
}

.verbaende img {
    width: auto;
    max-height: 110px;
    max-width: 90%;
}
.verbaende.partner div {
    flex: 1;
}
.verbaende.partner img {
	max-width: 160px;
	margin: 0 auto;
	filter: grayscale(100%);
	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out;
}
.verbaende.partner img:hover {
    filter: grayscale(0%);
}
#lightcase-content p {
    color: inherit;
}
/*
.verbaende div:nth-child(1) img {
	max-height: 45px;
}
.verbaende div:nth-child(2) img {
	max-height: 80px;
}
.verbaende div:nth-child(3) img {
	max-height: 45px;
}
.verbaende div:nth-child(4) img {
	max-height: 65px;
}
.verbaende div:nth-child(5) img {
	max-height: 25px;
}
*/

/*
*
* ==========================================
* # Produktseiten / Zubehör
* ==========================================
*
*/

#kollektionsliste{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
#kollektionsliste .kollektion{
	background-color: #ffffff;
	padding-right: 40px;
	padding-left: 40px;
}

/*
*
* ==========================================
* # Footer
* ==========================================
*
*/
.footer {
	z-index: 999;
}

.footer .binder-gruppe {
	opacity: 0.75;
}
.footer .container {
	padding-top: 4rem;
	padding-bottom: 1px;
	border-top: 1px solid var(--egf-hauptfarbe);
}
.footer ul li {
	padding: 0!important;
}
.footer .navbar-brand {
    padding-bottom: 3rem;
}
.footer .fa-brands {
    display: none;
}
.footer a {
	color: var(--egf-hauptfarbe);
}

.footer .footer-inner-list ul{
	padding-left:0;
}

.footer h4 {
	font-size: var(title3);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: var(--letter-spacing3);
}
.footer-inner-list a {
    padding: 4px 0;
    display: block;
}
.footer .nav-link  {
	color: var(--egf-hauptfarbe);
	display: inline-block;
	border-bottom: 1px solid rgba(31, 51, 80, 0);
}

.navbar-brand.binder-gruppe object {
    height: 24px;
}

.footer .nav-link:hover {
	border-bottom: 1px solid var(--egf-hauptfarbe);
}
.footer .rechtliches a {
    padding: 2px 10px;
    display: inline-block;
}

.eisvogel img {
    mix-blend-mode: darken;
    width: 120px;
}
.social-media a {
	display: inline-block;
	color:var(--egf-hauptfarbe);
}
.social-media i {
	font-size: 1.5rem;
	margin-top: 15px;
}

.social-media .fa {
	margin-left: 8px;
	margin-right: 8px;	
}
.social-media a:first-child .fa {
	margin-left: 0px;
}
.social-media a:last-child .fa {
	margin-right: 0px;	
}

.social-media .fa:before {
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}
.social-media .fa:hover:before {
    opacity: 0.8;
}

.chat {
	background-color: var(--egf-hauptfarbe);
	color: rgb(218, 212, 199);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.512' height='28'%3E%3Cpath d='M18.632 8.776H8.881a1.045 1.045 0 000 2.09h9.751a1.045 1.045 0 000-2.09zM18.632 12.959H8.881a1.045 1.045 0 100 2.089h9.751a1.045 1.045 0 100-2.089zM18.632 17.134H8.881a1.045 1.045 0 100 2.089h9.751a1.045 1.045 0 100-2.089z' fill='rgb(218, 212, 199)'/%3E%3Cpath d='M13.756 0A13.764 13.764 0 00.942 18.771a13.556 13.556 0 001.921 3.377l-1.875 4.4A1.045 1.045 0 001.95 28a1.01 1.01 0 00.18-.016l7.1-1.24a13.357 13.357 0 004.521.768A13.756 13.756 0 0013.756 0zm0 25.423a11.236 11.236 0 01-4.048-.731 1.039 1.039 0 00-.554-.054l-5.488.962 1.369-3.211a1.045 1.045 0 00-.171-1.094 11.364 11.364 0 01-1.975-3.283 11.669 11.669 0 1110.867 7.415z' fill='rgb(218, 212, 199)'/%3E%3C/svg%3E");
	width: 60px;
	height: 60px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 1000;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
}
.back-top {
    position: absolute;
    right: 30px;
    top: -30px;
}

.back-top a {
	background: var(--egf-hauptfarbe);
	width: 60px;
	height: 60px;	
	border-radius: 0%;
	padding: 0 !important;
}

.back-top a:after {
	content: "";
	height: 24px;
	width: 24px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-bottom: 0;
	border-right: 0;
	transform: rotate(45deg);
	display: inline-block;
	margin-top: 12px;
	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out;
}

.back-top a:hover:after {
	margin-top: 0px;
}

/*Kontakt*/
.kontakt .icon {
	height: 26px;
	display: block;
	margin: 0 auto;
}

#map-canvas {
	display: block;
	width: 100%;
	padding-top: calc(250 / 800 * 100%);
}

#map-canvas a {
	font-family: 'Manrope', sans-serif;
    color: var(--egf-hauptfarbe)!important;
    text-align: left;
    margin: 0 auto;
	display: block;
}

/*Accordion */
.accordion {
    margin-bottom: 60px;
}

.accordion .text {
	display: none;
	margin: 30px 0px;
}
#newsaccordeon.accordion .text {
	margin: 0px 0px;
}
#newsaccordeon.accordion .accordion-button {
	margin-bottom: 12px;
	padding-left: 0;
	padding-right: 0;
}
#newsaccordeon .accordion-body {
	padding: 0px;
}
.accordion .headline {
	position: relative;
	padding: 20px 20px 15px 20px;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.accordion .headline {
	display: grid;
	width: 100%;
	height: 100%;
	grid-gap: 10px;
	grid-template-columns: 70% 30%;
}

.accordion .headline h2{
	margin: 0px;
}

.accordion .headline:before {
	cursor: pointer;
    content: "";
    position: absolute;
    bottom: 15px;
    right: 60px;
}

.accordion .headline:after {
	cursor: pointer;
	content: "";
	height: 20px;
	width: 20px;
	border-right: 2px solid var(--egf-hauptfarbe);
	border-bottom: 2px solid var(--egf-hauptfarbe);
	transform: rotate(45deg);
	position: absolute;
	bottom: 25px;
	right: 20px;
	vertical-align: middle;
	transition:All 0.4s ease-out;
	-webkit-transition:All 0.4s ease-out;
	-moz-transition:All 0.4s ease-out;
	-o-transition:All 0.4s ease-out;
}

.accordion .headline:hover:before {
	color: var(--egf-hauptfarbe);
}
.accordion .headline:hover:after {
	opacity: 0.5;
}

.accordion .headline img {
    padding: 0px 0px 20px 0px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
}

/*Accordion ENDE*/

/* Sprache */
.navbar-primary .btn-language,
.navbar-primary .btn-contact,
.offcanvas-header .btn-language,
.offcanvas-header .btn-contact {
	flex: none;
}

#SprachWechsler {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: -1px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#SprachWechsler .sprachliste {
	display: none;
	margin-right: 5px;
	opacity: 0;
	transition:All 0.4s ease-out;
	-webkit-transition:All 0.4s ease-out;
	-moz-transition:All 0.4s ease-out;
	-o-transition:All 0.4s ease-out;
}
#SprachWechsler .sprachliste.aktiv {
    display: inline-block;
    opacity: 1;
}

.wg-list.country-selector a {
    padding: 0 5px !important;
}
.country-selector a,
.wg-default .wg-list a {
	color: var(--egf-hauptfarbe) !important;
	font-weight: 400 !important;
}
.wg-drop.country-selector ul,
.wg-drop.country-selector .wgcurrent {
    border: 1px solid var(--egf-hauptfarbe);
}
.wg-list.country-selector .wgcurrent a {
	text-decoration: none !important;
	font-weight: 600 !important;
}
.country-selector .wg-li.focus a,
.country-selector a:hover {
    color: var(--egf-hauptfarbe) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.wg-progress {
    background-color: var(--egf-greige-hell) !important;
}
.wg-progress-bar {
    background-color: var(--egf-hauptfarbe) !important;
}
.country-selector--highlight:not(.gu-mirror):not(.gu-transit) .weglot_switcher {
    outline: 8px solid var(--egf-hauptfarbe) !important;
}
.wg-drop.country-selector .wgcurrent:after {
    color: var(--egf-hauptfarbe) !important;
}

/* Flags */
#SprachWechsler .wg-drop.country-selector {
    background-color: transparent;
    display: flex;
}
#SprachWechsler .wg-drop.country-selector ul {
	background-color: transparent;
	border: 0px;
	display: flex !important;
	position: relative;
	max-height: unset;
   min-width: unset;
   top: 0px;
}
#SprachWechsler .wg-drop.country-selector .wgcurrent {
    border: 0px;
    width: auto;
    display: inline-block;
}
#SprachWechsler .wg-flags a img.wg-flag {
    height: 28px;
    width: 28px;
    margin-right: 0;
    filter: saturate(0.9);
}

#SprachWechsler .wg-drop.country-selector a {
    height: auto;
    width: auto;
    display: inline-block;
    padding: 0 3px;
}
#SprachWechsler .wg-drop.country-selector .wgcurrent:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.182' height='28.121'%3E%3Cpath d='M15.121 1.061l-13 13 13 13' fill='none' stroke='%23f0eee9' stroke-width='3'/%3E%3C/svg%3E");
	background-size: 9px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	left: 3px;
	right: auto;
	background-color: rgba(31, 51, 80, 0.6);
	border-radius: 50%;
	display: none;
}
/* Sprache */
#suche * {
  outline: none;
  box-sizing: border-box;
}
.suche-wrapper {
	position: relative;
	margin-right: 0;
	margin-left: auto;
}
#suche #SuchFeld {
	width: 28px;
	height: 28px;
	background: transparent;
	color: transparent;
	font-size: inherit;
	padding: 0em 28px 0em 0em;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	font-size: 0.85rem;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
#suche #SuchFeld:focus {
  border-bottom-color: var(--egf-hauptfarbe);
  width: 100%;
  color: var(--egf-hauptfarbe);
  cursor: default;
}
#suche #SuchFeld:focus ~ #suche .icon {
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
}
#suche .icon {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  width: 28px;
  height: 28px;
  font-size: 0.85rem;
  text-align: center;
  border-color: transparent;
  pointer-events: none;
  display: inline-block;
  transition: background-color 0.2s ease-in-out;
}

#suche #SuchFeld::-webkit-input-placeholder {
	font-family: 'Manrope', sans-serif;
	position: relative;
	top: 0;
	left: 0;
	transition-property: top, color;
	transition-duration: .1s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
#suche #SuchFeld:-moz-placeholder {
	font-family: 'Manrope', sans-serif;
	position: relative;
	top: 0;
	left: 0;
	transition-property: top, color;
	transition-duration: .1s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
#suche #SuchFeld::-moz-placeholder {
	font-family: 'Manrope', sans-serif;
	position: relative;
	top: 0;
	left: 0;
	transition-property: top, color;
	transition-duration: .1s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
#suche #SuchFeld:-ms-input-placeholder {
	font-family: 'Manrope', sans-serif;
	position: relative;
	top: 0;
	left: 0;
	transition-property: top, color;
	transition-duration: .1s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
#suche #SuchFeld::-webkit-input-placeholder[style*=hidden] {
	box-shadow: none;
	color: var(--egf-hauptfarbe);
	font-weight: normal;
	top: -20px;
	opacity: 1;
	visibility: visible !important;
}
#suche #SuchFeld:-moz-placeholder[style*=hidden] {
	box-shadow: none;
	color: var(--egf-hauptfarbe);
	font-weight: normal;
	top: -20px;
	opacity: 1;
	visibility: visible !important;
}
#suche #SuchFeld::-moz-placeholder[style*=hidden] {
	box-shadow: none;
	color: var(--egf-hauptfarbe);
	font-weight: normal;
	top: -20px;
	opacity: 1;
	visibility: visible !important;
}
#suche #SuchFeld:-ms-input-placeholder[style*=hidden] {
	box-shadow: none;
	color: var(--egf-hauptfarbe);
	font-weight: normal;
	top: -20px;
	opacity: 1;
	visibility: visible !important;
}

#suchergebnis .RingVorschau {
    padding-top: 0;
	overflow: visible;
}
#suchergebnis .RingVorschau img,
#suchergebnis .RingVorschau:hover img {
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
    transform-origin: inherit;
}
#suchergebnis .RingVorschau .RingInfo {
    position: relative;
    color: var(--egf-hauptfarbe);
    opacity: 1;
    background: transparent;
	width: auto;
    height: auto;
    top: auto;
    bottom: auto;
	padding-bottom: 2rem;
}
#suchergebnis .RingVorschau .RingInfo a {
	color: var(--egf-hauptfarbe) !important;	
}
#suchergebnis .ZusatzVideoBereich, 
#suchergebnis .ZusatzBildBereich {
    display: none;
}

/*******************************************************/
/* Parallax */
/*******************************************************/

.jarallax {
	position: relative;
	z-index: 0;
	height: 50vh;
	min-height: 400px;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/*******************************************************/
/* Karriere */
/*******************************************************/

.herz {
	font-family: 'Manrope', sans-serif;
	font-size: medium;
	top: -0.7em;
}

/*
*
* ==========================================
* # Responsive
* ==========================================
*
*/
@media(min-width:2000px) {
	#content-wrapper {
		max-width: 1920px;
		margin: 0 auto;
	}
	.RingVorschau .RingInfo {
    	padding: 1rem;
	}
}

@media(max-width:1440px) {
	.container {
		padding-right: 4rem;
		padding-left: 4rem;
	}	
	.navbar-nav {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	.RingVorschau .RingInfo {
    	padding: 1rem;
	}
}
@media(max-width:1280px) {
	.RingVorschau .RingInfo .flex-xl-row {
    	flex-direction: column !important;
	}
	.RingVorschau .RingInfo .btn-link {
		display: block;
		margin-right: 0 !important;
    	margin-top: 1rem !important;
	}
	#StelleListeKacheln h4{
		font-size: 1.0rem
	}	
}

.legendentext{
	font-size: 10px;
}