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

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

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* Fonts ENDE */
.geladen,
body {
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	color: #616053;
	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;
}

::selection {
	background: #a1634b;
	color: #ffffff;
}

::-moz-selection {
	background: #a1634b;
	color: #ffffff;
}


h1, h2, h3, h4, h5 {
   font-family: 'Roboto Condensed', sans-serif;
}

h1, h2, h3 {
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	font-weight: 400;
}

h4, h5 {
	line-height: 1.6;
}

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

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

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

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

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

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

.italic {
	font-style: italic;
	color: #616053;
}

h2.subheadline {
	margin-top: -50px;
	margin-bottom: 60px;
	text-transform: none;
	font-weight: 300;
}
.subheadline {
	color: #b7b49d;
	text-align: center;
}

p {
	line-height: 26px;
}

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

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

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

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

.main-content a {
	bo rder-bottom: 2px solid;
}

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

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

strong, b {
	font-weight: 700;
}

.BG-light {
	background: #f2f0eb;

}
.BG-dark {
	background: #E4E3DA;
}

.border-top,
.border-bottom,
.border-left,
.border-right,
.border {
	border-color: #a1634b!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;
}




 /**************************************************************/
 /*POP UP   START*/
 /*************************************************************/

#MeldungsBlock {
	display: visible;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 99999999999;
}
#MeldungsBlock:after {
	position: fixed;
	background: rgba(0,0,0,0.3);
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#MeldungsBlock h2 {
	padding-top: 0.5rem;
	margin-bottom: 0.5rem;
}
#MeldungsBlock .popup {
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	border: 0px solid #000;
	width: 875px;
	max-width: 92%;
	margin: 20vh auto;
	position: relative;
	text-align: center;
	
	z-index: 99999999999;
	left: 0;
	top: 0px;
	background-image:url(../bilder/weihnachts-popup.webp);
	background-position:center;
	background-size: cover;
	color:#fff;
}
#MeldungsBlock .popup .content-popup{
	max-width:60%;
	margin:auto;
	padding: 50px 20px;
}
#MeldungsBlock .closeButton {
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 45px;
	right: 40px;
	height: 20px;
	width: 20px;
}

#MeldungsBlock .closeButton span {
	background-color: #fff;
	display: block;
	height: 3px;
	left: 0;
	top: 0px;
	opacity: 1;
	position: absolute;
	width: 100%;
	border-radius: 3px;
}

#MeldungsBlock .closeButton span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#MeldungsBlock .closeButton span:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#MeldungsBlock .popup .content-popup a{
	color: #fff;	
}
@media(max-width:768px) {
	#MeldungsBlock {
		overflow-y: scroll;
	}
	#MeldungsBlock .popup {
		margin: 5vh auto;	
	}
	#MeldungsBlock .popup .content-popup {
		max-width: 70%;
		padding: 100px 10px;
	}
}
@media(max-width:420px) {
	
	#MeldungsBlock .popup .content-popup {
		max-width: 80%;
		padding: 80px 10px 120px 10px;
	}
}
 /**************************************************************/
 /*POP UP   END*/
 /*************************************************************/




 
/*******************************************************/
/*Menü*/
/*******************************************************/
#logo-mobil {
	display: none;
}

#mobile-menu {
    display: none;
}

#logo {
	display: inline-block;
	margin: 10px 0px 20px 0px;
}

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

#logo a {	
	position: relative;
	display: inline-block;
}

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

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

#header:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 250px;
	z-index: -1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+100&0.65+0,0+100 */
	background: -moz-linear-gradient(top, rgba(20,20,20,0.75) 0%, rgba(20,20,20,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(20,20,20,0.75) 0%, rgba(20,20,20,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(20,20,20,0.75) 0%, rgba(20,20,20,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61a1a1a', endColorstr='#001a1a1a',GradientType=0 ); /* IE6-9 */

}

#nav-wrapper.active #header:after {
	content: normal;
}

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

#main_nav {
	width: 100%;
}

#main_nav ul {
	margin: 0px; 
	padding: 0px;
	list-style: none;
	font-family: 'Roboto Condensed', sans-serif;
	
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

#main_nav ul li {
	display: block;
	cursor: pointer;
	position: relative;	
	margin: 0px 15px;
}

