/*
Theme Name: Tietgen Stauden
Description: Basierend auf Starkers 3.0
Version: 0.1
Author: Frank Tietgen
Author URI: http://www.franktietgen.de
*/
@charset "UTF-8";

/*
@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
/* - - - allgemein - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

*
{
	margin:0;
	padding:0;
	list-style: none;
	-webkit-text-size-adjust: 100%;
}

html
{
	overflow-y: scroll;
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Open Sans',Arial,Verdana,sans-serif ;
	font-weight: 400;
	color:#000;
}

.clear {
	clear: both;
	height: 1px;
}
a { color:#008036; }
a img { border:none; }
a:focus { outline-style:none; }
h1,h2,h3,h4,h5,h6{font-weight:600;}

/* - - - struktur - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#alles { width:970px; margin:auto; padding:0 30px;}

/* - - - header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header{margin-bottom:60px;}
#header a
{
	display:block;
	margin:75px 0 35px 380px;
}
#header img {display:block;}

/* - - - nav - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#nav
{
	width: 200px;
	font-size: 14px;
	line-height: 20px;
	display:table-cell;
	vertical-align:top;
	padding-right:20px;
}
#nav a
{
	text-decoration:none;
	display:block;
	padding:5px 0;
	color:#000;
}
#nav a.active,
#nav .titel a.active,
#nav .current_page_item > a,
#nav .children .current_page_item > a,
#nav .sub-menu .current_page_item > a,
#nav a:hover,
#nav .children a:hover,
#nav .sub-menu a:hover
{
	color:#008036;
}
#nav .children a,
#nav .sub-menu a { padding-left:15px; }

#nav .children,
#nav .children a,
#nav .sub-menu,
#nav .sub-menu a
{ color:#999; }
/*
#nav .children {display:none;}
#nav .current_page_item .children {display:block;}
#nav .current_page_ancestor .children {display:block;}
*/

/*#nav li { border-top:1px solid #ccc; }*/

#nav a[href='/shop/']{}

.show-menu {
    display:none;
}
#show-menu{
	display: none;
	-webkit-appearance: none;
}
#show-menu:checked ~ .menubox{
    display: block;
}

