/*********************************************************************/
/*Fonts*/
/*********************************************************************/
/*Poppins*/
@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold_italic';
    src: url('../fonts/poppins/poppins-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsbold_italic';
    src: url('../fonts/poppins/poppins-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsitalic';
    src: url('../fonts/poppins/poppins-italic-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Playfair*/
@font-face {
    font-family: 'playfair_displayitalic';
    src: url('../fonts/playfairdisplay/playfairdisplay-italic-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay/playfairdisplay-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('../fonts/playfairdisplay/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*********************************************************************/
.geladen,
body {
	background-color: #fff;
    font-family: 'Poppins', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	color: #1e1e1e;
	margin: 0;
	width: 100%;
}

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;
}
/*********************************************************************/
/*Preloader Startseite*/
/*********************************************************************/
.startseite #preloader {
	display: none;
}

.startseite #loader-wrapper {
    position: fixed;
    top: 0px;
	left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
	overflow: hidden;
}

.startseite #loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 5%;
	box-sizing: border-box;
	background: #1e1e1e;
	z-index: 1000;
}

.startseite #loader-wrapper .loader-section .section-border {
	position: relative;
	width: 100%;
	height: 100%;
}


.startseite #loader {
    position: relative;
    top: 0;
	width: 100%;
    height: 100%;
    z-index: 2000;
	text-align: center;
}


.startseite #loader #Logo-Animation {
    display: block;
    max-width: 100%;
    width: 190px;
	height: 190px;
    position: relative;
	left: 50%;
	top: -95px;
	margin-left: -95px;
	transform-origin: top;
    transform: translate(50%);
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -o-transform: translate(50%);
    -ms-transform: translate(50%);


}

.startseite #loader .schrift {
	fill: #fff;
	text-align: center;
}

.startseite #loader .border {
	fill:none;
	stroke:#fff;
	stroke-width: 10;
	stroke-miterlimit: 10;
	stroke-align: inside;
}


/* Loaded styles */
.startseite #loader .border {
	transform-origin: center;
	animation: RotateIn 1s ease-out 0s both;
	-webkit-animation: RotateIn 1s ease-out 0s both;
	-moz-animation: RotateIn 1s ease-out 0s both;
	-o-animation: RotateIn 1s ease-out 0s both;
}
@-keyframes RotateIn {
	0% { transform: rotate(45deg) scale(0.4);}
	50% { transform: rotate(45deg) scale(1);}
	100% { transform: rotate(90deg) scale(1);}
}

@-webkit-keyframes RotateIn {
	0% { -webkit-transform: rotate(45deg) scale(0.4);}
	50% { transform: rotate(45deg) scale(1);}
	100% { -webkit-transform: rotate(90deg) scale(1);}
}
@-moz-keyframes RotateIn {
	0% { -moz-transform: rotate(45deg)scale(0.4);}
	50% { transform: rotate(45deg) scale(1);}
	100% { -moz-transform: rotate(90deg)scale(1);}
}
@-o-keyframes RotateIn {
	0% { -moz-transform: rotate(45deg) scale(0.4);}
	50% { transform: rotate(45deg) scale(1);}
	100% { -o-transform: rotate(90deg) scale(1);}
}

.startseite #loader .schrift  {
	animation: fadeIn 1s ease;
	-webkit-animation: fadeIn 1s ease-in-out 1s both;
	-moz-animation: fadeIn 1s ease-in-out 1s both;
	-o-animation: fadeIn 1s ease-in-out 1s both;
}

@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes fadeIn {
	0% { opacity: 0;}
	100% { opacity: 1; }
}

#Logo-Animation {
	transform-origin: top center;
	animation: fadeOutUp 1s 2s ease-in-out both;
	-webkit-animation: fadeOutUp 1s 2s ease-in-out both;
	-moz-animation: fadeOutUp 1s 2s ease-in-out both;
	-o-animation: fadeOutUp 1s 2s ease-in-out both;
}

@keyframes fadeOutUp {
	0%  { transform: translateY(50vh); }
	95% { transform: translateY(0vh); opacity: 1; top: 0px;}
	100% { transform: translateY(0vh); opacity: 0; top: 0px;}
}

@-webkit-keyframes fadeOutUp {
	0%  { transform: translateY(50vh); }
	95% { transform: translateY(0vh); opacity: 1; top: 0px;}
	100% { transform: translateY(0vh); opacity: 0; top: 0px;}
}
@-moz-keyframes fadeOutUp {
	0%  { transform: translateY(50vh); }
	95% { transform: translateY(0vh); opacity: 1; top: 0px;}
	100% { transform: translateY(0vh); opacity: 0;top: 0px;}
}
@-o-keyframes fadeOutUp {
	0%  { transform: translateY(50vh); }
	95% { transform: translateY(0vh); opacity: 1; top: 0px;}
	100% { transform: translateY(0vh); opacity: 0; top: 0px;}

}

