/*
Schrift: dunkelbraun - #5F4427 - RGB 95 68 39
Hintergrund: creme - #f6e3cb - RGB 246 27 203
Navigation hover: gelb - #f5df67 - RGB 245 223 103
Links hover: rot - #860202 - RGB 134 2 2
*/

p {margin: 0; padding: 0;}


html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
} 

body {
	font-family: 'Karla', sans-serif;
	color: #5F4427;
}

/* Logo/Menue Zeile */
.default-theme {
	background: transparent;
}

.logo{
	top: 5px;
	left: 10px;
	width: 150px;
	height: 40px;
	z-index: 3;
}

a {color: #860202; text-decoration: none;}
a:hover {color: #5F4427; text-decoration: underline;}

.lora {font-family: 'Lora', sans-serif;}
.karla {font-family: 'Karla', sans-serif;}


.center {text-align: center;}


@media screen and (max-width: 480px) and (orientation: portrait) {
	.logo img {
		width: 200px;
		height: auto;
		z-index: 9999;
	}
	.inhalte {
		padding-top: 60px;
	}
}
@media screen and (min-width: 481px) and (max-width: 999px) and (orientation: portrait) {
	.logo img {
		width: 250px;
		height: auto;
		z-index: 9999;
	}
	.inhalte {
		padding-top: 120px;
	}
}
@media screen and (min-width: 1000px) and (orientation: portrait) {
	.logo img {
		width: 250px;
		height: auto;
		z-index: 9999;
	}
	.inhalte {
		padding-top: 100px;
	}
}


@media screen and (max-width: 719px) and (orientation: landscape) {
	.logo img {
		width: 100px;
		height: auto;
		z-index: 9999;
	}
	.inhalte {
		padding-top: 80px;
	}
}
@media screen and (min-width: 720px) and (max-width: 999px) and (orientation: landscape) {
	.logo img {
		width: 200px;
		height: auto;
		z-index: 9999;
	}
	.inhalte {
		padding-top: 120px;
	}
}
@media screen and (min-width: 1000px) and (orientation: landscape) {
	.logo img {
		width: 250px;
		height: auto;
		z-index: 9999;
	}
	.inhalte {
		padding-top: 100px;
	}
}




.backcol_creme {
	background-color: #f6e3cb;
}


h1 {
	font-family: 'Karla', sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.02em;
	margin-bottom: 30px;
}


@media screen and (max-width: 639px) {
	.titel {
		display: none;
	}
	.titel2 {
		width: 100%;
		text-align: center;
		font-family: 'Karla', sans-serif;
		font-size: 1.4em;
		letter-spacing: 0.02em;
		margin-top: 40px;
		margin-bottom: 50px;
	}
}
@media screen and (min-width: 640px) {
	.titel2 {
		display: none;
	}
	.titel {
		width: 100%;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		font-family: 'Karla', sans-serif;
		font-size: 1.4em;
		letter-spacing: 0.02em;
	}
	.titelstrich {
		display: inline-block;
		position: relative;
	}
	
	.titeltext::before,
	.titeltext::after {
		content: "";
		position: absolute;
		border-top: 1px solid #5F4427;
		top: 50%;
		width: 200px;
	}
	.titeltext::before {
		margin-right: 15px;
		right: 100%;
	}
	.titeltext::after {
		margin-left: 15px;
		left: 100%;
	}
}






.back {
	width: 100%;
	font-family: 'Karla', sans-serif;
	font-size: 1.1em;
	text-align: center;
}

#footer {
	width: 100% !important;
	min-height: 100px;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 0.9em;
	letter-spacing: 0.01em;
	text-align: left;
}
.imgFootTwint {width: 150px; height: auto;}


	


@media screen and (max-width: 899px) {
	.celltext {width: 100%; text-align: center;}
	
	.tel a {
		padding: 10px 20px 10px 20px !important;
	}
	.back {
		padding-top: 30px;
	}
	.cellzw {height: 20px;}
}

@media screen and (min-width: 900px) and (max-width: 999px) {
	.foottabdiv {display: table; width: 90%; margin: 0 auto;}
	.foottabrow {display: table-row;}
	.foottabcell {display: table-cell; vertical-align: top;}

	.celltext {width: 26.6%;}
	.cellzw {width: 5%;}
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
	.foottabdiv {display: table; width: 80%; margin: 0 auto;}
	.foottabrow {display: table-row;}
	.foottabcell {display: table-cell; vertical-align: top;}

	.celltext {width: 23.3%;}
	.cellzw {width: 5%;}
}

@media screen and (min-width: 1400px) {
	.foottabdiv {display: table; width: 60%; margin: 0 auto;}
	.foottabrow {display: table-row;}
	.foottabcell {display: table-cell; vertical-align: top;}

	.celltext {width: 16.7%;}
	.cellzw {width: 5%;}
}




/* Stich (Events etc.) */
.strich {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

@media screen and (max-width: 799px) {
	.imgstrich {
		width: 100%;
		height: 1px;
	}
}

@media screen and (min-width: 800px) {
	.imgstrich {
		width: 500px;
		height: 1px;
	}
}





















@media only screen and (max-width:480px) {
}
@media only screen and (min-width: 480px){
}