/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v27-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* simonetta-regular - latin */
@font-face {
  font-family: 'Simonetta';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/simonetta-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/simonetta-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/simonetta-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/simonetta-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/simonetta-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/simonetta-v21-latin-regular.svg#Simonetta') format('svg'); /* Legacy iOS */
}
/* simonetta-italic - latin */
@font-face {
  font-family: 'Simonetta';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/simonetta-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/simonetta-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/simonetta-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/simonetta-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/simonetta-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/simonetta-v21-latin-italic.svg#Simonetta') format('svg'); /* Legacy iOS */
}
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{
	box-sizing: content-box;
	height: 0;
	border: 1px dashed rgba(138,16,2,0.5);
	/* [disabled]width: 62%; */
	margin: 2em 0;
}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=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:ButtonText dotted 1px}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/**/

/*font-family: 'Open Sans', sans-serif;
font-family: 'Simonetta', cursive;*/
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 {
	margin: 0;
	padding: 0;
	color: rgb(30,30,30);
	height: 100%;
	font: 400 1em/1.375 'Open Sans', sans-serif;
	position: relative;
	background: rgb(255,255,255);
}
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 {
	border: 0;
	margin: 0;
	padding: 0em;
	vertical-align: top;
}
a {	color: inherit;	outline: none;}
a:hover {
	color: rgb(214,162,76);
	text-decoration: underline;
}
strong { font-weight:600;}
.clear { 	clear: both;	line-height: 0px;	height: 0px;}
.clear:after {     content:"";    display:block;    clear:both;}
/*-------------------------------------------------------------------------------------*/
.aktuelles a.button_pager{
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 3px;
	margin-top: 5px;
	background-color: #820f00;
	min-width:16px;
}
.aktuelles a.button_pager:hover,.aktuelles a.pager:hover{
	color: #fff;
	background-color: #4c5659;
}
.aktuelles .pager{
	color: #ccc;
	text-decoration: none;
	padding: 3px;
	display: inline-block;
	margin-top: 5px;
	background-color: #ECEDEE;
	min-width:15px;
}
.aktuelles .pager_active{
	color: #fff;
	text-decoration: none;
	padding: 3px;
	display: inline-block;
	margin-top: 5px;
	background-color: #820f00;
	min-width:15px;
}
.aktuelles .pager_inactive{
	padding: 3px;
	background-color: #ECEDEE;
	color: #ccc;
}
.aktuelles p,.aktuelles ul{
	margin:0px;
}
.aktuelles img{
	max-width:100%;
	height:auto !important;
}
.aktuelles .datum{
	font-size:0.8em;
	margin-bottom:5px;
}
/*-------------------------------------------------------------------------------------*/
main *, nav, nav *, .logo, .logo *, header {
	-webkit-transition: all 0.15s;
	transition: all 0.15s;}
header {
	margin: 0 auto;
	z-index: 2;
	position: relative;
	padding: 8px;
} 
.logo {
	position: relative;
	display:inline-block;
}
.logo img {
	width: 200px;
	height: auto;
	border-radius: 4px;
}
.sprachen { position:absolute; right:8px; top:8px;}
/*----------------------------------------------------------------*/
.sprachen ul{list-style-type:none;margin:0px;padding: 0px;}
.sprachen ul li{display: inline-block;}
.sprachen ul li a{display: block;}
.sprachen ul li img{margin:2px;vertical-align:bottom;}
.sprachen ul li.active a{transform: scale(1.2);}
/*----------------------------------------------------------------*/
.bild {
	z-index: 1;
	position: relative;
	padding: 0;
	margin: auto;
	width: 100%;
}
.bild img {
	width: 100%;
	margin: 0 auto;
	height: auto;}