.startseite.loaded #loader,
.startseite.loaded #loader-wrapper {
	animation: ScaleOut 0.7s 0.3s ease-out forwards;
	-webkit-animation: ScaleOut 0.7s 0.3s ease-out forwards;
	-moz-animation: ScaleOut 0.7s 0.3s ease-out forwards;
	-o-animation: ScaleOut 0.7s 0.3s ease-out forwards;	
}

@keyframes ScaleOut {
	from { transform: translateY(0px);}
	to { transform:  translateY(0px); opacity: 0;display: none;visibility: hidden;}
}

@-webkit-keyframes ScaleOut {
	from { -webkit-transform: translateY(0px);}
	to { -webkit-transform:  translateY(0px); opacity: 0; display: none;visibility: hidden;}
}
@-moz-keyframes ScaleOut {
	from { -moz-transform: translateY(0px);}
	to { -moz-transform:  translateY(0px); opacity: 0;display: none;visibility: hidden; }
}
@-o-keyframes ScaleOut {
	from { -o-transform: translateY(0px);}
	to { -o-transform:  translateY(0px); opacity: 0;display: none;visibility: hidden;}
}
/*Preloader Normal*/
#preloader {
	background: #1e1e1e;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2000;
	animation: FadeBody 0.7s 0.3s ease-out forwards;
	-webkit-animation: FadeBody 0.7s 0.3s ease-out forwards;
	-moz-animation: FadeBody 0.7s 0.3s ease-out forwards;
	-o-animation: FadeBody 0.7s 0.3s ease-out forwards;	
}

@keyframes FadeBody {
	from { transform: translateY(-20px);}
	to { transform:  translateY(0px); opacity: 0;display: none;visibility: hidden;}
}

@-webkit-keyframes FadeBody {
	from { -webkit-transform: translateY(-20px);}
	to { -webkit-transform:  translateY(0px); opacity: 0; display: none;visibility: hidden;}
}
@-moz-keyframes FadeBody {
	from { -moz-transform: translateY(-20px);}
	to { -moz-transform:  translateY(0px); opacity: 0;display: none;visibility: hidden; }
}
@-o-keyframes FadeBody {
	from { -o-transform: translateY(-20px);}
	to { -o-transform:  translateY(0px); opacity: 0;display: none;visibility: hidden;}
}
/*Preloader ENDE*/

::selection {
	background: #1e1e1e;
	color: #ffffff;
}

::-moz-selection {
	background: #1e1e1e;
	color: #ffffff;
}

h1, h2, h3 {
	line-height: 1.2;
	font-family: 'playfair_displayregular';
	letter-spacing: 0.02em;
}

h4, h5 {
	line-height: 1.6;
}

h1 {
	font-size: 3rem;
	font-weight: 400;
	margin-top: 100px;
	margin-bottom: 60px;
	text-align: center;
	text-transform: uppercase;
}

h1:empty,
h2.subheadline:empty {
	display: none;
}

h2 {
	font-size: 2rem;
	font-weight: 400;
	margin-top: 40px;
	margin-bottom: 20px;
	position:relative;
}

h3 {	
	font-size: 1.75rem;
	font-weight: 400;
	margin-top: 40px;
	margin-bottom: 20px;
}

h4 {	
	font-size: 1.250rem;
	font-weight: 400;
	margin-top: 40px;
	margin-bottom: 20px;
}

.italic {
	font-family: 'playfair_displayitalic';
	color: #828286;
}

h2.subheadline {
	margin-top: -40px;
	margin-bottom: 60px;
}
.subheadline {
	font-family: 'playfair_displayitalic';
	color: #828286;
	text-align: center;
}

p {
	line-height: 26px;
}

a {
	text-decoration: none;
	color: #828286;
}

