html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}

/* Schriftart */
body {font-family: "Arial";word-wrap: break-word;}

ol, ul {list-style: none;}

/* Tabelleneinstellungen */
tr{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

th{
	font-weight: normal;
}

th, td {
	text-align: center;
}

/* Hintergrundbild */
body {background: url(../bilder/open-163976.jpg) no-repeat center fixed;
	  -o-background-size: cover;
      -moz-background-size: cover;
      -webkit-background-size: cover;
	 }


/* Breite des Inhalts je nach Ausgabegerät*/

.container{
	width: auto;
	margin-left: 5px;
	margin-right: auto;
}

@media (min-width:992px){
	.container{
		width:970px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width:1200px){
	.container{
		width:1170px;
		margin-left: auto;
		margin-right: auto;
	}
}

.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,.col-md-15,.col-md-2,.col-md-33,.col-md-3,.col-md-4,.col-md-5,.col-md-55,.col-md-6,.col-md-7,.col-md-75,.col-md-8,.col-md-9{position:relative;min-height:1px;float:left}

.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-75{width:62.500000005%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-55{width:48.5%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-33{width: 25.75%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-lg-15{width:12%}
.col-md-1{width:8.33333333%}
.col-md-13{width:4.166666665%}
.col-md-14{width:3%}


/* Header */

.headerPic{
		width: 99%;
	}

@media (min-width:768px){
	.headerPic{
		width:99%;
		margin-left:auto;
		margin-right:auto;
	}
}

@media (min-width:992px){
	.headerPic{
		width:100%;
	}
}

@media (min-width:1200px){
	.headerPic{
		width:100%;
	}
}


/* Menü für größere Devices */

@media (max-width: 550px) {
	.mainMenu{
		display:none;
	}
}

@media (min-width: 551px) {
	.mainMenu {
		font-size: 0.95rem;
		white-space: nowrap;
		background-color: transparent;
		-moz-user-select: none;
		margin-right: 2px;
	}
	
	.mainMenu> ul {
		background-color: #5a2984;
		display: flex;
		width: auto;
		justify-content: center;
	}
	
	.mainMenu > ul > li {
		vertical-align: middle;
		padding: 5px 7px 5px 7px;
	}
	
	.mainMenu > ul > li > a {
		color: #ffffff;
		background-color: transparent;
		display: inline-block;
		text-align: center;
	}

	.mainMenu > ul > li > a:hover {
		color: #ffffff;
		background-color: transparent;
		text-decoration: none;
	}

	.mainMenu > ul > li.active {
		border-left: 1px solid transparent;
		background: url(../bilder/pointer_small.jpg) no-repeat bottom;
		vertical-align: bottom;
	}
	
	.mainMenu > ul > li.active > a {
		color: #ffffff;
	}

	.mainMenu > ul > li.active > a:hover {
		color: #ffffff;
		background-color: transparent;
	}
}


@media (min-width:768px){
	.mainMenu {
		font-size: 1rem;
		white-space: nowrap;
		background-color: transparent;
		-moz-user-select: none;
	}

	.mainMenu> ul {
		background-color: #5a2984;
		display: flex;
		width: auto;
		justify-content: center;
	}
	
	.mainMenu > ul > li {
		vertical-align: middle;
		padding: 10px 15px 10px 15px;
	}
	
	.mainMenu > ul > li > a {
		color: #ffffff;
		background-color: transparent;
		display: inline-block;
		text-align: center;
		font-size: inherit;
	}

	.mainMenu > ul > li > a:hover {
		color: #ffffff;
		background-color: transparent;
		text-decoration: none;
	}

	.mainMenu > ul > li.active {
		border-left: 1px solid transparent;
		background: url(../bilder/pointer_small.jpg) no-repeat bottom;
		vertical-align: bottom;
	}
	
	.mainMenu > ul > li.active > a {
		color: #ffffff;
	}

	.mainMenu > ul > li.active > a:hover {
		color: #ffffff;
		background-color: transparent;
	}
}

@media (min-width:992px){
	.mainMenu {
		font-size: 1rem;
		white-space: nowrap;
		background-color: transparent;
		-moz-user-select: none;
	}

	.mainMenu> ul {
		background-color: #5a2984;
		display: flex;
		width: 970px;
		justify-content: center;
	}
	
	.mainMenu > ul > li {
		vertical-align: middle;
		padding: 5px 10px 5px 10px;
	}
	
	.mainMenu > ul > li > a {
		color: #ffffff;
		background-color: transparent;
		display: inline-block;
		text-align: center;
	}

	.mainMenu > ul > li > a:hover {
		color: #ffffff;
		background-color: transparent;
		text-decoration: none;
	}

	.mainMenu > ul > li.active {
		border-left: 1px solid transparent;
		background: url(../bilder/pointer_small.jpg) no-repeat bottom;
		vertical-align: bottom;
	}
	
	.mainMenu > ul > li.active > a {
		color: #ffffff;
	}

	.mainMenu > ul > li.active > a:hover {
		color: #ffffff;
		background-color: transparent;
	}
}

@media (min-width:1200px){
	.mainMenu {
		font-size: 1.3rem;
		white-space: nowrap;
		background-color: transparent;
		-moz-user-select: none;
	}

	.mainMenu> ul {
		background-color: #5a2984;
		display: flex;
		width: 1170px;
		justify-content: center;
	}
	
	.mainMenu > ul > li {
		vertical-align: middle;
		padding: 10px 15px 10px 15px;
	}
	
	.mainMenu > ul > li > a {
		color: #ffffff;
		background-color: transparent;
		display: inline-block;
		text-align: center;
	}

	.mainMenu > ul > li > a:hover {
		color: #ffffff;
		background-color: transparent;
		text-decoration: none;
	}

	.mainMenu > ul > li.active {
		border-left: 1px solid transparent;
		background: url(../bilder/pointer.jpg) no-repeat bottom;
		vertical-align: bottom;
	}
	
	.mainMenu > ul > li.active > a {
		color: #ffffff;
	}

	.mainMenu > ul > li.active > a:hover {
		color: #ffffff;
		background-color: transparent;
	}
}

/* Hauptmenü für Smartphones */

@media (max-width:361px){	
	#device-menu {
		background-color: #5a2984;
	    position: relative;
	    width: 355px;
	}
	 
	#device-menu ul {
	    background-color: #5a2984;
	    position: absolute;
	    width: 350px;
	}
	 
	#device-menu ul li {
		float: left;
	    margin: 5px 10px 5px 10px;
	    text-decoration:none;
	}
	
	#device-menu ul ul {
	    position: absolute;
	    top: -9999px;
	    width: 205px;
	    background-color: transparent;
		z-index: 1;
	}
	 
	#device-menu ul ul li {
	    float: none;
	    text-decoration: none;
	    padding: 5px 10px;
	    text-align: left;
	    border-bottom: 1px solid #ddd;
	    line-height: 20px;
	    background-color: #5a2984;
		z-index: 2;
	}
	
	#device-menu ul ul a{
	    float: none;
	    color: white;
	    text-decoration: none;
	}
	
	#device-menu ul li:hover ul {
	    top: 45px;
	}
	
	#device-menu ul li img {
	    float: left;
	    padding: 5px 0px 5px 0px;
	    background:transparent;
	}

}
	