.bildtitle {
	position: absolute;
	right: calc(5vw + 5vh);
	bottom:  calc(5vw + 5vh);
	z-index: 10;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	font-size: calc(1rem + 1vw + 1vh);
	text-align: right;
}
.mystisch {color: #fff; text-shadow: 1px 1px 2px #000; font-size: calc(1rem + 1vw + 1vh); text-align: left; margin: calc(5vw + 5vh);}
.ql-buttons {
	position: fixed;
	top: 120px;
	right: 0;
}
.ql-buttons a {
	text-decoration: none;
	display: block;
	background-color: rgb(214,162,76);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 8px 12px;
	margin: 4px 0;
	font-size: 12px;
}
.ql-buttons a i { font-size:20px;}
.ql-buttons span { display:none;}
/*----------------------------------------------------------------*/
main {
	position: relative;
	padding: 0;
	margin: auto;
}
.content, .content-23, .content-13, .content-12, .full {
	margin: 0 auto;
	padding: calc(1em + 0.5vw + 0.5vh);
	max-width: 1200px;
}
.box {
	border: 3px double rgb(138,16,2);
	border-radius: 8px;
	background-color: rgba(214,162,76,0.1);
}
/**/
.button {
	text-decoration: none !important;
	padding: 8px 12px;
	border-radius: 4px;
	display: inline-block;
	color:rgb(138,16,2);
	background-color: rgb(255,255,255);
	border:2px solid rgb(138,16,2);
}
.button:hover { color:rgb(255,255,255); background-color:rgb(138,16,2);}
/**/

.preise tr:nth-child(3n+2) { background-color:rgba(214,162,76,0.3); font-weight:600;}
.preise tr:nth-child(3n+3) { background-color:rgba(214,162,56,0.15);}
.preise tr:first-child { background-color:rgb(138,16,2); color:#fff; font-weight:600; }
.preise td {
	padding: 0.25em;
	border: 1px solid rgba(113,69,26,0.5);
}
.buchung { border:1px solid #ccc; border-radius:4px; padding:0.5rem; background-color:#FDFAF0; text-align:center; 
	min-width: 240px;}
/**/
.angebote img{
	width:100%;
	max-width:700px;
	height:auto !important;
	box-shadow:5px 5px 15px rgba(0,0,0,0.5);
}
.angebote h2:before { content:'\f00c'; margin-left:-1.5rem; margin-right:1rem; font-family: 'Font Awesome 5 Free'; font-weight:bold;}
.datum{
	font-size:0.9em;
	margin-bottom:5px;
}
/*----------------------------------------------------------------*/
.quicklinks { list-style:none; padding:0; margin:0; display: flex; flex-flow: row wrap;  justify-content:center;}
.quicklinks li { margin:0; padding: 0.5rem; flex: 1 1 50%;  min-width:160px; align-self:stretch; text-align:center;}
.quicklinks a { background-color:#fff;  display:block; text-decoration:none; padding:8px; max-width:260px; height:100%; margin:auto;}
.quicklinks h2 {
	color: rgb(214,176,62);
	margin: 0;
}
.quicklinks a img { width:100%; height:auto;}
.quicklinks a:hover {
	background-color: rgb(138,16,2);
	color: #fff;
}
/*----------------------------------------------------------------*/
.galerie {
	position: relative;
	text-align: center;
	margin: 0 auto 3rem;
	max-width: 1360px;
}
.galerie ul {
	list-style: none;
	margin: auto;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content:flex-start;
}
.galerie ul li {
	list-style: none;
	padding: min(1vw, 8px);
	flex: 0 0 33%;
}
.galerie ul li img, .galerie ul li a {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.galerie ul li a {
	display: block;
	position: relative;
	overflow:hidden;
	border:1px solid rgba(130,0,0,0.25);
}
.galerie ul li img {
	height: auto;
	width: 100%;
}
.galerie ul li a img:hover {
	transform: scale(1.05);
}
/*----------------------------------------------------------------*/
.aktuelles h2{
	font-size: 2.5em;
	color: rgb(138,16,2);
	font-family: 'Simonetta', Georgia, cursive;
	font-weight:normal;
	margin-top:1rem;
}
.aktuelles p{
	margin-top: 0px;
	margin-bottom: 0px;
}
.aktuelles ul,.aktuelles ol{
	padding-left: 20px;
	margin: 0px;
	display:inline-block;
}
.aktuelles img{
	width:auto;
	max-width:100%;
	height:auto !important;
}
.datum{
	font-size:0.9em;
	margin-bottom:5px;
}
/*----------------------------------------------------------------*/
footer{
	padding: 2em 1em;
	margin: 0 auto;
	position: relative;
	color: rgb(255,250,236);
	background: rgb(138,16,2) url(../images/bg-footer.png);
	font-size: 14px;
	text-align: left;
	 border-top:3px solid rgb(214,162,76);
}
footer a { text-decoration-color: rgba(75,75,75,0.25);}

footer ul { list-style:none; margin:auto; padding:0; margin:0; display:flex; flex-flow:row wrap; }
footer ul li {
	display: inline-block;
	flex: 0 0 auto;
	padding: 1rem; 
	padding: calc(0.5rem + 0.5vw + 0.5vh);
}
footer .small { font-size: 0.875em; }
/*----------------------------------------------------------------*/
p, h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	font-weight: 400;
	font-size: 1em;
}
h1 {
	font-size: 1.75rem;
	color: rgb(138,16,2);
	line-height: 1.25em;
	font-family: 'Simonetta', Georgia, cursive;
}
h2 {
	font-size: 1.375em;
	color: rgb(138,16,2);
}
h3 {
	font-size: 1.125rem;
	font-weight: 600;
}
.special {font-family: 'Simonetta', Georgia, cursive;}
/*----------------------------------------------------------------*/
#formular {
	position: relative;
	alignment-adjust: 0;
	margin: 0 auto;
	padding: 0;
}
form {
	margin: -1rem;
	padding: 0;
	display: block;
}
input, textarea {
	position: relative;
	border: 1px solid rgb(75,75,75);
	width: 95%;
	padding: 0px 0.25em;
	color: #000;
	font: normal 1rem/1.75em 'Open Sans', sans-serif;
	border-radius: 0.25em;
	margin: 0 4px 4px 0;
}
textarea {
	/* [disabled]height: 170px; */
}
input:focus, textarea:focus {	border: 1px solid rgb(190,22,34);}
.send {
	margin: 0 auto;
	border-radius: 0.25em;
	cursor: pointer;
	height: 2.5em;
	text-decoration: none;
	font: 700 1em 'Open Sans', sans-serif;
	border: 2px solid #fff;
	background-color: rgb(138,16,2);
	color: rgb(242,237,233);
	padding: 0.25em 1.5em;
}
.send:hover, .send:focus {
	background-color: #F2EDE9;
	color: rgb(138,16,2);
	border-color: rgb(138,16,2);

}
img.ui-datepicker-trigger {
	position: absolute;
	margin-top: 8px;
	margin-left: -28px;
	cursor: pointer;
	display: inline;}
.pflicht {
	line-height: 15px;
	color: #B41412;
	font-weight: 600;}
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
      /*                      MEDIA QUERY                  */
/*----------------------------------------------------------------*/
@media only screen and (max-width: 639px) {
.bildtitle { display:none;}
.content { padding:0;}
}
@media only screen and (min-width: 640px) {
}
/*----------------------------------------------------------------*/
@media only screen and (max-width: 766px) {
	.logoplatzhalter { display:none;}
	header { background-color:rgb(138,16,2); background-image:url(../images/bg-footer.png)}
	.preise td { display:block; border:none;}
	.preise tr { border:1px solid #ccc;}
	.angebote .content-13 { border-bottom:1px solid #ccc;}
	
	
	#menuToggle {
	display: block;
	position: fixed;
	top: 40px;
	right: 0px;
	width: 44px;
	z-index: 10;
	padding: 8px 0 4px 5px;
	-webkit-user-select: none;
	user-select: none;
	z-index: 50;
	background: rgb(138,16,2) url(../images/bg-footer.png);
	}
	#menuToggle input {
		display: block;
		width: 44px;
		height: 44px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0; /* hide this */
		z-index: 200 !important; /* and place it over the hamburger */
		-webkit-touch-callout: none;
	}
	/* Just a quick hamburger */
	#menuToggle span {
	display: block;
	width: 34px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background-color: rgba(255,255,255,0.9);
	z-index: 3;
	transform-origin: center;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),  background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),  opacity 0.55s ease;
	}
	
	/* Transform all the slices of hamburger into a crossmark */
	#menuToggle input:checked ~ span {
	opacity: 1;
	transform: rotate(45deg) translate(6px, 6px);
	}
	/*hide the middle one */
	#menuToggle input:checked ~ span:nth-last-child(3) {
		opacity: 0;
		transform: scale(0.1, 0.1) rotate(360deg);
	}
	/* the last one go the other direction */
	#menuToggle input:checked ~ span:nth-last-child(2) {
		opacity: 1;
		transform: rotate(-45deg) translate(6px, -6px);
	}
	/*	 * Make this absolute positioned at the top right of the screen	 */
	#menu {
	position: fixed;
	width: 100%;
	margin: 0;
	padding: 1.5em;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	/* to stop flickering of text in safari */	  
	transform-origin: 0% 0%;
	transform: translate(0%, -300%);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
	background-color: rgb(138,16,2);
	background-size: 500%;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	border-bottom: 3px solid rgb(75,75,75);
	box-shadow: 0 0 100px rgb(75,75,75);
	
	background: rgb(138,16,2) url(../images/bg-footer.png);
	}
	#menuToggle input:checked ~ ul {
		transform: scale(1.0, 1.0);
		opacity: 1;	}
	nav, nav ul, nav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	postition: relative;
	text-align: center;
		}
	nav ul li a {
	text-decoration: none;
	padding: 0 0.5em;
	margin: 4px auto;
	display: inline-block;
	font-size: 1rem;
	line-height: 36px;
	height: 36px;
	text-align: center;
	color: rgb(255,255,255);
	text-transform: uppercase;
		}
	
	nav a:hover, nav a:focus, nav a.aktiv {
	color: rgb(255,255,255);
	text-decoration: none;
	background: rgb(214,162,76);
	}
	nav a i { font-style:normal;}
	.aktuelles table:not(.pager-table){
		width:100% !important;
	}
	.aktuelles table:not(.pager-table) td{
		width:100% !important;
		display: block;
		border:none;
	}
	.aktuelles table:not(.pager-table) tr{
		display:block;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
	}
}
/*  ////////////////////////////////////////////////////////////////////////////  */