a:hover {
	text-decoration: none;
	color: #1e1e1e;
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

a:focus,
a:active {
	outline: 0 none;
}

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

img {
	max-width: 100%;
	border: none;
}

hr {
	border-top: 1px solid #aaaaae;
	border-bottom: 0px;
	margin: 40px 0px;
}

strong, b {
	font-weight: 600;
}

.BG-light {
	background: #f0f0f2;

}
.BG-dark {
	background: #303030;
	color: #ffffff;
}

.BG-darker {
	background: #1e1e1e;
	color: #ffffff;
}


.border-top,
.border-bottom,
.border-left,
.border-right,
.border {
	border-color: #1e1e1e!important;
	border-width: 2px!important;
}

.container {
	max-width: 1300px;
}

.container-small {
    max-width: 700px;
    margin: 0 auto;
}

#content-wrapper {
    max-width: 2000px;
    margin: 0 auto;
}
/*******************************************************/
/*Menü*/
/*******************************************************/
#close-popper {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 10px;
    top: 10px;
}
#close-popper:before {
	content:"";
	background-color: #ffffff;
    display: block;
    height: 2px;
    left: 0;
	    top: 10px;
    opacity: 1;
    position: absolute;
    width: 100%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#close-popper:after {
	content:"";
	background-color: #ffffff;
    display: block;
    height: 2px;
    left: 0;
	top: 10px;
    opacity: 1;
    position: absolute;
    width: 100%;
	content:"";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.closed {
	display: none!important;
}

.info {
	z-index: 10;
	position: fixed;
	text-align: left;
	font-size: 14px;
	bottom: 50vh;
	margin-bottom: -120px;
	width: 240px;
	height: 240px;
	padding: 20px 30px;
	visibility: visible;
	left: 0px; 
	color: #fff;
	
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.info {
	-webkit-animation: colorAnimation 3s infinite ease-in-out alternate;
	-moz-animation: colorAnimation 3s infinite ease-in-out alternate;
	-o-animation: colorAnimation 3s infinite ease-in-out alternate;
	animation: colorAnimation 3s infinite ease-in-out alternate;
}
@-webkit-keyframes colorAnimation {
	from { background: #00bfbf; }
	to { background: #ea5463; }
}
@-moz-keyframes colorAnimation {
	from { background: #00bfbf; }
	to { background: #ea5463; }
}
@-o-keyframes colorAnimation {
	from { background: #00bfbf; }
	to { background: #ea5463; }
}

@keyframes colorAnimation {
	from { background: #00bfbf; }
	to { background: #ea5463; }
}

.info a {
	color: #fff;
	display: block;
}

.info h3 {
	color: #fff;
	margin-top: 0px;
	margin-bottom: 10px;
}
.info .weiterlink {
	margin-top: 10px;
	display: block;
}

.info span {
    margin: 0;
    line-height: 1.5;
}

#logo {
	display: inline-block;
}

#logo-mobil {
	display: none;
}

#logo object {
	width: 130px;
	height: 130px;
	max-width: 100%;
}

#logo a {	
	position: absolute;
	display: inline-block;
	margin-left: -65px;
	left: 50%;
	top: 30px;
}

#logo-mobil a:after,
#logo a:after {
  content: ""; 
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
}

#mobile-menu {
    display: none;
}

#header {
	position: fixed;
	display: inline-block;
	width: 100%;
	top: 0px;
	left: 0;
	z-index: 999;
}

#nav-wrapper.active #header {
    top: 0;
    z-index: 1001;
}

#nav-wrapper.open #main_nav {
	display: block;
}

#main_nav {
	width: 100%;
}

#main_nav ul {
	margin: 0px; 
	padding: 0px;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

#main_nav ul li {
	display: block;
	cursor: pointer;
	position: relative;	
	margin: 0px 15px;
	border-bottom: 2px solid rgba(0,0,0,0);
}

#main_nav > div > ul > li:focus,
#main_nav > div > ul > li:hover,
#main_nav > div > ul > li.aktiv {
	border-bottom: 2px solid #aaaaae;
}

#main_nav > div > ul > li > a {
	padding: 30px 0px 10px 0px;	
	color: #ffffff;
	display: block;
}

#main_nav .sub_menu .DesktopHidden {
    display: block;
}

.col-md-hidden {
    display: none !important;
}


/*Menü White*/
#nav-wrapper #logo .white {
	display: block;
	background: transparent;
}

#nav-wrapper.active #logo .white {
	display: none;
}

#nav-wrapper.active #main_nav > div > ul > li > a {
	padding: 15px 0px;	
	color: #1e1e1e;
	display: block;
}

#nav-wrapper.active #main_nav > div > ul > li > a:hover,
#nav-wrapper.active #main_nav > div > ul > li.aktiv > a {
	color: #1e1e1e;
}

#nav-wrapper.active #logo a {
	top: 0px;
}

/*Menü On Scroll*/
#nav-wrapper.active #header {
	background: #ffffff;
	box-shadow: 0px 0px 5px rgba(30, 30, 30, .2);
}

#nav-wrapper #logo .black {
	display: none;
}

#nav-wrapper.active #logo .box-shadow {
	position: relative;
}