#main_nav > div > ul > li > a {
	padding: 40px 0px 12px 0px;	
	color: #ffffff;
	display: block;
	border-top: 2px solid rgba(161, 99, 75,0);
}

#main_nav > div > ul > li:hover > a,
#main_nav > div > ul > li.aktiv > a {
	border-top: 2px solid #a1634b;
	color: #E4E3DA;
}

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

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

#nav-wrapper.active #logo {
	margin: 10px 0px;
}

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

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

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

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

#nav-wrapper.active #logo .black {
	display: block;
	width: 200px;
	height: 36px;
}
#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;	
}

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

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

/*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;
	padding-top: 5px;
	padding-bottom: 5px;
}


#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: #e4e3da;
	letter-spacing: normal;
	padding: 0px 0px;
}

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

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

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

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

/*SubNav*/
#sub-navigation li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#subsub-navigation a {
    color: #fff;
	padding: 3px 15px;
	display: block;
}

#subsub-navigation li a:hover,
#subsub-navigation li a.aktiv {
	color: #a1634b;
}

#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: #a1634b;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: -15px;
	margin-bottom: 5px;
}

/*******************************************************/
/*Allgemein*/
/*******************************************************/
.weiterlink {
	margin-top: 30px;
	padding: 5px 0px;
	letter-spacing: 0.04em;
	font-weight: 700;
	color: #616053;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
}

.weiterlink:before {
	content: "";
	display: block;
	background: url(../bilder/navigat/schmetterling.svg);
	background-position: left center;
	background-repeat: no-repeat;
	width: 30px;
	height: 29px;
	vertical-align: middle;
	margin-left: -15px;
	top: -25px;
	left: 50%;
	position: absolute;
	z-index: 2;
	
	transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	transform: scale(0);
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-o-transform: scale(0.75);
	-ms-transform: scale(0.75);
}

.weiterlink:hover:before {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

.text-center .weiterlink:after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background: #a1634b;
	z-index: 2;
	margin-left: -15px;
	bottom: 0px;
	left: 50%;
	position: absolute;
	
	transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	transform-origin: center;
}

.text-center .weiterlink:hover:after {
	width: 100%;
	bottom: 0px;
	left: 0;
	margin: 0px;
}

.weiterlink:after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background: #a1634b;
	z-index: 2;
	margin-left: 0px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	
	transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	transform-origin: center;
}

.weiterlink:hover:after {
	width: 100%;
	bottom: 0px;
	left: 0;
	margin: 0px;
}

.weiterlink.weiss {
	color: #ffffff;
}

.button {
	background: transparent;
	color: #a1634b;
	border: 3px solid #a1634b;
	padding: 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	margin-top: 20px;
	cursor: pointer;
}

.button:hover {
	background: #a1634b;
	color: #ffffff;
}

.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: 1;
	min-height: 250px;
}

#kopfgrafik .bild {
    position: relative;
    height: calc(100vh - 400px);
    background-position: bottom center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}

#kopfgrafik .bild.neutral {
    height: 300px;
}

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

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

#kopfgrafik-startseite,
#slider-startseite {
	margin: 0 auto;
	z-index: 1;
	height: 100vh;
	overflow: hidden;
	background-position: center center;
}

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

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

#slider-startseite img {
	display: none;
}

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

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

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

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

#slider-startseite .fade {
  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%;
	bottom: 100px;
	position: absolute;
}

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

.InfoBox .text {
	font-style: italic;
	color: ##f2f0eb;
	font-size: 1.125rem;
}

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

#slider-startseite .slick-dots li button:before {
	content: "";
	opacity: 1;
	width: 10px;
	height: 10px;
	background: rgba(255,255,255,0.3);
	border-radius: 50%;
}

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

#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 {

}
/*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; }
}
/*******************************************************/
/*Startseite*/
/*******************************************************/
.intro .text-center {
	padding: 80px 0px 100px 0px;
}

.kacheln a {
	display: block;
	color: #616053;
}

.kacheln .text {
	height: 100%;
}

.kacheln .bild {
	background-position: center!important;
	background-size: cover!important;
}

.kacheln .bild img {
	display: block;
	opacity: 0;
}