@media (min-width: 362px) and (max-width:376px){
	#device-menu {
		background-color: #5a2984;
	    position: relative;
	    width: 370px;
	}
	 
	#device-menu ul {
	    background-color: #5a2984;
	    position: absolute;
	    width: 365px;
	}
	 
	#device-menu ul li {
		float: left;
	    margin: 5px 10px 5px 10px;
	    text-decoration:none;
	}
	
	#device-menu ul li img {
	    float: left;
	    padding: 5px 0px 5px 0px;
	    background:transparent;
	}
	
	#device-menu ul ul {
	    position: absolute;
	    top: -9999px;
	    width: 220px;
	    background-color: transparent;
	    z-index: 1;
	}
	 
	#device-menu ul ul li {
	    float: none;
	    text-decoration: none;
	    padding: 5px 10px;
	    text-align: left;
	    border-bottom: 1px solid #ddd;
	    line-height: 20px;
	    background-color: #5a2984;
	    z-index: 2;
	}
	
	#device-menu ul ul a{
	    float: none;
	    color: white;
	    text-decoration: none;
	}
	
	#device-menu ul li:hover ul {
	    top: 45px;
	}
	
}

@media (min-width: 377px) and (max-width:415px){	
	#device-menu {
		background-color: #5a2984;
	    position: relative;
	    width: 400px;
	}
	 
	#device-menu ul {
	    background-color: #5a2984;
	    position: absolute;
	    width: 395px;
	}
	 
	#device-menu ul li {
		float: left;
	    margin: 5px 10px 5px 10px;
	    text-decoration:none;
	}
	
	#device-menu ul li img {
	    float: left;
	    padding: 5px 0px 5px 0px;
	    background:transparent;
	}
	
	#device-menu ul ul {
	    position: absolute;
	    top: -9999px;
	    width: 250px;
	    background-color: transparent;
	    z-index: 1;
	}
	 
	#device-menu ul ul li {
	    float: none;
	    text-decoration: none;
	    padding: 5px 10px;
	    text-align: left;
	    border-bottom: 1px solid #ddd;
	    line-height: 20px;
	    background-color: #5a2984;
	    z-index: 2;
	}
	
	#device-menu ul ul a{
	    float: none;
	    color: white;
	    text-decoration: none;
	}
	
	#device-menu ul li:hover ul {
	    top: 45px;
	}
}