#nav-wrapper.active:after {
	content: "";
	display: block;
	width: 130px;
	height: 130px;
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -65px;
 	box-shadow: 0px 0px 5px rgba(30, 30, 30, .2);
	z-index:-1;
}

#nav-wrapper.active #logo .black {
	background: #fff;
	display: block;
	padding: 7px; 
}
#nav-wrapper.black.active #main_nav ul > li > a {
	padding: 30px 0px;
}

#nav-wrapper,
#nav-wrapper.active,
#nav-wrapper #logo a,
#nav-wrapper.active #logo a,
#nav-wrapper #main_nav ul > li > a,
#nav-wrapper.active #main_nav ul > li > a {
	transition: All 0.2s ease-out;
	-webkit-transition: All 0.2s ease-out;
	-moz-transition: All 0.2s ease-out;
	-o-transition: All 0.2s ease-out;	
}


/*Submenü*/
#main_nav .sub_menu {
	position: absolute;
	font-size: 0.875em;
	text-transform: none;
	display: block;
	width: auto;
	min-width: 200px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	margin-top: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#main_nav ul li:focus .sub_menu,
#main_nav ul li:hover .sub_menu {
	opacity: 1;
	visibility: visible;
}

#main_nav ul li .sub_menu li {
	display: block;
	padding: 0px;
	margin: 0px 0px;
}

#nav-wrapper #main_nav ul li .sub_menu li a {
	display: block;
	color: #ffffff;
	padding: 0px 0px;
}

#nav-wrapper #main_nav ul li .sub_menu li a:hover {
	color: #aaaaae;
}

#nav-wrapper.active #main_nav .sub_menu {
	background: #f0f0f2;
}

#nav-wrapper.active #main_nav ul li .sub_menu li a {
	color: #1e1e1e;
	padding: 0px 10px;
}

#nav-wrapper.active #main_nav ul li .sub_menu li a:hover {
	color: #aaaaae;
}

/*SubNav*/
#sub-navigation.hersteller .kachel {
    background: #1e1e1e;
	height: 100%;
	min-height: 500px;
}

#sub-navigation.hersteller .kachel > a {
	position: relative;
	display: block;
	width: 100%;
}

#sub-navigation.hersteller .kachel img {
    position: relative;
    z-index: 0;
	display: none;
}

#sub-navigation.hersteller .kachel {
	background: url(../bilder/produkte/uhren.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#sub-navigation.hersteller .kachel.trauringe {
	background: url(../bilder/produkte/ringe.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#sub-navigation.hersteller .kachel.schmuck {
	background: url(../bilder/produkte/schmuck.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#sub-navigation.hersteller .kachel .inhalt {
 	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

#sub-navigation.hersteller .kachel .inhalt:after {
	position: absolute;
	background: rgba(30, 30, 30, 0.4);
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	z-index: 0;
}

#sub-navigation.hersteller .kachel li ul li:after {
	content: none;
}

#sub-navigation.hersteller .kachel .inhalt.aktiv:after,
#sub-navigation.hersteller .kachel .inhalt:hover:after {
	background: rgba(30, 30, 30, 0.8);
}

#sub-navigation.hersteller .kachel .inhalt:hover #subsub-navigation,
#sub-navigation.hersteller .kachel .inhalt.aktiv #subsub-navigation {
	opacity: 1;
	visibility: visible;
}


#subsub-navigation {
	margin: 0px;
	padding: 100px 0px 40px 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	position: relative;
	left: 0;
	top: 0;
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

#sub-navigation.hersteller h3 {
	position: absolute;
	color: #f0f0f2;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 2;
	visibility: visible;
	opacity: 1;

	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	}

#sub-navigation.hersteller .kachel .inhalt.aktiv h3,
#sub-navigation.hersteller .kachel .inhalt:hover h3 {
	visibility: visible;
	opacity: 1;
}

#sub-navigation.hersteller .kachel.trauringe li {
	color: #aaaaae;
	padding: 5px 15px;
	display: block;
}
	
#sub-navigation.hersteller .kachel.trauringe a {
	 position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
}

#sub-navigation.hersteller .trauringe h3 {
	position: relative;
}

#sub-navigation li {
	list-style: none;
	margin: 0;
	color: #828286;
	display: block;
}

#subsub-navigation a {
	color: #aaaaae;
	display: inline-block;
	padding: 5px 0px;
	border-bottom: 1px solid transparent;
}

#subsub-navigation li a:hover,
#subsub-navigation li a.aktiv {
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

#sub-navigation.hersteller .inhalt:hover h3,
#sub-navigation.hersteller .inhalt.aktiv h3 {
	color: #ffffff;
}


/*Menü ENDE*/
.startseite .main-content {
	display: none;
}

