/* lato-regular - 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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* playfair-display-regular - 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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/playfair-display-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v30-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* ovo-regular - 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: 'Ovo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ovo-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ovo-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ovo-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ovo-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ovo-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ovo-v17-latin-regular.svg#Ovo') format('svg'); /* Legacy iOS */
}
/* montecarlo-regular - 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: 'MonteCarlo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montecarlo-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montecarlo-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montecarlo-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montecarlo-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montecarlo-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montecarlo-v7-latin-regular.svg#MonteCarlo') format('svg'); /* Legacy iOS */
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{	display: block;}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*-------------------------------------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
	height: 100%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-size:16px;
}
*, *:before, *:after, div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	padding: 0;
	color: rgb(40,35,30);
	font: normal 1rem/1.25em 'Lato', sans-serif;
	background-color: /*rgb(255,252,244)*/ #F9F5F4;
}
table, td {	border: 0px; 	margin: 0px;	padding: 0px;	vertical-align: top;	border-collapse: collapse;	border-spacing: 0px;}
iframe { 	border: 0px;	margin: 0px;	padding: 0px;}
img {
	display: inline-block;
	border: 0;
	margin: 0;
	padding: 0em;
	vertical-align: middle;}
a {	color: inherit;	outline: none;}
a:hover {
	color: rgb(255,217,83);
	text-decoration: underline;
}
strong { font-weight:600;}
.clear { 	clear: both;	line-height: 0px;	height: 0px;}
.clear:after {     content:"";    display:block;    clear:both;}
/*-------------------------------------------------------------------------------------*/
* {
	transition: all 0.1s;
	-webkit-transition: all 0.1s;}
.image {
	border: 0.5rem solid #fff; box-shadow: 0 0 0.5rem rgba(240,240,240,0.8);
}
header {
	position: relative;
	margin: 0 auto;
	padding: 0;
}
nav, nav.sticky {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 999;
	padding: 0.25rem;
	margin: 0;
	background-color: rgb(75,65,55);
	text-align: center;
	box-shadow: 0 0 50px rgba(255,255,255,0.75);
	}
	
	nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0 auto;
	max-width: 980px;
		display: flex;
		width: 100%;
	}
	nav ul li {
		display:inline-block;
		padding: 0;
		margin: 0;
		text-align: center;
	
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: auto;
	}
	nav a {
	text-decoration: none;
	display: block;
	padding: 0.25rem;
	margin: 0px;
	font-size: 1.125rem;
	line-height: 2rem;
	color: rgba(250,220,170,0.9);
	/* [disabled]font-family: 'Ovo'; */
}
	nav a:hover, nav .aktiv a {
	text-decoration: none;
	color: #fff ;
	}
/*----------------------------------------------------------------------*/
.logo {
	margin: 1rem;
	width: 160px;
	position: absolute;
	z-index: 100;
}
.logo img { width:100%; height:auto;}
/*----------------------------------------------------------------------*/
.clear {
	clear: both;
	height: 0px;
}
.left {
	float: left;
	margin: 0 1.5rem 1.5rem 0;
}
.right {
	float: right;
	margin: 0 0 1.5rem 1.5rem;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1rem;
	font-weight: normal;
}
p {
	font-size: 20px;
	line-height: 1.5em;
}
h1 {
	font-size: 2.5rem;
	font-size: calc(1.75rem + 1.75vw);
	line-height: 2em;
	color: rgb(75,65,55);
	margin-bottom: 0px;
}
h2{ font-size:1.5rem; 
	font-size:calc(1.25rem + 0.75vw);
	font-weight:600;
}
.blau {
	color: rgb(75,65,55);
}
.special {
	font-family: 'MonteCarlo', sans-serif;
	/* [disabled]font-size: 2.5em; */
	/* [disabled]font-size: calc(2rem + 2vw); */
	text-align: center;
}
.button {
	border-radius: 0.125rem;
	padding: 0.5rem 1rem;
	border: 1px solid rgb(75,65,55);
	color: rgb(75,65,55);
	text-decoration: none;
	
	font-size: 2rem;
}
.gradient {
background: rgb(75,65,55);
background: -moz-linear-gradient(top,  rgba(255,250,236,0) 28%, rgb(239 231 210) 28%, rgb(225 217 197) 72%, rgba(255,250,236,0) 72%);
background: -webkit-linear-gradient(top,  rgba(255,250,236,0) 28%,rgb(239 231 210) 28%,rgb(225 217 197) 72%,rgba(255,250,236,0) 72%);
background: linear-gradient(to bottom,  rgba(255,250,236,0) 28%,rgb(239 231 210) 28%,rgb(225 217 197) 72%,rgba(255,250,236,0) 72%);

background:linear-gradient(to bottom,  rgba(255,250,236,0) 28%,rgb(239 231 210) 28%,rgb(225 217 197) 72%,rgba(255,250,236,0) 72%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEE6D1', endColorstr='#E2DAC6',GradientType=0 );
}
/*----------------------------------------------------------------------*/
.container {  display: grid;
  grid-template-columns: 1.6fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px 8px;
  grid-auto-flow: row;
  grid-auto-flow: columns;
  grid-template-areas:
    "oz sk"
    "oz wk";
}

.oz {
	grid-area: oz;
	background-color: rgb(255,255,255);
	color: rgb(75,65,55);
	padding: 2rem;
}

.sk { grid-area: sk; }

.wk { grid-area: wk; }

.sk, .wk {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(75,65,55);
	color: rgb(255,255,255);
	text-align: center;
      }
	  .oz a, .sk a, .wk a { text-decoration:none; }
	.sk:hover, .wk:hover {
	background-color: rgb(255,255,255);
	color: rgb(75,65,55);}
/*----------------------------------------------------------------------*/
.gal-container{
	position: relative;
	z-index: 1;
	margin-top: 7vw;
	margin-bottom: 7vw;
}
.galerie {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
}
.galerie, .galerie *:not(.btn){
  z-index:-1;
}
#galerie .item {
	background-position: center;
	background-size: cover;
	max-height: 56%;
}
#galerie .item img {
  display: block;
  width: 100%;
  height: auto;
}
.btn.prev  {
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
}
.btn.next {
	position: absolute;
	z-index: 50;
	right: 0px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
}
.btn.prev {
	left: 15px;
}
.btn.next {
	right: 15px;
}
.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-theme .owl-controls{
	margin-top: 0 !important;
	position:absolute;
	left:50%; margin-left:-50px; bottom:10px;
}
.owl-theme .owl-controls .owl-page span{
	width: 9px !important;
	height: 9px !important;
	filter: Alpha(Opacity=100) !important;/*IE7 fix*/
	opacity: 1 !important;
	background-color: rgba(255,255,255,0.875) !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background-color: rgba(0,0,0,0.5) !important;
}
/*----------------------------------------------------------------------*/
.btn.toTop, .btn.toBottom{
	color:#fff;
	background-color: rgb(75,65,55); 
	position:fixed;
	right:16px;
	bottom:48px;
	text-decoration:none;
	visibility:hidden;
	opacity: 0;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	padding:0 8px;
	z-index:999;
	line-height:36px;
	
} 
.btn.toTop:hover, .btn.toBottom:hover{	
	background-color:#fff;
	color: rgb(75,65,55); 
}
.btn.toTop.show, .btn.toBottom.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}.btn.toBottom {
	visibility:hidden;
	opacity: 0;}
