@import url('reset.css');

/* General Codrops Demo Style */
body, html {
	height: 100%;
}
body {
	background:#1F1F1F url(../images/tabler_bg.png) repeat top left;
	color:#fff;
	font-family:Georgia, "Times New Roman", serif;
	font-size:14px;
}
.wrapper {
	min-height: 100%;
	/*height: auto !important;*/ /* changed 03-02-2016 This line and the next line are not necessary unless you need IE6 support */
	/*height: 100%;*/
	/*margin: 0 auto -80px;*/ /* changed 03-02-2016 the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 80px; /* .push must be the same height as .footer */
}
.footer {
	background-color:#fff;
	text-align: center;
}
.footer2 {
	max-width:900px;
	background-color:#fff;
	text-align: center;
	padding: 0 28px 10px 28px;
	margin:0 auto;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.footer2 div {
	width: 100%;
	display: inline-block;
	/* background-color: #df8da8; */
	background-color:#915e45;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
a{
	color:#ddd;
	text-decoration:none;
}
a:hover{
	color:#00c6e3;
}
a[href^=tel] {
    color:inherit;
    text-decoration:none;
}
p.sub {
	font-size:13px;
	padding:5px;
	line-height: 20px;
	text-align:center;
	color:#fff;
	/* letter-spacing: 1px; */
}
p.sub a {
	color:#fff;
}
p.sub a:hover {
	text-decoration: underline;
}

.clr {
	clear:both;
}
h1 {
	margin:5px;
	font-size:24px;
	text-align:center;
	color:#fff;
	font-family:Georgia, "Times New Roman", serif;
	text-shadow:1px 1px 1px #000;
	padding-bottom:10px;
	line-height:40px;
}
h1 span {
	display:block;
	letter-spacing:1px;
	font:bold 20px/20px Georgia, "Times New Roman", serif;
	color:#915e45;
	padding-top:10px;
	text-shadow:none;
	/* text-transform:uppercase; */
}
/* Header Style */
.header {
	background:#fff;
	/* opacity:0.9; */
	/* text-transform:uppercase; */
	/*-moz-box-shadow: 1px 0px 2px #666;
	-webkit-box-shadow: 1px 0px 2px #666;
	box-shadow: 1px 0px 2px #666; */
	padding:10px;
	margin:0;
}
a.logo {
	display: block;
	background:#fff url(../images/tablerlogo.jpg) center top no-repeat;
	background-size:150px 75px;
	width:150px;
	height:75px;
	float: left;
}
.header ul {
	list-style-type: none;
	margin:16px;
	float:right;
}
.header ul li {
	float:left;
	margin:5px;
	padding: 0;
	padding:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}
.header ul li h1 {
	padding:0;
	margin:0;
	text-shadow:none;
	line-height:13px;
}
.header ul li a {
	display: block;
	font-size:13px;
	line-height:13px;
	height:13px;
	letter-spacing:1px;
	padding:10px;
	/* text-shadow:1px 1px 1px #000; */
	/* color:#ddd; */
	color:#915e45;
	background-color:#915e45;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.header ul li a.active {
	color:#fff;
	font-weight: bold;
	/* background-color: #f2ad6f; */
	background-color: #df8da8;
}
.header ul li a:hover {
	/* color:#f2ad6f; */
	color: #df8da8;
}
.header ul li a.active:hover {
	color:#fff;
}
.tortentelefon {
	position: relative;
	padding:20px 20px 0px 20px;
	/* background-color: #f2ad6f; */
	background-color: #df8da8;
	margin:0;
	font:bold 20px/20px Georgia, "Times New Roman", serif;
	letter-spacing:1px;
	text-align: center;
	display: block;
}
.tortentelefon h3 {
	display: inline-block;
	margin-bottom: 20px;
}
.tortentelefon p {
	padding:20px;
	background-color:#f2ad6f;
	margin:0;
	font:normal 14px/20px Georgia, "Times New Roman", serif;
	letter-spacing:1px;
	text-align: center;
}
.tortentelefon a {
	padding:8px 10px;
	/* background-color:#915e45; */
	/* background-color:#17933f; */
	background-color:#45955f;
	font:bold 14px/14px Helvetica, Arial, Sans-Serif;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	white-space: nowrap;
}
.tortentelefon a:hover {
	/* color:#f2ad6f; */
	color: #df8da8;
}
.container {
	width:100%;
	/*height:100%;*//* Changed 03-02-2016 */
}
.content {
	margin:0 auto;
	background-color:#fff;
	max-width:956px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
}

.legal {
	margin:10 auto;
	/* padding:8px 10px; */ /* changed 03-02-2016 */
	padding:8px 28px;
	background-color:#fff;
	color:#000;
	max-width:956px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
}
.legal p {
	margin-bottom:15px;
}
.legal h2 {
  color: #915e45;
	font:normal 20px/20px Georgia, "Times New Roman", serif;
	padding:15px 0;
}
.folgen {
	display: block;
	height:33px;
	position: absolute;
	left:0;
	right:0;
	top:15px;
	width:100%;
}
.folgen div.fb {
	position:absolute;
	left:31px;
}
.folgen div.fb a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:0;
}
.folgen ul.sociallinks {
	position:absolute;
	right:31px;
	display:block;
	width:129px;
	height: 33px;
	/*margin: 0 auto;*/
}
.folgen ul.sociallinks li {
	float: left;
	margin:0 0 0 10px;
}
.folgen ul.sociallinks li a {
	display:block;
	padding:0;
	height:33px;
	width:33px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.folgen ul.sociallinks li a.tablerfk {
	background:transparent url(../images/icon-facebook_v2.png) no-repeat center center;

}
.folgen ul.sociallinks li a.tablertr {
	background:transparent url(../images/icon-twitter_v2.png) no-repeat center center;

}
.folgen ul.sociallinks li a.tablerpt {
	background:transparent url(../images/icon-pinterest_v2.png) no-repeat center center;

}

@media screen and (max-width: 1280px) {
	.header ul {
		margin: 0;
	}
	.header ul li:nth-of-type(5) {
		clear:both;

	}
	a.logo {
		margin: 10px 0 0 0;
	}
	.folgen div.fb {
		left:16px;
	}
	.folgen ul {
		right:16px;
	}

}
@media screen and (max-width: 1000px) {
	.folgen {
		top:0;
		position: relative;
		padding-bottom: 10px;
		margin:0 auto;
	}
	.folgen div.fb {
		left:0;
	}
	.folgen ul {
		right:0;
	}
}
@media screen and (max-width: 760px) {
	.wrapper {
		/* margin: 0 auto -78px; */ /* changed 03-02-2016 the bottom margin is the negative value of the footer's height */
	}
	.footer, .push {
		height: 78px; /* .push must be the same height as .footer */
	}
	p.sub{
	line-height: 20px;
	}
	a.logo {
		width:100%;
	}
	.header {
		padding:0;
		margin:0;
	}
	.header ul {
		width:100%;
		margin: 0;
		padding:2px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.header ul li {
		width:50%;
		margin: 0;
		padding:2px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.header ul li a {
		width:100%;
		margin:0;
		padding:8px 0;
	}
	.tortentelefon h3 {
		line-height: 30px;
	}
}
@media screen and (max-width: 530px) {
	.wrapper {
		/* margin: 0 auto -100px; */ /* changed 03-02-2016 the bottom margin is the negative value of the footer's height */
	}
	.footer, .push {
		height: 100px; /* .push must be the same height as .footer */
	}
	p.sub{
		font-size:11px;
		line-height: 16px;
	}
	.tortentelefon a:after {
    	content: '\A';
		white-space: pre;
	}
}
@media screen and (max-height: 670px) {
	.content {
		max-width:646px;
	}
	.footer2 {
		max-width:590px;
	}
}