.main-content {
    margin-bottom: 120px;
}

.main-content ul {
    margin: 40px 0px;
    list-style-type: square;
}

.main-content ul li {
    margin-bottom: 3px;
}

.content ul,
.content-unten ul{
	padding: 20px 0px 0px 30px;
	margin: 0px;
	list-style: none;
	list-style-position: outside;
}

.content ul li,
.content-unten ul li{
    margin: 0 0 10px 0px;
}

.content ul li:before, 
.content-unten ul li:before{
	content:"";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #aaaaae;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: -15px;
	margin-bottom: 5px;
}

/*******************************************************/
/*Allgemein*/
/*******************************************************/
.arrow.line {
	stroke:#1e1e1e;
}

.arrow {
	fill:#1e1e1e;
}

.HerstellerLink a:before,
.weiterlink:before {
    content: "";
    display: inline-block;
    background: url(../bilder/navigat/arrow.svg);
    background-position: left center;
	background-repeat: no-repeat;
    width: 60px;
    height: 30px;
    vertical-align: middle;
    margin-right: 10px;
	margin-left: -30px;
	
	transition:All 0.4s ease;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}

.HerstellerLink a,
.weiterlink {
	margin-top: 30px;
	border-bottom: 2px solid rgba(255,255,255,0);
	padding: 2px 0px;
	letter-spacing: 0.04em;
	font-weight: 700;
	color: #1e1e1e;
	text-transform: uppercase;
	display: inline-block;
	overflow: hidden;
}

.HerstellerLink a:hover:before,
.weiterlink:hover:before {
	margin-left: 0px;
}

.weiterlink.weiss:before {
    content: "";
    display: inline-block;
    background: url(../bilder/navigat/arrow-white.svg);
	background-position: left center;
	background-repeat: no-repeat;
}

.weiterlink.weiss {
	color: #ffffff;
}

.button {
	color: #1e1e1e;
	border: 3px solid #1e1e1e;
	padding: 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	margin-top: 30px;
}

.button:hover {
	background: #1e1e1e;
	color: #ffffff;
}

.button.weiss {
	color: #ffffff;
	border: 3px solid #ffffff;
	padding: 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	margin-top: 30px;
}

.button.weiss:hover {
	background: #ffffff;
	color: #1e1e1e;
}
.grayscale img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
		
	transition:All 0.4s ease;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}



.grayscale img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
/*******************************************************/
/*kopfgrafik*/
/*******************************************************/
#kopfgrafik {
    z-index: 10;
    /*min-height: 190px;*/
    min-height: 218px;
	background: #1e1e1e;
}

#kopfgrafik img {
	width: 100%;
	margin: 0 auto;
}

#kopfgrafik > img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	position: relative;
	z-index: 1;
}

#slider-startseite {
    margin: 0 auto;
    z-index: 1;
	height: 100vh;
	overflow: hidden;
}

#slider-startseite .slick-slide img {
	width: 100%;
}

#slider-startseite .ringe,
#slider-startseite .uhren,
#slider-startseite .schmuck {
	background-size: cover!important;
	background-position: center center!important;
	height: 100vh;
}

#slider-startseite img {
	display: none;
}

#slider-startseite .ringe {
	background: url(../bilder/startseite/slide-trauringe.jpg);
}


#slider-startseite .uhren {
	background: url(../bilder/startseite/slide-uhren.jpg);
}

#slider-startseite .schmuck {
	background: url(../bilder/startseite/slide-schmuck.jpg);
}

#slider-startseite .fade {
  position: relative;
}

#slider-start seite .container {
  position: relative;
}

#slider-startseite .InfoBox {
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	z-index: 2000;
}

#slider-startseite .textbox {
	width: 100%;
}

#slider-startseite .InfoBox h2 {
	font-size: 3.750rem;
	text-transform: uppercase;
	margin-top: 0px;
}

.InfoBox .text {
	ont-family: 'playfair_displayitalic';
	color: #f0f0f2;
	font-size: 1.125rem;
}

#slider-startseite a {
	color: #ffffff;
}

#arrow {
    width: 65px;
}

#slider-startseite .arrow.line {
	stroke:#ffffff;
}

#slider-startseite .arrow {
	fill:#ffffff;
}

#slider-startseite .slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: auto;
    height: 50%;
    right: 20px;
}

#slider-startseite .slick-dots li {
	display: block;
	margin: 3px 0px;
}

#slider-startseite .slick-dots li button:before {
	content: "";
	opacity: 1;
	width: 16px;
	height: 16px;
	background: transparent;
	border-radius: 50%;
	border: 2px solid #ffffff;
}

#slider-startseite .slick-dots .slick-active button:before {
	background: #ffffff;
}

