@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Roboto:300,400,700|Roboto+Condensed:300,400,700&subset=latin");
/* CSS Document */

/*
 Theme Name:   BiokellerBistro Child
 Theme URI:    http://www.biokeller-bistro.de/child/
 Description:  BiokellerBistro Child Theme
 Author:       Lisa Nicklaus
 Author URI:   http://www.lebenswerk-freiburg.de
 Template:     pinboard
 Version:      1.0.0
*/

/* Allgemein ------------------------------------------------------------------- */

body {background:#fff; background-image:none !important; font-family:"Roboto", sans-serif;	font-weight:300;  color:#8f8f8f;}

h1 {margin-bottom:20px;	font-family:"Amatic SC", sans-serif;	font-weight:300; line-height:1.62em; letter-spacing:1px;}
h2, h3, h4, h5, h6 {margin-top:25px; margin-bottom: 30px;	font-family:"Amatic SC", sans-serif !important;	font-weight:300; line-height:1.0em; letter-spacing:0; color:#363636;}
h1 a , h2 a, h3 a, h4 a, h5 a, h6  a{font-weight:300; color:#363636;}
h1 {font-size:36px;}
h2 {font-size:32px;}
h3 {font-size:30px;}
h4 {font-size:26px;}
h5 {font-size:16px;}
h6 {font-size:15px;}

ul {list-style-type:none;	margin-left:30px;	margin-bottom:24px;}
ul li {margin:0; padding:4px 0 4px 20px; background:url(images/list.png) no-repeat left 10px;}
ul ul {list-style-type:none;}
ul ul li {margin:0; padding:4px 0 4px 20px; background:url(images/list2.png) no-repeat left 10px;}
ul ul ul {list-style-type:none;}
ul ul ul li {margin:0; padding:4px 0 4px 20px; background:url(images/list3.png) no-repeat left  10px;}
ol {margin-left:30px;	counter-reset: item; margin-bottom:24px; counter-reset: my-badass-counter;}
ol ol, ol ol ol, ol ol ol ol {margin-left:50px;}
ol > li {list-style-type: none; padding:4px 0 4px 0;}
ol li:before {content: counter(my-badass-counter, decimal) ".";  counter-increment: my-badass-counter;  margin-right: 7px; font-weight:bold;}
ol ol li:before {content: counter(my-badass-counter, lower-alpha) "."; counter-increment: my-badass-counter;  margin-right: 7px; font-weight:bold;}
ol ol ol li:before {content: counter(my-badass-counter, upper-roman) "."; counter-increment: my-badass-counter;  margin-right: 7px; font-weight:bold;}
ol ol ol ol li:before {content: counter(my-badass-counter, lower-roman) "."; counter-increment: my-badass-counter;  margin-right: 7px; font-weight:bold;}

table {	text-align:left;	margin-bottom:24px;}
table tr:nth-child(even) {}

a {color:#8f8f8f}
a:hover {color:#333333;}

p {	margin-bottom:24px;}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], select, textarea {padding:8px 15px; color:#999; font-family:"Roboto", sans-serif;	font-size:13px; border:#e0e0e0 1px solid; background:#FCFCFC;	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05); margin-top:5px;}
label input[type="checkbox"], label input[type="radio"] {margin-left:40px; margin-top:10px;}/* Abstände der Checkkästchen & Radio-Buttons bei umschließendem Label (cf7 options) */
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, textarea:focus {color:#333; border:#c7c7c7 1px solid;}
textarea {font-size:15px;}
input[type=submit], input[type=reset], input[type=button] {padding:8px 15px; border-radius:2px; box-shadow:0 0 5px rgba(0, 0, 0, .1); 
background:#679a25; border:none; border-bottom:#DDD 1px solid; font-family:"Roboto Condensed", sans-serif;
	font-size:13px; text-transform:uppercase; cursor:pointer; width:auto; color:#fff; font-size:16px; font-weight:400; -webkit-transition: background-color 1s;     -moz-transition: background-color 1s;    -o-transition: background-color 1s;    transition: background-color 1s;}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {box-shadow:none; background-color:#49770d;}
input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus {box-shadow:none; background-color:#49770d;}


a.button {padding:8px 15px; border-radius:2px; box-shadow:0 0 5px rgba(0, 0, 0, .1); 
background:#679a25; border:none; border-bottom:#DDD 1px solid; font-family:"Roboto Condensed", sans-serif;
	font-size:13px; text-transform:uppercase; cursor:pointer; width:auto; color:#fff; font-size:16px; font-weight:400; -webkit-transition: background-color 1s;     -moz-transition: background-color 1s;    -o-transition: background-color 1s;    transition: background-color 1s;}
a.button:hover {box-shadow:none; background-color:#49770d;}
a.button:focus {box-shadow:none; background-color:#49770d;}

.content25{float: left; width:25%;	}
.content30{float: left; width:30%; margin:0 3% 0 0;	}
.content40{float: left; width:40%;	}
.content50{float: left; width:50%;	}
.content60{float: left; width:60%;	}
.content70{float: left; width:70%;	}

.content30 img{width:100%;	}


.clear {clear:both;}
.clear2 {clear:both; padding:20px;}

.wow {margin:0; padding:10px 0;	font-family:"Amatic SC", sans-serif;	font-weight:300; font-size:36px; line-height:46px; color:#679a25; }

/* Inhaltsbereich Hintergrundfarbe und Abstand nach oben und unten */
#wrapper {margin:0px auto;	background:#fff; max-width:100%; box-shadow:none;}

#container {padding:0; margin:0;}

img.floatleft {float:left; margin:0 50px 40px 0;}
img.lw {box-shadow:none !important; border:none!important; margin:0; padding:0;}


/* Header ------------------------------------------------------------------- */

/* Linie oben */
#header {border-top:none; max-width:1140px; margin:0 auto; padding:0; position:relative;}

/* Seitentitel & Untertitel */
#seitentitel {position:relative; margin: 60px auto 0  auto; padding:0 !important; }
#site-name {font-size:100px; line-height:100px; font-family:"Amatic SC", sans-serif; position:relative; margin: 0 auto; text-align:center; float:none; position:relative; width:690px; height:122px; } /* Titel Schriftgröße, Schriftart */
#site-namediv {padding:30px 0 0 150px; background:url(images/bkbistrologo.png) no-repeat top left; background-size:190px 122px; }
#site-name a {color:#679a25;  font-weight:300; text-transform:none;  } /* Titel Schriftfarbe */
#site-name img {margin: 38px 0; vertical-align:middle;}
#site-description {font-size:0px;	line-height:0px;	color:#8f8e8c;	font-family:"Amatic SC", sans-serif; height:0;
	font-weight:300; margin: 0; padding:0; text-align:center; float:none; position:relative; visibility:hidden;}

/* Social */
#social {position: absolute;	top:110px;	right:0px; padding:0px; z-index:1000;}
#facebook, #instagram, #newsletter { width:40px; height:40px; margin: 0 0 0 10px;   -webkit-transition: opacity 1s;     -moz-transition: opacity 1s;    -o-transition: opacity 1s;    transition: opacity 1s; float:left;}
#facebook {background:url(images/so-facebook.png) no-repeat top center; opacity: 0.25; background-size: 40px 40px;}
#instagram {background:url(images/so-instagram.png) no-repeat top center; opacity: 0.25; background-size: 40px 40px;}
#newsletter {background:url(images/so-newsletter.png) no-repeat top center; opacity: 0.25; background-size: 40px 40px;}
#facebook:hover {background-size: 40px 40px; opacity: 1.0;}
#instagram:hover {background-size: 40px 40px; opacity: 1.0;}
#newsletter:hover {background-size: 40px 40px; opacity: 1.0;}

/* Suche */
#headersuche {position:absolute; right:40px; top:80px;	margin:0;	overflow:hidden;} /* Container */
#headersuche #searchform {	margin:0;} /* Formular */
#headersuche input#s {float:left; 	height:auto; width:120px; padding:10px 16px; margin:0; background:#fff; color:#999; border:1px solid #d9d9d7; border-radius:0;	border-top-left-radius:2px; border-bottom-left-radius:2px; box-shadow: none; font-size:14px; font-family:"Roboto Condensed", sans-serif; text-indent: 0; -moz-transition: width .25s ease, margin .25s ease;	-webkit-transition: width .25s ease, margin .25s ease;	-o-transition: width .25s ease, margin .25s ease; -ms-transition: width .25s ease, margin .25s ease;	transition: width .25s ease, margin .25s ease; } /* Suchfeld */
#headersuche input#s:focus { width:180px; box-shadow:none; text-indent: 0; color:#333; background:none;} /* Suchfeld bei Klick */
#headersuche input#searchsubmit {display:block; float:left;	background: url(images/search.png) center center no-repeat; font-size:14px; font-family:"Roboto Condensed", sans-serif; padding:9px 0; width:40px;  height: auto; margin-right:0;	margin:0; background-color:#d1d1d1; border:none; border:1px solid #d9d9d7; border-bottom:1px solid #d9d9d7; border-radius:0; border-top-right-radius:2px; border-bottom-right-radius:2px; color:#333;	 box-shadow: none;text-align:center;-moz-transition: background-color .25s ease, margin .25s ease;	-webkit-transition: background-color .25s ease, margin .25s ease;	-o-transition: background-color .25s ease, margin .25s ease; -ms-transition: background-color .25s ease, margin .25s ease;	transition: background-color .25s ease, margin .25s ease;} /* Button mit Lupe */
#headersuche input#searchsubmit:hover {cursor: pointer; box-shadow:none; background-color:#8FABB0;}

/* Secondary Navigation */
#secnavigation {float:right;	padding:0; margin:0;	background:transparent; font-family:"Roboto Condensed"}
#secnavigation ul {float:left;	list-style:none; text-transform:uppercase; }
#secnavigation li {position:relative;	float:left; margin:0; padding:0; background:none;}
#secnavigation ul li:first-child {}
#secnavigation a {	display:block;	padding:18px 14px;	color:#a9a6a0;	font-size:14px;	font-weight:300; text-decoration:none;	-moz-transition: color .25s ease, margin .25s ease;	-webkit-transition: color .25s ease, margin .25s ease;	-o-transition: color .25s ease, margin .25s ease; -ms-transition: color .25s ease, margin .25s ease; transition: color .25s ease, margin .25s ease;}
#secnavigation a:hover {color:#6e6c67;	}
#secnavigation li.current_page_item > a, #secnavigation li.current-menu-item > a {color:#6e6c67; text-decoration:none;}
#secnavigation .nav-show, #secnavigation .nav-hide {display:none;}

/* Primary Navigation */
#access {background:transparent;  font-family:"Roboto Condensed"; box-shadow:none; margin:0 auto; padding:10px 0 30px 0 !important; width:640px;} /* Menu Balkenfarbe und Schriftart */
#access ul {box-shadow:none; margin:0 auto;}
#access li {background:none; padding:0;}
#access ul li:first-child {}
#access a {padding:15px 17px; color:#878c8c; font-size:18px; font-weight:300; -moz-transition: color .25s ease, margin .25s ease;	-webkit-transition: color .25s ease, margin .25s ease;	-o-transition: color .25s ease, margin .25s ease; -ms-transition: color .25s ease, margin .25s ease; transition: color .25s ease, margin .25s ease; } /* Hauptbutton Abstände, Schriftfarbe, -größe und -gewicht */
#access a:hover {background:none; color:#1e1e1e;}
#access li.current_page_item > a, #access li.current-menu-item > a, #access li.current_page_item:hover > a, #access li.current-menu-item:hover > a, #access li.current_page_ancestor > a, #access li.current_page_ancestor:hover > a {background:transparent; color:#679a25; } /* current Hauptbutton */
#access a span {}
#access .drop-down-toggle {top:12px; right:16px; width:20px; height:20px; background:#333; border:#eee 2px solid; border-radius:15px;}
#access .drop-down-toggle:hover {cursor:pointer;}
#access .drop-down-arrow {margin:8px 0 0 5px; border-top:5px solid #eee; border-left:transparent 5px solid; border-right:transparent 5px solid;}
#access li li {min-width:190px; padding:0; margin:0; background:#a1bdc2; border-bottom:0; border-top:rgba(0, 0, 0, .1) 1px solid; } /* Unterbutton Hintergrund und Zwischenlinien */
#access li.current_page_item li { float:none; min-width:190px; background:#a1bdc2; border-bottom:none; border-top:rgba(0, 0, 0, .1) 1px solid; }/* Unterbutton (Current) Hintergrund und Zwischenlinien */
#access li li a {min-width:150px; padding:5px 24px; font-size:16px; line-height:33px; text-align:left;} /* Unterbutton Breite, Abstände, Schriftgröße */
#access li li:first-child > a {}
#access li li:last-child > a {}
#access li li a:hover {background:rgba(255, 255, 255, .2);}
#access li ul {min-width:240px; text-transform: none; box-shadow:none;}
#access li ul ul {margin:-44px 0 0 240px !important; }
#access li:hover > ul, #access li li:hover > ul, #access li li li:hover > ul {background:rgba(255, 255, 255, .2);}
#access .nav-show, #access .nav-hide {}
#access li li li a{min-width:190px; background:#b6c9cc; } /* Unter-unterbutton Hintergrund */
#access li li li li a{min-width:190px; background:#c6d5d8; } /* Unter-unterbutton Hintergrund */

/* Content ------------------------------------------------------------------- */
.biobistrocontent {max-width:1140px; margin:0 auto; padding:0; font-size:14px; line-height:30px;}
.introstart {width:25%; float:left; text-align:center; line-height:26px;}
.introstartdiv {padding:50px 20px 50px 20px;}
.introstartdiv h3 {padding:0 0 20px 0; font-family:"Amatic SC", sans-serif; font-size:32px; color:#363636;}
h2.wochentage {margin-bottom:10px; padding-bottom:0;}
h1.wochentage {text-transform:none; color:#8DAE69;}
#shortcut {background:#f1f1f1; padding:15px 0 5px 30px; clear:both;}
#shortcutcontent {background:url(images/tafel.jpg) no-repeat top left; background-size:340px 270px; height:280px;}
#hungrig {float:left; width:200px; margin:60px 0 0 100px;}
#hungrig a {font-family:"Amatic SC", sans-serif; font-size:42px; color:#cfcfcf; line-height:70px; font-weight:300;}
#hungrig a span {font-size:70px; border-bottom:2px solid #cfcfcf;}
#hungrig a:hover {color:#fff;}
#adresse {float:left; width:700px; margin:15px 0 0 70px;}
#adresse h2 {font-family:"Amatic SC", sans-serif; font-size:50px; color:#679a25; margin:0 0 20px 0; padding:0 0 0 60px; background:url(images/logobistro.png) no-repeat top left; background-size:50px 50px;}
#daten {width:250px; float:left; font-weight:400; font-size:16px; line-height:30px; margin:20px 0 0 65px; }
#littlemap {width:50%; float:left; margin:25px 0 0 0;}
#mapp0_layout, #mapp0_links {border:none !important; padding:0 !important; margin: 0 !important;}
h2.news {margin-top:70px; font-size:48px;}

.entry, #comments, #respond {margin:0 0 50px 0; background:#fff; border-bottom:none; box-shadow:none; text-align:justify;}/* Inhaltsbereich Seiten & Posts */
.entry-title, #comments-title, #reply-title {font-family:"Amatic SC", sans-serif; letter-spacing:0; overflow: hidden; margin:0 0 10px 0; padding:0; }/* HauptÜberschr. */
.entry-meta a {font-weight:400; color:#bebebe;} /* Beiträge Metadaten */
.entry-meta a:hover {color:#044A43;}
.entry-author-link {background:url(images/user.png) left center no-repeat;}
.entry-date {background:url(images/time.png) left center no-repeat;}
.entry-category {background:url(images/ribbon.png) left center no-repeat;}
.attachment-size {background:url(images/image.png) left center no-repeat;}
.edit-link {background:url(images/edit.png) left center no-repeat;}
.entry-permalink {float:right;	margin:0;	background-image:none; text-transform:uppercase; font-size:24px; font-family:"Amatic SC", sans-serif; color:#679a25;}
.entry-permalink a{color:#679a25;}
.single .entry, .page .entry, .error404 .entry, .search-no-results .entry {	padding: 0 !important;	margin:0 !important;}
.entry-title .page.page-template-template-blog-php .onecol .entry-title, .page.page-template-template-portfolio-php .onecol .entry-title {font-size:28px; line-height:1.62em;}/* HauptÜberschr. */
.single .entry-title, .page .entry-title, .error404 .entry-title {margin:0 0 18px 0; font-size:36px; line-height:1.62em;}/* HauptÜberschr. */
.twocol .entry-title, .threecol .entry-title, .page-template-template-blog-php .twocol .entry-title, .page-template-template-blog-php .threecol .entry-title,
.page-template-template-portfolio-php .twocol .entry-title, .page-template-template-portfolio-php .threecol .entry-title {font-size:24px; line-height:1.62em;}/* HauptÜberschr. */
.fourcol .entry-title, .page-template-template-blog-php .fourcol .entry-title, .page-template-template-portfolio-php .fourcol .entry-title {font-size:18px; line-height:1.62em;}
.page .entry-title, .error404 .entry-title {font-size:50px; color:#679a25;}
.page .entry-summary .entry-title, .page .entry-summary-100 .entry-title {margin:0 0 10px 0;  color:#363636; font-size:32px; padding:0; }
.page .entries .entry{margin:0 0 50px 0 !important;}
.entry-container {padding:0;}
.entry-content {}
.entry-header {width:37% ; float:left; padding:0 3% 0 0;}
.entry-summary {width:60% ; float:left; text-align:justify;}
.entry-summary-100 {width:100%; text-align:justify;}
.entry-meta {padding:1.0% 0; background-color:transparent;}
.entry-meta span {	padding-left:24px;	margin-left:32px;}
.entry-thumbnail {width:100%; height:auto;}

.entry-title a {color:#333;}/* Verlinkte HauptÜberschr. */
.entry-title a:hover {color:#21759B;}

.entry a {background: url(images/arrow.png) 5px center no-repeat; background-size:15px 11px; font-weight:400; padding:0 0 0 30px; color:#363636;}
a.noarrow {background:none; padding:0;}

.entry-meta a {background:none; padding:0; }

#wsbilderdiv{width:100%;}
.ws-bilder {width:15.5%; float:left; margin-right:1%; padding:10px 0 40px 0;}
.ws-bilder img {width:100%; height:auto;}
.relevanssi-query-term {font-size:inherit; background-color:#ffe993; padding:0 5px;} /* Hervorhebung der Suchbegriffe in den Suchergebnissen */

.more {font-family:"Roboto Condensed", sans-serif; text-align:right; text-transform:uppercase; font-size:16px; margin-top:15px; padding-top:10px;}/* MEHR Button */
.more a {color:#8FABB0; font-weight:300; }
.more a:hover {color:#044A43;}

.standbild img {display: block;}/* Einzelnes Bild statt Slider ohne weißen Strich unten */

.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label {display:inline-block; position:absolute; top:1px; left:1px; z-index:1;
	width:auto; padding:0 20px 0 10px; color:inherit; line-height:36px;}/* Kommentar-Formular Feldbeschreibungen */
.comment-form-author .required, .comment-form-email .required, .comment-form-url .required, .comment-form-comment .required {position:absolute; top:1px; right:0; z-index:2; color:#333;
	font-size:20px; line-height:40px;}/* Sternchen Pflichtfeld */
	
ol.commentlist {counter-reset: item; margin-bottom:10px; counter-reset: my-badass-counter;}
ol.commentlist li {margin-bottom:20px;}
ol.commentlist li li, ol.commentlist li li li, ol.commentlist li li li{margin-bottom:0px;}
.commentlist .children {margin:0 0 0 60px;	list-style:none;}
.comment-body {	margin-bottom:10px;	}
ol.commentlist li:before, ol.commentlist ol li:before, ol.commentlist ol ol li:before, ol.commentlist ol ol ol li:before {content: "";  counter-increment: my-badass-counter;  margin-right: 0; font-weight:bold;}

#nldiv table {}/* Newsletter Suscription Formular Tabelle */
#nldiv table tr:nth-child(even) {	background:none;}

.ngg-gallery-thumbnail-box {	float: left;	width: 33%;}/* NextGenGAllery responsive */
.ngg-gallery-thumbnail img{
    max-width: 100%;  
    height: auto;
}


/* Footer ------------------------------------------------------------------- */

#footer {background:#222; border:none; max-width:100%; margin:30px 0 0 0;}
#footer-area { padding:1.6% 0 ;  border-top:none;color:#CCC;}/* Überschriften Footer */
#footer-area .widget-title {color:#e0e0e0;	font-size:26px; margin:0 0 15px 0;} /* Überschriften Footer */
.widget-area h2 {color:#e0e0e0;	font-size:26px; margin:0 0 15px 0;}

.widget-area ul {margin:0; list-style:none;	overflow:hidden;} /* Sidebar & Footer Listen */
.widget-area li {padding:7px 0;	margin:0; border-bottom:#EEE 1px solid;	rborder-bottom:rgba(0, 0, 0, .036) 1px solid; line-height:1.62em; background:none;}
.widget-area li li {border-bottom:none;}
.widget-area li ul {margin-left:20px;}

.widget-area a {color:#787878; font-weight:300;} /* Sidebar & Footer Links */
.widget-area a:hover {color:#c5c5c5; }

#copyright {background:#111; padding:15px 0;		border-top:none;	color:#CCC; 	font-weight:300; text-align:center; max-width:100%;}
#copyright a {	color:#787878; font-weight:300;} /* Copyright Link */
#copyright a:hover {	color:#c5c5c5;}

#current-location, #sidebar-wide, #sidebar-footer-wide { padding: 20px 40px; background: #eee; border-bottom: #e0e0e0 1px solid; border-bottom: rgba(0, 0, 0, .055) 1px solid; font-weight: 300; }

#footer .current_page_item a {color:#fff;}

#vernetzung {background:#f1f1f1; border:none; max-width:100%; margin:50px 0 0 0; padding:20px 0 10px 0;}
.netzwerk {width:25%; float:left; text-align:center;}
.netzwerk img {width:90%; margin:0 auto;}
.netzwerk p {padding:10px;}
.netzwerk span a{color:#363636; font-size:16px; font-weight:400;}


	@media screen and (max-width: 1180px) {
	.biobistrocontent {max-width:960px;}
	#hungrig {float:left; width:200px; margin:60px 0 0 100px;}
	#adresse {float:left; width:570px; margin:15px 0 0 40px;}
	#adresse h2 {font-family:"Amatic SC", sans-serif; font-size:40px; color:#679a25; margin:0 0 20px 20px; padding: 0 0 0 40px; background-size:30px 30px; background-position: center left; }
	#daten {margin:15px 0 0 60px; width:230px; }
	#littlemap {width:260px; margin:20px 0 0 0px;}

	}

		@media screen and (max-width : 990px) {
		/* Seitentitel & Untertitel */		
		#site-description {font-size:30px;	line-height:30px;}		
		/* Primary Navigation */
		.content30 {text-align:center !important;}
		.biobistrocontent {max-width:760px;}
		#hungrig {float:left; width:200px; margin:60px 0 0 100px;}
		#adresse {float:left; width:370px; margin:15px 0 0 40px;}
		#adresse h2 {font-family:"Amatic SC", sans-serif; font-size:40px; color:#679a25; margin:0 0 15px 0; padding:0 0 0 20px; background:none; background-size:40px 40px; }
		#daten {width:160px; float:left; font-weight:400; font-size:14px; line-height:24px; margin:0 0 0 20px; }
		#littlemap {width:170px; margin:0 0 0 10px;}
		#site-name {font-size:80px; line-height:80px; width:600px; height:122px; } /* Titel Schriftgröße, Schriftart */
		#site-namediv {padding:45px 0 0 150px;}

}

			@media screen and (max-width: 790px) {
				.content25, .content30, .content40, .content50, .content60, .content70{float: none; width:100%; margin:0 auto;	}
				.content30 h2 {margin:0 !important; padding:0 0 10px 0 !important; }
				.content30 img {margin:0 !important; padding:0 !important; display:block;}
				.content30 {text-align:center !important;}
				img.floatleft {float:none; position:relative; margin:0 auto 30px auto; width:100%;}
			.biobistrocontent {width:90%; margin:0 auto;}
			#wrapper {margin:0;}
			#header {margin:0; height:auto;}
			ul {margin-left:0;}
			ul ul, ul ul ul, ul ul ul ul{margin-left:20px;}
			ol {margin-left:0;}
			ol ol, ol ol ol, ol ol ol ol{margin-left:40px;}

			ul li {background:url(images/list_x2.png) no-repeat left 10px; background-size:10px 10px;}
			ul ul li {background:url(images/list2_x2.png) no-repeat left 10px; background-size:10px 10px;}
			ul ul ul li {background:url(images/list3_x2.png) no-repeat left  10px; background-size:10px 10px;}

			input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], select, textarea {width:90%; padding:8px 10px; color:#999; font-family:"Roboto", sans-serif;	font-size:15px;}

			
			#social {position: relative;	top:0px;	right:0px; width:160px; margin:20px auto; padding:0 0 10px 0px; z-index:1000;}

			/* Seitentitel & Untertitel */
			#seitentitel{ clear:both; float:none; position:relative; margin: 60px auto 0  auto; padding:0 !important; }
			#site-name {font-size:60px; line-height:80px; text-align:center; width:auto; height:auto; margin:20px auto 0 auto;} /* Titel Schriftgröße, Schriftart */
			#site-namediv {padding:110px 0 20px 0; background:url(images/bkbistrologo.png) no-repeat top center; background-size:190px 122px;}
			#site-description {font-size:30px;	line-height:30px; text-align:center; display:block;}
			#site-description {color:#8f8e8c;	font-family:"Amatic SC", sans-serif; font-weight:300; margin: 0; padding:0; float:none; position:relative; visibility:visible;}
			
			/* Suche */			 
			#headersuche {position: relative; right:0; top:0; z-index: 1; width:100%; height:70px; }/* Container */
			#headersuche #searchform {position: relative; z-index: 1; float:none; width:250px;margin: 0 auto;}/* Formular */ 
			#headersuche input#s {width:120px; z-index: 999; display:block; float:left;}/* Suchfeld */ 
			#headersuche input#s:focus {width:170px; margin: 0; background:#ececec;}/* Suchfeld bei Klick */
			#headersuche input#searchsubmit {float:left; color:#333; text-align:center; padding:10px 0; width:40px; 
			background: #a8a8a8 url(images/search_2x.png) no-repeat center center; background-size: 20px 20px;}/* Button mit Lupe */ 

			/* Secondary Navigation */	
			#secnavigation {display:none;}
			
			/* Primary Navigation */
			#access {position: relative; z-index: 3; width: 100%; padding: 5px 0!important;  box-shadow: none; background:#f1f1f1; }
			#access .nav-show, #access a.nav-show:hover {position:relative;	display:block; top: 0;	right: 0; width: 40px; 
			height: 46px !important; margin:0 auto; padding: 0; background: url(images/nav.png) no-repeat center center; 
			background-size: 40px 32px;}	
			#access .nav-hide {}
			#access:target .nav-hide, #access:target a.nav-hide:hover {bottom: 0;} 
			#access .menu {}	
			#access:target .menu {margin-top: auto; background:transparent;}	
			#access li ul {}	
			#access li ul ul {	margin:0 !important;}	
			#access ul,	#access li {float:none;	max-width:100%;}
			#access a {	width:100%; height: 0 !important; padding:0; border: none; overflow: hidden;}  /* Hauptbutton Abstände, 
			Schriftfarbe, -größe und -gewicht */
			#access:target .menu a {height: 40px !important; border-top: 1px solid #87acab; line-height: 40px; 
			-moz-transition: height .25s, line-height .25s; -webkit-transition: height .25s, line-height .25s; 
			-o-transition: height .25s, line-height .25s; -ms-transition: height .25s, line-height .25s; transition: height .25s, line-height .25s;  padding-top:5px; padding-bottom:5px; border-bottom:0; border-top:rgba(0, 0, 0, .1) 1px solid;}	
			/* Hauptbuttons padding & Zwischenlinien  */
			#access .menu a:hover {background:rgba(255, 255, 255, .2);}	
			#access br {}	
			#access a span {}	
			#access li li {border-top:0;}
			#access li li  a{background:#a1bdc2; font-size:16px; } /* Unterbutton Breite, Abstände, Schriftgröße */	
			#access li li li a{background:#b6c9cc;  padding-left:40px; } /* Unter-unterbutton Hintergrund */
			#access li li li li a{background:#c6d5d8;  padding-left:70px;} /* Unter-unter-unterbutton Hintergrund */	
			#access li:hover > ul,	#access li li:hover > ul,	#access li li li:hover > ul {display:none;}	
			#access:target .drop-down-toggle {display:block;}	
			#access li li .drop-down-toggle {top:10px;}

			/* Content ------------------------------------------------------------------- */
			.onecol .onecol .entry-summary,	.entry-content {font-size:14px;	line-height:1.62em;}/* Schriftgröße Content-Bereich */
			
			.entry-author-link {background-image: url(images/user_2x.png);	background-size: 12px;}
			.entry-date {background-image: url(images/time_2x.png);	background-size: 12px;}
			.entry-category {background-image: url(images/ribbon_2x.png); background-size: 12px;}
			.attachment-size {background-image: url(images/image_2x.png); background-size: 12px;}
			.edit-link {background-image: url(images/edit_2x.png);	background-size: 12px;}
			.entry-permalink {background-image: url(images/link_2x.png);	background-size: 12px;}
			
			.introstart {width:94% ; padding:0 3% 0 3%; float:none; clear:both; position:relative; text-align:center; line-height:26px;}
			.introstartdiv {padding:30px 0 0 0;}
			.introstartdiv h3 {padding:0 0 10px 0; margin:0; font-family:"Amatic SC", sans-serif; font-size:32px; color:#363636;}
			#shortcut {padding:0; margin:30px 0;}
			#shortcutcontent {background:url(images/tafel.jpg) no-repeat center 10px ; background-size:340px 270px; height:auto;}
			#hungrig {float:none; position:relative; width:300px; padding:80px 0 60px 0; margin:0 auto;}
			#hungrigdiv {padding:0 0 0 80px;}
			#hungrig a {font-family:"Amatic SC", sans-serif; font-size:40px; color:#cfcfcf; line-height:60px; font-weight:300; padding:5px 0 0 0; }
			#hungrig a span {font-size:72px; border-bottom:2px solid #cfcfcf;}
			#hungrig a:hover {color:#fff;}
			#adresse {float:none; position:relative; width:100%; margin:30px auto;}
			#adresse h2 {font-family:"Amatic SC", sans-serif; font-size:50px; color:#679a25; margin:0 0 20px 30px; padding:0 0 0 60px; background:url(images/logobistro.png) no-repeat top left; background-size:50px 50px;}
			#daten {text-align:center; float:none; position:relative; margin:20px auto; font-size:16px; font-weight:300; line-height:30px; width:100% }
			#littlemap {width:100%; float:none;  position:relative; margin:30px auto;}
			#mapp0_layout {border:none !important; padding:0 !important; margin: 0 !important;}
			h2.news {margin-top:70px; font-size:48px; text-align:center;}

			.entry {font-size:16px;}
			.page .entry-title {font-size:42px; line-height:46px; padding:30px 0 0 0;}
			
			.entry-title, #comments-title, #reply-title {text-align:center;  }/* HauptÜberschr. */

			.entry-container {padding:0;}
			.entry-content {}
			.entry-header {width:100% ; float:none; position:relative; padding:0 0 20px 0;}
			.entry-summary {width:100% ; float:none; position:relative; text-align:justify; padding:0;}
			.entry-summary-100 {width:100% ; padding:0; text-align:justify;}
			.entry-meta {padding:1.0% 0; background-color:transparent;}
			.entry-meta span {	padding-left:24px;	margin-left:32px; float:left;}
			.entry-thumbnail {width:100%; height:auto;}

			#wsbilderdiv{width:95% ; float:none; position:relative; margin: 10px auto 30px auto;}
			.ws-bilder {width:45%; float:left; margin:2.5%; padding:0;}


			/* Footer ------------------------------------------------------------------- */
			
			#footer-area .widget-title {color:#e0e0e0;	font-size:32px; margin:20px 0 15px 0; text-align:center;} /* Überschriften Footer */
			.widget-area h2 {color:#e0e0e0;	font-size:32px; margin:0 0 15px 0; text-align:center;}
			.widget-area {font-size:16px; text-align:center;}
			.widget-area li { text-align:center; padding:10px 0;}
			
			.widget-area a {color:#787878; font-weight:300;} /* Sidebar & Footer Links */
			.widget-area a:hover {color:#c5c5c5; }
			
			#copyright {background:#111; padding:15px 0;		border-top:none;	color:#CCC; 	font-weight:300; text-align:center; max-width:100%;}
			#copyright a {	color:#787878; font-weight:300;} /* Copyright Link */
			#copyright a:hover {	color:#c5c5c5;}

			.netzwerk {width:100%;}
			.netzwerk img {width:100%; max-width:300px; margin:0 auto;}
			.netzwerk p {width:100%; padding:10px 0;}
			}