@media only screen and (min-width: 767px){
	header { padding:1rem;}
	.logo { margin-top:12px; margin-bottom:-50px; text-align:center; display:inherit;}
	.logo img { width: 240px; margin:auto; }
	.logoplatzhalter { display:none;}

	.sticky header {
		position: fixed;
		top:0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 10;
		background-color:#fff;
		box-shadow: 0 0 25px rgba(0,0,0,0.5);		
		padding:0;
		height:40px;
	}
	.sticky nav { margin:auto;}
	.sticky .logo  { display:none; }
	
	.sprachen { right:1rem; top:4rem;}
	.sprachen a { display:block;}
	.sticky .sprachen { display:none;}
	.ql-buttons { top:150px;}
	.ql-buttons a { padding:6px 8px; line-height:20px;}
	.ql-buttons br { display:none;}
	.ql-buttons span { display:inherit;}
	
	.flex { display:flex; flex-flow: row wrap; width:100%;}
	.flex > div { flex: 1 1 auto; padding:1em;}
	
	.content-23 { width:66%;}
	.content-13 {
	width: 33%;
}
	.content-12 { width:50%;}
	.full { width: 100%;}	
	.quicklinks li { flex: 1 1 25%;}
	.mystisch { text-align:right;}

	/*--------------------------*/
	#menuToggle input {
		display: none;
	}
	#menuToggle {
		margin: 0 auto;
		position: relative;
	}
	nav {
	text-align: center;
	margin:auto;
	line-height: 2.5rem;
	z-index: 500;
	max-width:1400px;
	}
	nav ul {
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
		display: flex;
		justify-content: space-between;
	}
	nav ul li {
		margin: 0;
		padding: 0;
		flex: 0 0 auto;
	}
	nav a {
	font-size-adjust: none;
	font-size:15px;
	display: block;
	margin: 0 0.25em;
	padding: 0 0.5em;
	text-decoration: none;
	text-transform: uppercase;
	color:rgb(74,73,72);
	}
	nav a:hover, nav a.aktiv {
	position: relative;
	text-decoration: none;
	color: rgb(214,162,76);
	}
	nav i { font-style:normal;}
}