#slider-startseite .slick-prev {
	background: url('../bilder/navigat/slide-prev-white.svg')!important;
}

#slider-startseite .slick-next {
	background: url('../bilder/navigat/slide-next-white.svg')!important;
}

#slider-startseite .slick-prev, 
#slider-startseite .slick-next {
	bottom: 15px;
	right: 40px;
	left: auto;
	top: auto;
}

#slider-startseite .slick-prev {
    left: auto!important;
    right: 90px!important;
}

#slider-startseite .slick-next {
	right: 40px!important;
}
/*******************************************************/
/*Startseite*/
/*******************************************************/

/*Galerie / Markenlogos */

#ProduktGalerie {
    padding-top: 80px;
}

.Galerie h2 {
	margin-top: 0px;
	margin-bottom: 40px;
}

.listeneintrag,
.GalerieBild {
  transition: color 0.25s 0.0833333333s;
  position: relative;
}

.listeneintrag {
	padding: 30px 0px;
}

.listeneintrag a {
	display: block;
	margin: 20px 5px;
}

.bild .GalerieBild a {
	display: block;
	background: #fff;
	padding: 0px;
	margin: 10px;
}

.GalerieBild a {
	display: block;
	background: #fff;
	padding: 20px 0px;
	margin: 20px 5px;
}

.listeneintrag:before,
.listeneintrag:after,
.GalerieBild:before, 
.GalerieBild:after{
	content:'';
	z-index: 10;
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	border: 3px solid #1e1e1e;
	transform: scale(0);
	transition: transform 0.4s ease-in-out;
	z-index: -1;
}
.listeneintrag:before,
.GalerieBild:before{
	transform-origin: left top;
	border-right: 0;
	border-bottom: 0;
}
.listeneintrag:after,
.GalerieBild:after{
	transform-origin: right bottom;
	border-top: 0;
	border-left: 0;
}

.listeneintrag:hover:before,
.listeneintrag:hover:after,
.GalerieBild:hover:before,
.GalerieBild:hover:after{
	transform: scale(1.0);
}

.listentext {
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    vertical-align: middle;
    opacity: 0;
    visibility: hidden;
}

.listenbild img,
.listentext {
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}

.listeneintrag:hover .listentext,
.listeneintrag:hover .weiterlink {
	opacity: 1;
	visibility: visible;
}

.listenbild img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.listeneintrag:hover .listenbild img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}


#ProduktGalerie.BG-black,
#ProduktGalerie.BG-black .GalerieBild a {
	background: #000;
	color: #fff;
}

#ProduktGalerie.BG-black .GalerieBild:before, 
#ProduktGalerie.BG-black .GalerieBild:after{
	border: 3px solid #fff;
}
/*******************************************************/
/*Unterseiten*/
/*******************************************************/
.BG-content {
    position: relative;
	margin-top: 100px;
}

.BG-content:after {
    background: #f0f0f2;
    position: absolute;
    width: 90%;
    height: 100%;
    top: 80px;
    left: 0;
    content: "";
    z-index: -1;
}

.BG-content.right:after {
	left: auto;
	right: 0;
}
 
 
.HerstellerLink {
    margin-bottom: 30px;
}

.HerstellerLink a {
    margin-bottom: 0px;
    margin-top: 10px;
}

.team h3 {
    margin-bottom: 0px;
    margin-top: 20px;
}
/*******************************************************/
/*Footer*/
/*******************************************************/
.startseite #footer {
	position: fixed;
	bottom: 0px;
	z-index: 9;
	width: 100%;
	background: transparent;
	padding-top: 0px;
	padding-bottom: 10px;
}

#footer {
	background: #1e1e1e;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fff;
	display: block;
	max-width: 100%;
	font-size: 0.875em; 
	line-height: 1.8;
} 

#footer .footer-logo {
    max-width: 120px;
    width: 100%;
    height: auto;
}

#footer h4 {
	font-size: 1.250em;
	margin-bottom: 0px;
	color: #ffffff;
}

#footer ul {
	margin: 0px;
	padding: 0px;
}

#footer li {
	list-style: none;
	margin: 0px 15px;
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: rgba(255, 255, 255, 0.5);
}

#footer .fab {
	font-size: 18px;	
}

#footer .facebook {
	margin-right: 0px;
}

/*******************************************************/
/*Dropdown*/
/*******************************************************/
dl {
	margin-top: 0px;
	margin-bottom: 0px;
}

dt {
	cursor: pointer;
}

dt .weiterlink {
	margin: 0px;
}