/*----------------------------------------------------------------------*/
.content {
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding: 3vw;
	max-width: 1400px;
}
.content ul {
	margin: 0;
	padding: 0 0 16px 16px;
}
.content ul li {
	list-style: url(../images/hr.png);
}
hr {
	background-image: url(../images/hr.png);
	background-repeat: repeat-x;
	height: 10px;
	border: none;
	margin: 5rem o;
}
.flex > div {
	align-self: center;
	flex: 1 1 50%;
	padding: 3vw;
}
.flex-13 { flex-basis:38%;}

.flex-23 { flex-basis:62%;}
/**/
.embed-container {
  position: relative; 
  padding-bottom: 75%; /* ratio 4x3 
  /*padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/*----------------------------------------------------------------------*/
input, textarea {
	font: normal 1.25rem/1.5rem 'Lato', sans-serif;
	padding: 0.375rem 0.75rem;
	background: rgb(255,255,255);
	border-radius: 4px;
	width: 90%;
	text-transform: uppercase;
	color: rgb(50,45,40);
	border: 1px solid rgb(250,220,170);
}
textarea {
	height: 10rem;
}
input:focus, textarea:focus {
	border-color: rgb(75,65,55);
}
.send {
	color: #fff;
	text-transform:uppercase;
	 font-weight:600;
	margin: 0 auto;
	width: auto;
	cursor: pointer;
	padding: 0.5rem 1.5rem;
	background: rgb(75,65,55);
	border-radius: 4px;
	border: 0;
}
.send:hover, .send:focus {
	color: #333;
	background: rgb(230,227,224);
}
/*----------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	nav a span { display:none;}
}
@media only screen and (min-width: 481px) {
.flex { display: flex; flex-flow: row wrap;}
nav  i { display:none !important;}
}

@media only screen and (max-width: 759px) {
	#undefined-sticky-wrapper{
		height:0px !important;
	}
	
	.left, .right {
		float: none;
		width: auto;
		height: auto;
		position: relative;
	}	
		
}
/*----------------------------------------------------------------------*/
@media only screen and (min-width: 760px) {
	 nav { bottom:auto !important; top:0; left:auto !important; }

	.logo {
	width: 250px;
	top: 3rem;
}

	#kontakt .content, footer .content { text-align:center;}
	#kontakt .left { width:46%;}
}
@media only screen and (min-width: 1200px) {	
}
	/*-----------------------------------------------------------*/

@media only screen and (min-width: 1600px) {	
.logo { position:fixed !important; z-index:100;}
h1 { font-size: 48px !important;}

}
/*-----------------------------------------------------------------------*/

@media only screen and (orientation: portrait) {
	
}
/*---------------------------------------------------------------------------------------*/
/* Feel free to change duration  */ 
.animated {
	-webkit-animation-duration : 1000 ms;
	animation-duration : 1000 ms;
	-webkit-animation-fill-mode : both;
	animation-fill-mode : both;
}
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
	z-index : 1
}
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
	z-index : 0
}
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut {
	-webkit-animation-name : fadeOut;
	animation-name : fadeOut;
}
@-webkit-keyframes fadeOut {
 0% {
 opacity : 1;
}
 100% {
 opacity : 0;
}
}
@keyframes fadeOut {
 0% {
 opacity : 1;
}
 100% {
 opacity : 0;
}
}
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeIn {
	-webkit-animation-name : fadeIn;
	animation-name : fadeIn;
}
@-webkit-keyframes fadeIn {
 0% {
 opacity : 0;
}
 100% {
 opacity : 1;
}
}
@keyframes fadeIn {
 0% {
 opacity : 0;
}
 100% {
 opacity : 1;
}
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

::-moz-selection { background-color: rgb(75,65,55); color:rgb(255,255,255) }/* Code for Firefox */ 
::selection {     background-color: rgb(75,65,55); color:rgb(255,255,255)}

/* { background-color:rgba(0,0,0,0.05);}*/