/* - - - content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#content
{
	width: 750px;
	margin-bottom: 20px;
	display:table-cell;
	vertical-align:top;
}
#content h1 { margin: 20px 0; line-height:1em; }
#content h2 { margin: 15px 0; line-height:1em; }
#content p { margin:10px 0; }
#content ul { margin:10px 0; }
#content .item { margin-bottom: 20px; }
#content h1:first-child,
#content h2:first-child,
#content h3:first-child,
#content p:first-child { margin-top:0; }

#content img {max-width:100%;height:auto;}
#content .intro h2 { color:#3956c7; font-size:28px; line-height:34px; margin:0; font-weight:400; width:50%; float:left; margin-bottom:15px;}
#content .intro h3 { color:#43ad1b; font-size:28px; line-height:34px; margin:0; font-weight:400; width:50%; float:left; margin-bottom:15px; text-align:right; }
#content .intro img{display:block;margin-bottom:30px;float:left;}
.intro .b1, .intro .b3{margin-right:30px;}

#content .one_half     {width:360px;margin-right:30px;margin-bottom:30px;}
#content .one_third    {width:230px;margin-right:30px;margin-bottom:30px;}
#content .two_third    {width:490px;margin-right:30px;margin-bottom:30px;}
#content .one_fourth   {width:165px;margin-right:30px;margin-bottom:30px;}
#content .three_fourth {width:555px;margin-right:30px;margin-bottom:30px;}
#content .one_fifth    {width:126px;margin-right:30px;margin-bottom:30px;}
#content .two_fifth    {width:282px;margin-right:30px;margin-bottom:30px;}
#content .three_fifth  {width:438px;margin-right:30px;margin-bottom:30px;}
#content .four_fifth   {width:594px;margin-right:30px;margin-bottom:30px;}
#content .one_sixth    {width:100px;margin-right:30px;margin-bottom:30px;}

#content .intro .one_half.text     {margin-bottom:15px;}

#content .last_column {margin-right:0;}
#content .wp-caption {width:auto !important;}
#content .wp-caption img {display:block;}
#content .wp-caption p,
#content .wp-caption-text {font-family:Georgia,Times,serif;background-color: #eee;margin:0 0 10px 0;text-align:center;padding:2px 10px;}

#content li { list-style: square inside; }
#content a[title='Shop']{
	background: #eee;
	color: #333;
	text-decoration: none;
	padding: 10px 20px;
	x-webkit-border-radius: 5px;
	x-moz-border-radius: 5px;
	x-ie-border-radius: 5px;
	border-radius: 5px;
	font-size: 20px;
	font-weight:600;
	margin-top:10px;
	display: inline-block;
}
#content .fts {
	color:#000;
	text-transform:uppercase;
	font-size:10px;
	border:1px solid #ccc;
	padding:5px 10px;
	x-webkit-border-radius: 5px;
	x-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:60px;
}

#content .abschnitt {margin-bottom:30px;}

.kontaktformular input[type="text"],
.kontaktformular input[type="email"],
.kontaktformular textarea
{
	width:100%;
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	font-family:  'Open Sans',Arial,Verdana,sans-serif ;
	color:#000;
	border:1px solid #ccc;
	padding:5px;
	box-sizing: border-box;
}
.kontaktformular input[type="submit"]
{
	font-size: 14px;
	line-height: 20px;
	font-family:  'Open Sans',Arial,Verdana,sans-serif ;
	padding:10px;
}
#content .imgpack {line-height: 0;}
#content .imgpack img {margin-bottom:30px;}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
#content p.team {margin-top:3px;}

#content th {
	padding:5px 10px;
	vertical-align:top;
	text-align:left;
}
#content td {
	padding:5px 10px;
	border-top:1px solid #ccc;
	vertical-align:top;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
.bs{font-size:18px;background-color: #f8ffdc;}
.extrainfo{background-color:#f8ffdc;padding:20px;}
/* - - - sidebar - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar
{
	width: 200px;
	margin-bottom: 20px;
	display:table-cell;
	background-color: #eee;
	padding:10px;
	vertical-align:top;
}
#sidebar .xoxo .widget-container { margin-bottom:20px; }

/* - - - footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer { margin:60px 0 20px 220px; color:#999; padding:30px 0; border-top:1px solid #ccc; clear:both; }
#footer a { color:#999; text-decoration:none; }
#footer .box {width:150px; float:left; font-size:11px;line-height:14px;margin-bottom:14px;}
#footer .box p {margin-bottom:0;}
/* - - - responsive - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 1023px)
{
	html{-webkit-text-size-adjust:100%;}
	#alles{width:auto;}
	#nav,#content,#sidebar{display:block;width:auto;padding:0;}
	#nav{position:absolute;top:0;left:0;width:100%;background-color:#fff;height:auto;}
	.menubox{display:none;border:1px solid #eee;border-bottom:none;margin-bottom:24px;}
	.show-menu{
		display:block;
		padding:5px 30px;
		text-decoration: none;
		text-align:left;
		margin-bottom:0;
		color:#ccc;
		background-color:#fff;
		border-bottom:1px solid #eee;
	}
	#nav a{border-bottom: 1px solid #eee;padding-left:30px;}
	#nav .children a, #nav .sub-menu a{padding-left:45px;}
	img, #content img{width:100%;max-width:100%;height:auto;}
	img.noscale, #content img.noscale, #content .flxmap-container img{width:auto;}
	#header a{ width:50%;margin:80px auto 30px auto;}
	#header{margin:0;}
	#header img {margin:auto;}

	#content .one_half,
	#content .one_third,
	#content .two_third,
	#content .one_fourth,
	#content .three_fourth,
	#content .one_fifth,
	#content .two_fifth,
	#content .three_fifth,
	#content .four_fifth,
	#content .one_sixth {width:100%;margin-right:0;margin-bottom:30px;}
	#footer{margin-left:0;}
	
	#content .intro h2 {float:none;width:auto;margin-bottom:0;}
	#content .intro h3 {float:none;width:auto;text-align:left;font-size:20px;line-height:26px;}
	#content .intro br {display:none;}
	#content .intro img {width:48%;margin-bottom:3vw;}
	.intro .b1, .intro .b3{margin-right:3vw;}
	#content td{word-wrap:break-word;word-break:break-all;word-break:break-word;}
}
@media (max-width:700px){#header a{width:70%;}}
@media (max-width:600px){#header a{width:80%;}}
@media (max-width:500px){#header a{width:90%;}}
@media (max-width:400px){#header a{width:100%;}}
@media (max-width:390px)
{
	#content .intro img{width:100%;margin-right:0;}
	#content td,#content th{padding:3px 0;}
	#content td.bs{padding:3px 10px;}
}
@media (max-width: 320px)
{
	#content .intro h2 {font-size:24px;line-height:28px;}
	#content .intro h3 {font-size:16px;line-height:22px;}
}