dd {
	display:none;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
/*******************************************************/
/*slick-slider*/
/*******************************************************/
.slick-dotted.slick-slider {
    margin-bottom: 0!important;
}

.slick-dots {
    bottom: 20px!important;
    margin: 0px!important;
}

.slick-dots li {
    margin: 0 0;
}

.slick-dots li button:before {
    font-size: 10px!important;
    color: #aaaaae!important;
}

.slick-dots li.slick-active button:before {
    color: #1e1e1e!important;
}

.slick-prev, 
.slick-next {
    height: 40px!important;
    width: 40px!important;
	z-index: 900!important;
		
	transition:All 0.4s ease;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}

.slick-prev:before,
.slick-next:before {
	content: normal!important;
}

.slick-prev {
	background: url('../bilder/navigat/slide-prev-white.svg')!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	background-size: 100%!important;
	left: 30px!important;
	opacity: 0.5;
}

.slick-next {
	background: url('../bilder/navigat/slide-next-white.svg')!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	background-size: 100%!important;
	right: 30px!important;
	opacity: 0.5;
}

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

/*******************************************************/
/*Aktionen*/
/*******************************************************/
.weihnachtsgeschenke .main-content {
    background: url("../bilder/kopfgrafik/kopfgrafik-weihnachtsgeschenke.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 0px;
	padding-bottom: 80px;
}

.weihnachtsgeschenke .main-content h1 {
    margin-top: 0px;
	padding-top: 100px;
}

.Muttertag .main-content {
    background: url("../bilder/kopfgrafik/kopfgrafik-muttertag.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 0px;
	padding-bottom: 80px;
}

.Muttertag .main-content h1 {
    margin-top: 0px;
	padding-top: 100px;
}

/*******************************************************/
/*gebruachte Uhren*/
/*******************************************************/
.aktion .uhreninfo {
	margin-top: 20px;
	position: relative;
	height: 100%;
}
.aktion .uhreninfo a {
	display: block;
	width: 100%;
	height: 100%;
	color: #1e1e1e;
}

.aktion .uhreninfo a:hover {
	background: #F0F0F2;
} 
.aktion .uhreninfo span {
    color: #fff;
    font-size: 13px;
    background: #00bfbf;
    padding: 8px 10px;
    position: absolute;
    right: -5px;
    top: 15px;
    width: auto;

}
#lightcase-case .showcase  {
	font-family: 'Poppins', sans-serif!important;
	font-size: 0.875rem!important;
}

html:not([data-rel="lightcase"]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 0!important;
}
.showcase h2,
.aktion .uhreninfo h2 {
    margin-top: 5px;
    margin-bottom: 0px;
}

.showcase h4,
.aktion .uhreninfo h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.showcase h3 {
    margin-bottom: 0px;
}

.showcase h4 {
	text-align: center;
	color: #828286!important;
	margin-bottom: 20px;
}

.showcase h6 {
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 5px;
}

.showcase .preis,
.aktion .uhreninfo .preis {
	font-size: 1.5rem;
	margin-top: 20px;
	display: block;
	color: #00bfbf;
}

.showcase .button {
	margin-top: 10px;
}
/*******************************************************/
/*Neuigkeiten*/
/*******************************************************/
#MODUL_Neuigkeiten .uebersicht {
    margin-top: 60px;	
	margin-bottom: 60px;
    padding: 0px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

}

#MODUL_Neuigkeiten .uebersicht .neuigkeit {
	background: #f0f0f2;	
	margin: 15px;
	width: calc((100% / 3) - 30px);
}

#MODUL_Neuigkeiten .uebersicht .content {
	position: relative;	
}

#MODUL_Neuigkeiten .uebersicht .text {	
	padding: 30px;
}

#MODUL_Neuigkeiten .neuigkeit .text h2 {
    font-size: 1.5rem;
	margin-top: 0px;
	margin-bottom: 10px;
    line-height: 1.4;
}

#MODUL_Neuigkeiten .neuigkeit .text h5 {
    font-size: 1em;
    text-align: center;
    display: inline-block;
    background: #1e1e1e;
    padding: 5px 10px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

#MODUL_Neuigkeiten .uebersicht .neuigkeit a {
	display: block;
}

#MODUL_Neuigkeiten .neuigkeit a img {
	border: 2px solid #f0f0f2;
}

#MODUL_Neuigkeiten .neuigkeit.detail .text {
    margin-top: 40px;	
	background: transparent;
	text-align: center;
}

#MODUL_Neuigkeiten .neuigkeit.detail .bilder img {
	padding: 5px;
	max-height: 400px;
	border: none;
	box-sizing: border-box;
	max-width: 100%;
}