@media (min-width: 416px) and (max-width:550px){	
	#device-menu {
		background-color: #5a2984;
	    position: relative;
	    width: 100%;
	}
	 
	#device-menu ul {
	    background-color: #5a2984;
	    position: absolute;
	    width: 100%;
	}
	 
	#device-menu ul li {
		float: left;
	    margin: 5px 10px 5px 10px;
	    text-decoration:none;
	}
	
	#device-menu ul li img {
	    float: left;
	    padding: 5px 0px 5px 0px;
	    background:transparent;
	}
	
	#device-menu ul ul {
	    position: absolute;
	    top: -9999px;
	    width: 325px;
	    background-color: transparent;
	    z-index: 1;
	}
	 
	#device-menu ul ul li {
	    float: none;
	    text-decoration: none;
	    padding: 5px 10px;
	    text-align: left;
	    border-bottom: 1px solid #ddd;
	    line-height: 20px;
	    background-color: #5a2984;
	    z-index: 2;
	}
	
	#device-menu ul ul a{
	    float: none;
	    color: white;
	    text-decoration: none;
	}
	
	#device-menu ul li:hover ul {
	    top: 45px;
	}
}

@media (min-width: 551px) {
	#device-menu{
		display:none;
	}
}

/* Ein- & Ausblenden der Contents für Smartdevices oder große Devices */ 

@media (max-width: 729px) {
	.start-content-1{
		display:none;
	}
}

@media (min-width: 730px) {
	.start-content-2{
		display:none;
	}
}


/* Platzhalter */

.startpuffer{
	height: 10px;
}

.puffer{
	height: 20px;
}

@media (max-width:550px){
	.puffer{
		height: 20px;
		margin-top: 40px;
	}
}

.content-puffer{
	height: 50px;
}

.content-puffer-haftung{
	height: 250px;
}

.content-puffer2{
	height: 10px;
}

/* Überschriften und Texte Formatierung */

h1{
	font-size: 150%;
	color: #f07d00;
}

h2{
	font-size: 235%;
	font-weight: lighter;
	color: #f07d00;
}

h3{
	color: #f07d00;
}

h4{
	color: #f07d00;
}

a1{
	font-size: 1.3rem;
}

@media (max-width:481px){
	b{
		font-size:small;
	}
	
	a{
		font-size:small;
	}
	
	h1{
		font-size:medium;
	}
	
	h2{
		font-size: 175%;
	}
	
	a1{
	font-size: 1.05rem;
	}	
}

@media (max-width:991px){
	b{
		font-size:70%;
	}
	
	a{
		font-size:small;
	}
	
	h1{
		font-size:larger;
	}
	
	h2{
		font-size: 175%;
	}
	
	a1{
	font-size: 1.05rem;
	}	
}

@media (max-width:729px){
	h3{
		font-size: 1rem;
	}

	h4{
		font-size: 1.25rem;
	}
}

@media (min-width:730px) and (max-width:767px){
	h3{
		font-size: 1.35rem;
	}
	
	h4{
		font-size: 0.8rem;
	}
}

@media (min-width:768px) and (max-width:812px){
	h3{
		font-size: 1.4rem;
	}
	
	h4{
		font-size: 0.95rem;
	}
}

