@import 'galerie.css';
@import 'buchung.css';
@import url(../materialdesign/css/materialdesignicons.min.css);
@font-face{font-family:’DancingScript-Regular’;font-weight:400;
	src:url(./fonts/DancingScript-Regular.woff) format('woff');
    src: url("./fonts/DancingScript-Regular.eot"), /* IE9 Compat Modes */
    src: url("./fonts/DancingScript-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/DancingScript-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/DancingScript-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/DancingScript-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/DancingScript-Regular.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

html {
	color: #fff;
	font: 20px/30px Verdana, Helvetica, Arial, sans-serif;
	background: -webkit-linear-gradient(rgba(30,30,30,.99), rgba(30,30,30,.9)), url(../../root/bg-html.jpg);
	background: linear-gradient(rgba(30,30,30,.99), rgba(30,30,30,.9)), url(../../root/bg-html.jpg);
	background-repeat: repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
}



h1,h2 {
    font-family: 'DancingScript-Regular', cursive;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 120%;
}

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

a:hover {
	color: #bb5544;
}

li {
	list-style: none;
}

hr {
	display: block;
	border: 1px solid #000;
	border-bottom: 1px solid #333;
	padding: 0;
	clear: both;
	width: 100%;
	margin: 24px 0;
}

.wrapper {
	max-width: 1040px;
	padding: 20px;
	margin: 0 auto;
}

.rund {
	border-radius: 150px;
	-moz-border-radius: 150px;
	-webkit-border-radius: 100%;
	height: 250px;
	width: auto;
	padding: 5px 10px;
}

.mainnav > a {
	display: none;
}

.mainnav {
	float: right;
	line-height: 50px;
}

.navigation {
	margin: 0 -20px 0 0;
}

.navigation li {
	float: left;
}

.navigation a {
	padding: 20px;
}

.navbottom {
	padding: 0;
	margin: 0 0 0 -20px;
}

.navbottom ul {
	margin: 0;
	line-height: 50px;
}

.navbottom li {
	float: left;
}

.navbottom a {
	padding: 20px;
}

.navbottom a.active, .navigation a.active {
	color: #bb5544;
}

address {
	text-align: right;
}

.blind {
	display: none;
}

.preise span {
	width: 170px;
	display: inline-block;
}

.maps {
	height: 400px;
	position: relative;
	width: 100%;
}

.maps {
	z-index: 0;
}

.form-group input {
	margin: 0 5px 0 0;
	line-height: 20px;
}

#strasse, #ort {
	width: 300px;
}

#hausnr, #plz {
	width: 50px;
}

#route {
	display: inline-block;
}

#itineraryDiv {
	position: relative;
	width: 100%;
	background: #958f8f;
}

#itineraryDiv .directionsPanel {
	inset-inline: inherit;
	display: inline;
}

.button.send {
	box-shadow: inset 0px 1px 3px 0px #91b8b3;
	background: linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color: #768d87;
	border-radius: 5px;
	border: 1px solid #566963;
	color: #fff;
	font-weight: bold;
	padding: .5em;
	margin: 20px 0;
}

.button:hover {
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}

.button.send {
	box-shadow: inset 0px 1px 3px 0px #91b8b3;
	background: linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color: #768d87;
	border-radius: 5px;
	border: 1px solid #566963;
	color: #fff;
	font-weight: bold;
	padding: .5em;
	margin: 20px 0;
}

label {
	display: block;
}
.datenschutz {
	float: left;
	clear: both;
	margin: 10px;
	position: fixed;
	bottom: 100px;
	left: 0;
	background: #ccc;
	background: #cccccc8a;
	background-color: rgba(204, 204, 204, 0.5);
	line-height: 50px;
	height: 50px;
	border-radius: 5px;
}

.fa {
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 170%;
	margin-top: .25em;
}

.fa-1x {
	font-size: 1em;
}

.fa-2x {
	font-size: 2em;
}

.fa-3x {
	font-size: 3em;
}