.ueber {
	background: url(../bilder/startseite/slide-ueber.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	padding: 60px 0px;
	height: 70vh;
	position: relative;
	color: #fff;
	z-index: 1;
}

.service {
	padding: 60px 0px;
	height: 60vh;
	position: relative;
	z-index: 1;
}

.service:after {
	content: "";
	background-image: url("../bilder/navigat/baum.png");
	background-attachment: fixed;
	background-position: left -20vw top;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 0;
	display: block;
	z-index: -1;
}


.ueber:after {
	content: "";
	background: rgba(35, 35, 29, 0.7);
	/*	background: rgba(16, 10, 8, .7);*/
	/*background: rgba(0, 0, 0, .7);*/
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 0;
	display: block;
	z-index: -1;
}

.service ul {
	padding: 0px;
}

.service li {
    list-style: inside;
    margin-right: 20px;
}

.kontakt {
    padding: 60px 0px;
}

/*Galerie */
#ProduktGalerie {
    padding-top: 0px;
}

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

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

.Galerie a,
.GalerieBild a {
	display: block;
	color: #616053;
}

.Galerie h3,
.Galerie h5,
.GalerieBild h3,
.GalerieBild h5 {
	margin: 0px 0px 10px 0px;
}

.Galerie h5,
.GalerieBild h5 {
	color: #b7b49d;
}

.GalerieBild img {
	width: 80%;
	transition:All 0.4s ease;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
}

.GalerieBild:hover img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
}

/*******************************************************/
/*Unterseiten*/
/*******************************************************/
.BG-content {
    position: relative;
	margin-top: 100px;
}

.BG-content:after {
    background: ##f2f0eb;
    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;
}

/*Unterseite team*/
.team h4 {
    margin-top: 0;
}
.team h3 {
    margin-bottom: 0;
}

#Marken .text-center a {
	color: #616053;
    display: block;
    height: 100%;
    width: 100%;
}

#Marken .Text {
    position: absolute;
    top: 0;
    width: 100%;
    visibility: hidden;
	opacity: 0;
	padding: 0px 30px 20px 30px;
	z-index: 1;
	transition:All 0.4s ease;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}

#Marken a:hover .Text {
    visibility: visible;
	opacity: 1;
}


#Marken .markenlogo {
	height: 300px;
}

.partner .col-12 {
    padding-bottom: 30px;
}
#ProduktAuswahl .GalerieBild {
    margin-bottom: 60px;
}
/*******************************************************/
/*Footer*/
/*******************************************************/
#footer {
	background: #3a3a32;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #fff;
	display: block;
	max-width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.875em; 
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-transform: uppercase;
} 

#footer .logo-footer {
	display: inline-block;
	margin-right: 40px;
	margin-bottom: 6px;
}

#footer .logo-footer object {
	width: 70px;
	height: 80px;
	/*height: 40px;*/
	max-width: 100%;
}

#footer .logo-footer a {	
	position: relative;
	display: inline-block;
}

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

#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);
}
/*******************************************************/
/*Dropdown*/
/*******************************************************/
dl {
	margin-top: 60px;
}

dt {
	padding-bottom: 10px;
	background-image:url(../img/navigat/open.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 3% auto;
}

dt h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}

dd {
    margin: 30px 0px 60px 0px;
	display:none;
}
/*******************************************************/
/*slick-slider*/
/*******************************************************/

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

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

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

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

.slick-prev, 
.slick-next {
    height: 40px!important;
    width: 40px!important;
	z-index: 999!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.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.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;
}
/*******************************************************/
/*Neuigkeiten*/
/*******************************************************/
#MODUL_Neuigkeiten .uebersicht {
    margin-top: 60px;	
	margin-bottom: 60px;
    padding: 0px;
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
}

#MODUL_Neuigkeiten .neuigkeit {
	margin-bottom: 40px;
}

#MODUL_Neuigkeiten .uebersicht h3 {
	margin-top: 60px;
}

#MODUL_Neuigkeiten.Vorschau #umsNeuigkeit h1,
#MODUL_Neuigkeiten.Vorschau #umsNeuigkeitDatum {	
	background: ##f2f0eb;
	padding: 0px 30px;
	margin: 0px;
}

#MODUL_Neuigkeiten.Vorschau #umsNeuigkeitDetaillink ,
#MODUL_Neuigkeiten.Vorschau #umsNeuigkeitKurzbeschreibung {	
	padding: 0px 30px;
}