/*******************************************************/
/*Unterseite Kontakt*/
/*******************************************************/
#map_canvas{
	display:block;
	width: 100%;
	height: 400px;
}

#map_canvas a {
	font-family: 'Poppins', sans-serif;
	color: #aaaaae !important;
	text-align: center;
	margin: 0 auto;
	display: block;
}

#Tooltip {
    text-align: center;
	width: 200px;
	font-family: 'Poppins', sans-serif;
}

#Tooltip h1 {
    margin: 10px 0px;
	font-size: 1.5rem;
	border-bottom: 0px;
	padding: 0px;
}

#Tooltip h2 {
	font-size: 1.25rem;
	margin-top: 0px;
	margin-bottom: 10px;
}

#Tooltip p {
	line-height: 1.4;
}

/*******************************************************/
/*Kontakt Formular*/
/*******************************************************/
.kontakttabelle {
	min-height: 10px;
	height: auto !important;
	height: 10px;
	padding: 30px 0px;
	margin: 0px auto;
	border: none;
}

.kontakttabelle .col-lg-6:first-child {
    padding-right: 30px;
}

.kontakttabelle .col-lg-6:last-child {
    padding-left: 30px;
}


.kontakttabelle * {
	box-sizing: border-box;
}

input,
.memo,
textarea  {
	color: #1e1e1e;
	font-family: inherit;
	font-size: inherit;
	margin-bottom: 5px;
}

.memo, 
.edit,
.wohnort,
.plz {
	background: #f0f0f2;
	border: 0px;
	border-radius: 2px;
	width: 100%;
	padding: 10px 15px;
    width: 100%;
}

.kontakttabelle select {
	background: #f0f0f2;
	border: 0px;
	border-radius: 2px;
	width: 100%;
	border: none;
	color: #1e1e1e;
	font-family: inherit;
	font-size: inherit;
	margin: 0px 0px;
	padding: 10px 15px;
}

.kt_titel {
	padding: 0px 0px 6px 0px;
	margin:  0px 0px 0px 0px;
}

.kt_wert {
	padding: 0px 0px 5px 0px;
	margin:  0px 0px 0px 0px;
}

.kt_buttons {
	float: left;
	display: block;
	width: 100%;
	padding: 20px 0px;
	margin:  0px 0px 0px 0px;
}
/*ENDE Formular*/

/*
 * Lightcase Overwrites
 */
.lightcase-contentInner {
    background: #fff;
}

.lightcase-contentInner img {
    padding: 0px;
}

#lightcase-info {
	width: 100%;
	bottom: 20px;
	z-index: 1;
}

#lightcase-info #lightcase-title {
	text-shadow: none!important;
	font-family: inherit!important;
	font-size: 14px!important;
	color: #1e1e1e!important;
	text-align: center!important;
}

#lightcase-info #lightcase-caption {
    font-size: 7px;
    color: #fff;
    text-shadow: 0px 0px 0px #fff;
}

/*Cookie*/
.cc_container {
	font-family: 'Poppins', sans-serif!important;
	padding: 20px 20px 80px 20px!important;
	border-radius: 0px!important;
	border: 0px!important;
	box-shadow: 0px 5px 10px rgba(30, 30, 30, 0.2);
	text-align: left;
	color: #1e1e1e!important;
}

.cc_container .cc_message {
	font-size: 14px!important;
	line-height: 1.2!important;
}

.cc_container a{
    color: #aaaaae!important;
}

.cc_container a:hover, 
.cc_container a:active {
    color: #aaaaae!important;
}

.cc_container .cc_btn {
	background-color:  #1e1e1e!important;
	border-radius: 0px!important;
	color: #fff!important;	
	bottom: 20px!important;
	left: 20px!important;
	right: 20px!important;
}

.cc_container .cc_btn:hover, 
.cc_container .cc_btn:active {
	background-color:  #1e1e1e!important;
	color: #fff!important;	
}

/*Animation*/
#startseite-slider .InfoBox {
	-webkit-animation: FadeInLeft 0.5s ease-out;
	-moz-animation: FadeInLeft 0.5s ease-out;
	-o-animation: FadeInLeft 0.5s ease-out;
}
@-webkit-keyframes FadeInLeft {
	from { -webkit-transform: translateX(-20px); opacity: 0; }
	to { -webkit-transform:  translateX(0px); opacity: 1; }
}
@-moz-keyframes FadeInLeft {
	from { -moz-transform: translateX(-20px); opacity: 0;}
	to { -moz-transform:  translateX(0px); opacity: 1; }
}
@-o-keyframes FadeInLeft {
	from { -o-transform: translateX(-20px);opacity: 0; }
	to { -o-transform:  translateX(0px); opacity: 1; }
}