@media (min-width:813px) and (max-width:951px){
	h3{
		font-size: 1.5rem;
	}
	
	h4{
		font-size: 1rem;
	}
}

@media (min-width:952px) and (max-width:1199px){
	h3{
		font-size: 1.8rem;
	}
	
	h4{
		font-size: 1.2rem;
	}
}

@media (min-width:1200px){
	h3{
		font-size: 1.8rem;
	}
	
	h4{
		font-size: 1.4rem;
	}
}

.price-key{
	color: #f07d00;
}

/* Formatierung Bild Öffnungszeiten */

.termine_img{
	width: 90%;
	height: auto;
}

@media (max-width: 729px) {
	.termine_img{
		width: 50%;
		height: auto;	
	}
}

/* Formatierung Angebote */

.angebote{
	width: 100%;
	height: auto;
}

/* Rand zwischen Adresse/Öffnungszeiten und Startseite */

.home-menu{
	margin-left: -3px;
	border-left: 3px solid #5a2984;
}

.home-menu-2{
	margin-top: 2px;
	border-top: 3px solid #5a2984;
}

/* Formatierung Bild Startseite */

.startpic{
		width: 360px;
		height: 261px;
}

@media (min-width:768px){
	.startpic{
		width: 397px;
		height: 298px;
	}
}


/* Formatierung der Leistungen-Seite */
.dots-puffer{
	height: 32px;
}

.dots-puffer2{
	height: 20px;
}

@media (max-width: 990px){
	.dots-puffer{
		height: 0px;
	}
	
	.dots-puffer2{
		height: 0px;
	}
}

.dots{
	list-style-type: disc;
	font-size: 1.3rem;
	line-height: 2rem;
}

.dots > li > a {
	color: #000000;
}

.service-menu{
	margin-left: -3px;
	border-left: 3px solid #5a2984;
}

.service-menu-2{
	margin-top: 2px;
	border-top: 3px solid #5a2984;
}

.service-menu-dots{
	font-size: 1.3rem;
	line-height: 2rem;
}

@media (max-width: 482px) {
	.service-menu-dots{
		font-size: 1rem;
	}
}

.service-menu-puffer{
	height: 10px;
}

@media (max-width: 767px) {
	.service-menu-puffer{
		height: 0px;
	}
}

.service-menu-puffer2{
	height: 20px;
}

@media (max-width: 767px) {
	.service-menu-puffer2{
		height: 0px;
	}
}

.service-menu-puffer3{
	height: 20px;
}

@media (max-width: 1117px) {
	.service-menu-puffer3{
		height: 0px;
	}
}

.service-menu-pics > img {
	width: 227.5px;
	height: 150.6px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 729px) {
	.service-menu-pics > img {
		width: 185px;
		height: 150px;
		margin-left: 30px;
		margin-right: auto;
	}
}

@media (min-width: 730px) and (max-width: 1117px) {
	.service-menu-pics > img {
		width: 99%;
		height: auto;
	}
}

@media (max-width: 991px) {	
	.service-content-1{
		display: none;
	}
}

@media (min-width: 992px) {
	.service-content-2{
		display: none;
	}
}

/* Formatierung Preise */

.content{
	margin-left: auto;
	margin-right: auto;
}

.abo{
	padding-right: 10px;
}

