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


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





* {
	-webkit-transition: all 0.4s; 
    transition: all 0.4s;
	font-family: 'EB Garamond', serif;
	text-transform: uppercase;
	outline:0;
}


body {
	font-size: 25px;
}
.darkbg {
	background: url(../images/dark_bg1.png) center center repeat;
	color:#d7a945;
}
.darkbg2 {
	background: #140915;
	color:#d7a945;
}
.yellowbg {
	background:#d7a945;
	color:#140915;
}
.header {
	text-align: center;
}
.wrapper {
	width:1100px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 40px;
}
.logo {
	padding-top: 50px;
	margin-bottom: -50px;
	display: inline-block;
	z-index: 9000;
	position: relative;
}
.logo img {
	width:20vw;
	max-width: 301px;
	min-width: 140px;
	height: auto;
	-webkit-transition: all 0.2s; 
    transition: all 0.2s;
}
.buehne img {
	width:100%;
	height:auto;
}
.menu {
	position: absolute;
	top:10vw;
	left:50%;
	transform: translateX(-50%);
	width:100%;
}
.menu a {
	position: absolute;
	left: initial;
	right:50%;
	color:#d7a945;
	font-size: 40px;
	display: inline-block;
	margin-left: auto;
	margin-right:15vw; 
}
.menu a:first-of-type {
	right:initial;
	left:50%;
	margin-left:15vw;
	margin-right: auto;
}
h1 {
	font-size: 45px;
}
.space1 {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}
.space2 {
	padding-top: 30px;
	padding-bottom: 40px;
	text-align: center;
}
.space3 {
	padding-top: 70px;
	padding-bottom: 50px;
}
h2 {
	position: relative;
  	text-align: center;
}
.darkbg2 h2 span, .darkbg h2 span  {
  background: #140915;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
.darkbg2 h2:before, .darkbg h2:before {
  background:#d7a945;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}
.yellowbg h2 span {
  background: #d7a945;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
.yellowbg h2:before {
  background: #140915;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100%;
}

h2:before {
  left: 0;
}
.icon {
	padding:2em 0;
}
.icon2 {
	padding:2em 0;
	max-height: 140px;
	width: auto;
}
#map {
	height:500px;
}
.bottom {
	padding-top: 30px;
	background: #140915;
}
a, a:focus {
    color: #d7a945;
    text-decoration: none !important;
}
a:hover {
	text-decoration: none;
	color:#9b7729;
}






/* forms */

input, textarea, select {
	background:#140915;
	color: #d7a945;
	border: 0 none;
	width:100%;
	padding: 0.6em 0.8em;
	margin-bottom: 1em;
}
textarea {
	height: 9.7em;
}
button {
	background: #d7a945;
	color:#140915;
	width:100%;
	border: 0 none;
	padding: 0.6em 0.8em;
	margin-top: 0;
}
::-webkit-input-placeholder { 
  color: #d7a945;
}
::-moz-placeholder { 
  color: #d7a945;
}
:-ms-input-placeholder { 
  color: #d7a945;
}
:-moz-placeholder {
  color: #d7a945;
}
.select-div {
	position: relative;
}
.select-div:after {
	content: "\e259";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	top: 20px;
	right: 18px;
	color: #d7a945;
	pointer-events: none;
}
select::-ms-expand {
  display: none;
}
select {
	-moz-appearance:none;
	-webkit-appearance: none;
	text-transform: uppercase;
}











/* edit colsys*/
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    margin-right:-4px;
}


.col-md-a3 {
    width:100%;
   
}

.col-md-a3 img {
   max-width: 90%;
     margin:1em auto 0;
    display:block;
    
}
.col-md-a3 h2 {
    margin:0 0 1em 0;
    display:block;
    
}
@media only screen and (min-width:800px) {
    .col-md-a3 {
        width:33.333%;
    }
}







/*helper*/
.spacer1 {
	height:1em;
}
.schmuck {
	background: url(../images/schmuck001.png) center bottom no-repeat;
	-webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
	/*margin-bottom: -50px;*/
	padding-bottom:80px;
}
.smallerfont {
	font-size:20px;
}












/* responsive */


@media only screen and (min-width:1300px) {
	.menu {
		top:150px;
	}
}

@media only screen and (max-width:800px) {
	
	.buehne {
		overflow: hidden;
		display: block;
		width:100%;
		text-align: center;
	}
	.buehne img {
		width:auto;
		height:310px;
		margin-left: 50%;
    	transform: translateX(-50%);
	}
	.menu a {
		font-size: 30px;
	}
}

@media only screen and (max-width:700px) {
	.menu {
		top:75px;
	}
	.menu a {
		margin-right:100px;
	}
	.menu a:first-of-type {
		margin-left:100px;
	}
	.menu a {
		font-size: 25px;
	}
	.buehne img {
		width:auto;
		height:250px;
		margin-left: 50%;
    	transform: translateX(-50%);
	}
}
@media only screen and (max-width:500px) {
	.menu {
		top:80px;
	}
	.menu a {
		margin-right:85px;
	}
	.menu a:first-of-type {
		margin-left:85px;
	}
	.menu a {
		font-size: 18px;
	}
	.buehne img {
		width:auto;
		height:240px;
		margin-left: 50%;
    	transform: translateX(-50%);
	}
	h1 {
		font-size: 30px;
	}
	body {
		font-size: 20px;
	}
	.smallerfont {
		font-size: 15px;
	}
	.space1 {
		padding-top: 50px;
	}
	.logo img {
		width: 15vw;
		max-width: 301px;
		min-width: 100px;
		height: auto;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	
}