@media only screen and (min-width: 1200px){	
	nav { margin: 2rem auto 0; }		
	.logoplatzhalter { display:inherit; width:340px;}	
	.sticky .logoplatzhalter {width:160px;}
	.sticky .logo {transform: translateY(-77px) scale(0.33); margin:auto; display:inherit;}
	.logo {	margin-top:-60px; display:block; z-index:-1;}
	.logo img { width: 300px; }
	.sprachen { top:0.5rem;}
	.sprachen a { display:inline-block;}
	
	.sticky header { height:48px;}	
	footer ul { justify-content:center;}
}
@media only screen and (min-width: 1600px){	
	nav { font-size:1.125rem;}
}

/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
#totop {
	position: fixed;
	z-index: 150;
	right: 0;
	bottom: calc(3vw + 3vh);
	text-decoration: none;
	opacity: 0;
	padding: 4px 16px 10px 16px;
	margin: 0;
	color: rgb(255,255,255);
	background-color: rgb(138,16,2);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#totop:hover {
	color: rgb(255,255,255);
	background-color: rgb(138,16,2);
}
#totop.show { cursor: pointer;	opacity: 1.0;}
/*---------------------------------------------------------------------------------------*/
::-moz-selection { background-color: rgb(138,16,2); color:rgb(255,255,255);}
	 ::selection { background-color: rgb(138,16,2); color:rgb(255,255,255);}
/* { background-color:rgba(0,0,0,0.05);}*/