@font-face {
	 font-family: "Recorda Script";
	 src: url("fonts/RecordaScript.woff2") format("woff2");
}
/* montserrat-300 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v29-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
 
 #wrapper{
	max-width: 1300px;
	 padding: 15px;
	 margin: 0 auto;
	 padding-top: 80px;
	 text-align: center
}
 body{
	background-color: #D8BFD8;
	 font-family: 'Montserrat';
	 font-weight: 300;
	 font-size: 2em;
}

 h1{
	font-family: 'Recorda Script';
	 font-size: 5em;
	 font-weight: 400;
	 margin: 0;
	 line-height: 1;
}
 h2{
	font-family: 'Montserrat';
	 font-size: 2em;
	 font-weight: 400;
	 margin: 0;
}
#wrapper{
	position: relative;
}
 #wrapper a{
	color: black;
}
 div#oeffnungszeiten, div#kontakt{
	 margin-top: 40px;
}
 .tg {
	border-collapse:collapse;
	border-spacing:0;
}
 .tg td{
	border-color:black;
	border-style:solid;
	border-width:1px;
	font-family:Arial, sans-serif;
	font-size:14px;
	 overflow:hidden;
	padding:10px 5px;
	word-break:normal;
}
 .tg th{
	border-color:black;
	border-style:solid;
	border-width:1px;
	font-family:Arial, sans-serif;
	font-size:14px;
	 font-weight:normal;
	overflow:hidden;
	padding:10px 5px;
	word-break:normal;
}
 .tg .tg-j6zm{
	font-weight:bold;
	text-align:left;
	vertical-align:bottom
}
 .tg .tg-7zrl{
	text-align:left;
	vertical-align:bottom
}

.flower-img{
	max-width: 300px;
	margin-top: 50px;
}

#flower-wrapper-left{
	position: absolute;
	left: 0;
  	top: 50%;
  	transform: translateY(-50%);
}

#flower-wrapper-right{
	position: absolute;
	right: 0;
  	top: 50%;
  	transform: translateY(-50%);
}

#footer-flower{
	display: none;
}

a:hover{
text-decoration-style: dotted;
}

 @media all and (max-width: 979px){
	 h1{
		font-size: 4em;
	}
	 h2{
		font-size: 2em;
	}
	 #wrapper{
		padding-top:50px;
	}
	 body{
		font-size: 1.3em;
	}

	#footer-flower{
		display: block;
		max-width: 50%;
		margin: 0 auto;
		margin-top: 30px;
	}

	#flower-wrapper-right,
	#flower-wrapper-left{
		display: none;
	}
}