#MODUL_Neuigkeiten.Vorschau #umsNeuigkeit h1,
#MODUL_Neuigkeiten.Vorschau #umsNeuigkeitDatum,
#MODUL_Neuigkeiten.Vorschau #umsNeuigkeitKurzbeschreibung {	
	padding-top: 30px;
}

#MODUL_Neuigkeiten.Vorschau #umsNeuigkeitDatum,
#MODUL_Neuigkeiten.Vorschau #umsNeuigkeitKurzbeschreibung {	
	padding-bottom: 30px;
}

#MODUL_Neuigkeiten.Vorschau #umsNeuigkeitDetaillink a {	
	margin-top: 0px;
}

#MODUL_Neuigkeiten .uebersicht .neuigkeit .text h5 {
	background: #a1634b;
	color: #ffffff;
	text-align: center;
	margin: 0;
	padding: 10px;
	/*display: inline-block;*/
	display: none;
	margin-top: -55px;
}

/*ums Neuigkeiten*/
#MODUL_Neuigkeiten.Details #umsNeuigkeit {
	border: 2px solid #f2f0eb;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 60px;
	float: left;
	margin-bottom: 40px;
}

#umsNeuigkeit h1 {
	font-size: 1.5rem;
	font-weight: 700;
	color: inherit;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: left;
	text-transform: none;
}

#umsNeuigkeitDatum {
    font-weight: 700;
    margin: 0px 0px 20px 0px;
    padding: 10px 0px;
}

/*Detailseite*/
.Details #umsNeuigkeitDatum {
	border-bottom: 3px solid #000000;
	font-weight: 700;
	margin: 0px 0px 30px 0px;
	padding: 10px 0px;
	text-align: right;
}

.Details #umsNeuigkeitBilder {
	background: #fff;
	width: 100%;
	text-align: center;
	margin: 40px auto 40px auto;
	
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.Details #umsNeuigkeitBilder a {
	display: inline-block;
	margin: 5px;
}

.Details #umsNeuigkeitBilder:empty {
    display: none;
}

.Details #umsNeuigkeitHaupttext {
    float: left;
    width: 100%;
}

.Details #umsNeuigkeitZurueck {
    float: left;
}

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

#map_canvas a {
	color: #a1634b !important;
	text-align: center;
	margin: 0 auto;
	display: block;
}

#Tooltip {
    text-align: center;
	width: 200px;
}

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

/*******************************************************/
/*Kontakt Formular*/
/*******************************************************/
.kontakttabelle {
	min-height: 10px;
	height: auto !important;
	height: 10px;
	padding: 60px;
	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: #616053;
	font-family: inherit;
	font-size: inherit;
	margin-bottom: 5px;
}

.memo, 
.edit,
.wohnort,
.plz {
	background: #f2f0eb;
	border: 0px;
/*	border-bottom: 2px dotted #3a3a32;*/
	margin-top: 5px;
	margin-bottom: 10px;
	border-radius: 0px;
	width: 100%;
	padding: 10px 15px;
 	width: 100%;
}

.kontakttabelle select {
	background: #f2f0eb;
/*	border-bottom: 2px dotted #3a3a32;*/
	border: 0px;
	border-radius: 2px;
	width: 100%;
	border: none;
	color: #616053;
	font-family: inherit;
	font-size: inherit;
	margin: 0px 0px;
	padding: 10px 15px;
}

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

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

.kt_buttons p {
	margin: 0px;
}

.kt_text.datenschutz {
    margin-top: 20px;
}

.kt_text.datenschutz input {
    margin-right: 10px;
}
/*ENDE Formular*/

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

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

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

a[class*="lightcase-icon-"], 
a[class*="lightcase-icon-"]:focus {
    color: #b7b49d!important;
}

#lightcase-info #lightcase-title {
	text-shadow: none!important;
	font-family: inherit!important;
	font-size: 14px!important;
	color: #000000!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: 'Roboto Condensed', sans-serif!important;
	padding: 20px 20px 80px 20px!important;
	border-radius: 0px!important;
	border: 0px!important;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	text-align: left;
	color: #000000!important;
}

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

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

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

.cc_container .cc_btn {
	background-color:  #000000!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:  #000000!important;
	color: #fff!important;	
}