@media (max-width: 729px) {
	.price-menu{
		margin-left: -3px;
		border-top: 3px solid #5a2984;
	}
	
	.price-menu-second{
		border-bottom: 3px solid #5a2984;
	}
	
	.price-menu-third{

	}
	
	.price-menu-puffer{
		height: 10px;	
	}
	
	.price-h{
		padding: 10px;
	}
	
	.price-h2{
		padding: 10px;
		text-align: center;
	}
	
	.price-text{
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.price-text > a {
		font-size: 0.9rem;
	}
	
	.tr-puffer{
		height: 10px;
	}
	
	.tr-puffer2{
		height: 5px;
	}
	
	.td-tmp{
		color: transparent;
	}
}

@media (min-width: 730px) {
	.price-menu{
		margin-left: -3px;
		border-left: 3px solid #5a2984;
	}
	
	.price-menu-second{
		border-bottom: 3px solid #5a2984;
	}
	
	.price-menu-third{
		margin-left: -3px;
		border-left: 3px solid #5a2984;	
	}
	
	.price-menu-puffer{
		height: 10px;	
	}
	
	.price-h{
		padding: 10px;
	}
	
	.price-h2{
		padding: 10px;
		text-align: center;
	}
	
	.price-text{
		padding-right: 10px;
		padding-left: 10px;
		font-size: 0.99rem;
	}
	
	.tr-puffer{
		height: 10px;
	}
	
	.tr-puffer2{
		height: 5px;
	}
	
	.td-tmp{
		color: transparent;
	}
}

.haftung{
	text-align:center;
}

/* Formatierung Geschenkeseite */

.present-text{
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.present-dots{
	padding-left: 35px;
	list-style-type: disc;
}

@media (max-width: 729px) {
	.present-menu{
		border-top: 3px solid #5a2984;
	}
}

@media (min-width: 730px) {
	.present-menu{
		margin-left: -3px;
		border-left: 3px solid #5a2984;
	}
}

.present-img-1 {
	width: 225px;
	height: 170.625px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
}

.present-img-2 {
	width: 225px;
	height: 303.33px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
}

.present-menu-puffer{
	height: 10px;	
}

.present-menu-puffer2{
	height: 30px;	
}

.present-menu-puffer3{
	height: 5px;	
}

/* Formatierung Anfahrt & Konktakt Seite*/

@media (max-width:729px){
	.contact-menu{
		border-top: 3px solid #5a2984;
	}
}

@media (min-width:730px){
	.contact-menu{
		margin-left: -3px;
		border-left: 3px solid #5a2984;
	}
}

.c1{
	color: #5a2984;
}

.c1-puffer{
	height: 1.5px;
}

.c2-puffer{
	height: 13.5px;
}

.c3-puffer{
	height: 12px;
}

.c4-puffer{
	height: 14px;
}

.input1{
	width: 40%;
	border: 2px solid #5a2984;
}

textarea{
	border: 2px solid #5a2984;
}

.contact-puffer{
	height: 10px;	
}

.contact-puffer2{
	height: 5px;
}

.parking{
	width: 90%;
	height: auto;
}

.anfahrt{
	width:625px;
	height:450px;
}

.anfahrt-mobile{
	width: 90%;
	height: auto;
}


/* Formatierung Datenschutzhinweise Seite */

@media (max-width:361px){	
	h5{
		font-size: 1.1em;
	}	

	h6{
		font-size: 0.95em;
	}	

	.dph{
		margin-left: 5px;
	}

	.datenfkl{
		font-size: small;
	}
}
	
@media (max-width:376px){	
	h5{
		font-size: 1.3em;
	}

	h6{
		font-size: 1em;
	}
	
	.dph{
		margin-left: 10px;
	}
	
	.datenfkl{
		font-size: small;
	}
}

@media (max-width:415px){	
	h5{
		font-size: 1.45em;
	}

	h6{
		font-size: 1.05em;
	}
	
	.dph{
		margin-left: 20px;
	}
	
	.datenfkl{
		font-size: small;
	}
}

@media (max-width:481px){	
	h5{
		font-size: 1.6em;
	}

	h6{
		font-size: 1.1em;
	}
	
	.dph{
		margin-left: 20px;
	}
	
	.datenfkl{
		font-size: small;
	}
}

@media (min-width:768px){
	h5{
		font-size: 2em;
	}

	h6{
		font-size: 1.5em;
	}
	
	.dph{
		margin-left: 20px;
	}
	
	.datenfkl{
		font-size: small;
	}
}

/* Formatierung Impressum Seite */

.puffer-impressum{
	height: 5px;
}

@media (max-width:729px){
	.impressum-menu{
		border-top: 3px solid #5a2984;
	}

	.impressum-puffer2{
		height: 150px;
	}
}

@media (min-width:730px){
	.impressum-menu{
		margin-left: -3px;
		border-left: 3px solid #5a2984;
	}
	
	.impressum-puffer2{
		height: 425px;
	}
}


.datenschutz{
	border-top:  1px solid #5a2984;
	text-align: center;
}

/* Vorlagen Media

@media (max-width:361px){	

}
	
@media (max-width:376px){	

}

@media (max-width:415px){	

}

@media (max-width:481px){	

}

@media (min-width:768px){

}

@media (min-width:992px){

}

@media (min-width:1200px){

}

*/