/*
Theme Name:     jendryschik.de
Theme URI:      http://jendryschik.de/
Author:         Michael Jendryschik
Author URI:     http://jendryschik.de/michael/
Template:       dorayaki
Version:        1.0
*/

@import url('../dorayaki/style.css');

body {
  font-family: "Chaparral-Pro", sans-serif;
  line-height: 1.4;
}

.entry-content p,
.entry-content div,
.entry-content ul,
.entry-content ol,
.single-post .author-info p.author-description,
.entry-content dt,
.entry-content dd,
#comments h1,
#comments h2,
#comments h3,
#comments p,
#comments ul,
#comments ol,
ul.toc li,
.white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box,
th,
td { font-family: "Chaparral-Pro", sans-serif; }

.white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box { padding: 15px 10px; }

h1 {
  font-family: "Franklin-Gothic-Urw", sans-serif;
  line-height: 1.15;
}

header.entry-header h1.entry-title,
h1.page-title,
.page .entry-header h1.entry-title { margin: 10px 0 15px; }

h2 {
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 2em;
}
h3 {
  padding: 0;
  margin: 2.5em 0 1.2em;
}

img { vertical-align: bottom; }

p,
#site-content .white-box p,
#site-content .blue-box p,
#site-content .yellow-box p,
#site-content .red-box p,
#site-content .green-box p,
#site-content .lightgrey-box p,
#site-content .grey-box p,
#site-content .dark-box p,
.entry-content ul li,
.entry-content ol li { margin: 1em 0; }

/* --- Post Typography --- */
.entry-content p,
.entry-summary p,
.entry-content ul,
.entry-content ol,
.entry-content div,
dl dt,
dl dd,
th,
td,
#comments .comment-text p,
#comments .comment-text ul,
#comments ol li.pingback p * {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.6;
}

.entry-cats ul.post-categories li a,
.entry-meta .entry-tags a,
#comments .comment-content p.comment-reply a,
.testimonial-box a.t-link,
.team-box a.tm-link {
  font-size: 16px;
  font-size: 1rem;
}

blockquote {
  color: #777;
  margin: 2em 0;
}

ul, ol { overflow: visible; }

.widget-area .widget ul li { padding: 0; }

dl dd { margin-left: 30px;  }

a:hover,
a:focus,
a:active { text-decoration: underline !important; }


/* Tastatursteuerung */
a:focus {
  outline: 3px solid #EBA216;
}
div.headerinfo-wrap a:focus,
a#mobile-search-btn:focus,
a#mobile-menu-btn:focus,
a.post-thumb-small:focus,
a#desktop-search-btn:focus,
div.entry-cats a:focus,
div.entry-tags a:focus,
.nav-next a:focus,
.nav-previous a:focus,
.previous-image a:focus,
.next-image a:focus,
footer#colophon a:focus,
a.service-box:focus { outline: 0; }

a#mobile-search-btn:focus,
a#mobile-menu-btn:focus {
  color: white !important;
  background-color: #1BACCE;
}
ul.sociallinks li a.twitter:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) 0 -40px no-repeat; }
ul.sociallinks li a.facebook:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -40px -40px no-repeat; }
ul.sociallinks li a.googleplus:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -80px -40px no-repeat; }
ul.sociallinks li a.appnet:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -120px -40px no-repeat; }
ul.sociallinks li a.flickr:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -160px -40px no-repeat; }
ul.sociallinks li a.instagram:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -200px -40px no-repeat; }
ul.sociallinks li a.picasa:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -240px -40px no-repeat; }
ul.sociallinks li a.fivehundredpx:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -280px -40px no-repeat; }
ul.sociallinks li a.youtube:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -320px -40px no-repeat; }
ul.sociallinks li a.vimeo:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -360px -40px no-repeat; }
ul.sociallinks li a.dribbble:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -400px -40px no-repeat; }
ul.sociallinks li a.ffffound:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -440px -40px no-repeat; }
ul.sociallinks li a.pinterest:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -480px -40px no-repeat; }
ul.sociallinks li a.behance:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -520px -40px no-repeat; }
ul.sociallinks li a.deviantart:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -560px -40px no-repeat; }
ul.sociallinks li a.squidoo:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -600px -40px no-repeat; }
ul.sociallinks li a.slideshare:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -640px -40px no-repeat; }
ul.sociallinks li a.lastfm:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -680px -40px no-repeat; }
ul.sociallinks li a.grooveshark:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -720px -40px no-repeat; }
ul.sociallinks li a.soundcloud:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -760px -40px no-repeat; }
ul.sociallinks li a.foursquare:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -800px -40px no-repeat; }
ul.sociallinks li a.github:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -840px -40px no-repeat; }
ul.sociallinks li a.linkedin:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -880px -40px no-repeat; }
ul.sociallinks li a.xing:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -920px -40px no-repeat; }
ul.sociallinks li a.wordpress:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -960px -40px no-repeat; }
ul.sociallinks li a.tumblr:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -1000px -40px no-repeat; }
ul.sociallinks li a.rss:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -1040px -40px no-repeat; }
ul.sociallinks li a.rsscomments:focus { outline: 0; color: white; background: #3f3f3f url(../dorayaki/images/socialicons.png) -1080px -40px no-repeat; }

div.headerinfo-wrap a:focus { text-decoration: none !important; }

div.headerinfo-wrap a:focus h1,
div.headerinfo-wrap a:focus h2 { text-decoration: underline !important; }

a#desktop-search-btn:focus { background-color: #1bacce; }

a#desktop-search-btn:focus::before { color: white !important; }

.nav-next a:focus,
.nav-previous a:focus,
.previous-image a:focus,
.next-image a:focus {
	border: 1px solid #3f3f3f;
	background: #3f3f3f;
  color: #fff;
}
footer#colophon a.top:focus { opacity: 1; }




pre {
  background-color: #F7F7F7;
  font-size: 16px;
  font-size: 1rem;
}

strong strong {
  font-size: 70px;
  line-height: 100px;
  font-family: Impact, sans-serif;
  margin: 0 0 20px 0;
  text-align: center;
  font-weight: normal;
}

#site-content div.code,
#site-content div.code div.syntaxhighlighter {
  font-size: 15px;
  font-size: .9375rem !important;
}

.white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box,
p.hinweis {
  font-size: 18px;
  font-size: 1.125rem;
}

.widget-area .widget h3.widget-title {
  margin-top: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
}

#site-nav {
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 700;
}

/* Tabellen */
table {
  caption-side: bottom;
  margin: 1.8em 0;
  width: auto;
}
table th,
table td {
  padding-left: 5px;
  padding-right: 15px;
}

div.caption,
table caption {
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 20px 0 30px;
  color: #888;
  line-height: 1.5;
  text-transform: normal;
}
table th { border-top: 1px solid #eaeaea; }

table tr th:first-child { padding-right: 20px; }

#content tr:nth-child(even) th,
#content tr:nth-child(even) td,
#site-content tr:nth-child(even) th,
#site-content tr:nth-child(even) td {
  color: inherit;
  background-color: #F7F7F7;
}

div.caption {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  margin: 15px 0 40px;
  font-style: italic;
}
.entry-content p.wp-caption-text,
.gallery-item .gallery-caption {
  font-size: 16px;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
}


.nobr { white-space: nowrap; }


/* Site layout */
div#main-wrap { padding: 25px 10px; }

div#site-content,
div#sidebar { background-color: white;}

div#site-content-inner { padding: 10px; }

div#sidebar-inner {
  overflow: hidden;
  padding: 10px 5px;
}

/* Header */
div#site-title  {
  background: url(images/mi.png) center 10px no-repeat;
  padding-top: 120px;
  padding-bottom: 10px;
}
div#site-title h1 {
  font-family: "franklin-gothic-urw", sans-serif;
  padding: 10px 0 0 0;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 2px;
  fon
}
div#site-title h2 {
  margin: .5em 0;
  color: #999;
  font-weight: normal;
}

/* Footer */
footer { font-family: "franklin-gothic-urw", sans-serif; }

footer#colophon.site-footer { color: #1bacce; }

div.footerlabel { background-color: #1bacce; }

div.footerlabel p.footerlabel-title {
	font-size: 16px;
  font-size: 1rem;
  text-transform: none;
}

.site-footer a.top {
	display: inline-block;
	width: 30px;
	height: 18px;
	background: url(images/top.png) 50% 0 no-repeat;
	text-indent:-9999px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	margin: 0 0 30px;
	text-align: center;
}
.site-footer a.top:hover {
	background: url(images/top.png) 50% 0 no-repeat;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}




/* Content-Styling */
div.entry-thumbnail,
p.portrait.floatRight {
  border: 1px solid #dadada;
  padding: 5px;
  display: inline-block;
}

.entry-thumbnail img.wp-post-image,
p.portrait.floatRight img {
  margin: 0;
  vertical-align: bottom;
}
p.bild-unterschrift,
p.bild-unterschrift-block,
p.bild-unterschrift img,
p.bild-unterschrift-block img { max-width: 100%; }


#comments .comment-content .comment-text {
  overflow: auto;
  margin-left: 52px;
}


div.vorbemerkung {
  background-color: #F9F9F9;
  border: solid #DADAD6;
  border-width: 1px 1px 5px;
  margin: 1em 0;
  padding: 0.8em;
  clear: both;
}

.entry-content p.top,
.entry-content div.top {
  text-align: right;
  padding-right: 10px;
  clear: both;
  margin: 1em 0 3em;
}
.entry-content p.top a:before,
.entry-content div.top a:before {
  content: '\f432';
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 40px/1 'Genericons';
  vertical-align: middle;
  padding: 0 5px 3px 0;
}

.entry-content p.wp-caption-text,
.entry-content .entry-caption p {
  text-align: center;
  padding: 0;
  margin: .5em 0 2em;
}


/* Tabellen */
#content table.syntaxtable strong {
  color: inherit;
  background-color: #ccc;
  border: 3px solid #ccc;
}

#content table {
  caption-side: bottom;
}
#content table caption {
  margin: 20px 0 40px;
  font-style: italic;
}

table.data th {
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#content table#farbskala {
  float: left;
  margin: .4em 1em 1em 0;
  width: auto;
}
#content #farbskala td,
#content #farbskala th {
  padding: 2px 10px;
  text-align: right;
  font-size: .9em;
}
#content #farbskala td { width: 100px; }



/* Syntaxhighlighter */
div.syntaxhighlighter {
  margin: 20px 0 30px !important;
}
div.syntaxhighlighter a, div.syntaxhighlighter div, div.syntaxhighlighter code, div.syntaxhighlighter table, div.syntaxhighlighter table td, div.syntaxhighlighter table tr, div.syntaxhighlighter table tbody, div.syntaxhighlighter table thead, div.syntaxhighlighter table caption, div.syntaxhighlighter textarea { line-height: 1.4 !important; }


/*   */
.cBoth { clear: both; }

.invisible {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  line-height: 0;
}
.floatRight,
.float--right {
  display: inline;
  float: right;
  margin: 0.2em 0 1em 1.2em !important;
}

.clearLeft { clear: left; }


/* Persona */
#content ul.favicons,
#content ul.favicons li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.favicons a:link,
ul.favicons a:visited,
ul.favicons a:hover,
ul.favicons a:focus,
ul.favicons a:active {
  text-decoration: none !important;
  display: block;
  border-bottom: 1px solid #e3e3d9;
  padding: 6px 8px;
  overflow: hidden;
}
ul.favicons a strong {
	font-size: 18px;
  font-size: 1.125rem;
  display: block;
}

ul.favicons a span {
	font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
}

ul.favicons a:hover strong,
ul.favicons a:focus strong,
ul.favicons a:active strong { text-decoration: underline; }

#content img.faviconlink {
  color: inherit;
  background: url(/binary.ashx?id=15932) center no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 8px;
}

/* Weitere Veröffentlichungen */

div#veroeffentlichungen {}

#veroeffentlichungen dl,
#veroeffentlichungen dt,
#veroeffentlichungen dd {
  margin: 0;
  padding: 0;
}
#veroeffentlichungen dt {
  font-size: 1.2em;
  margin: 26px 0 10px;
  margin: 2em 0 0 0;
  font-weight: bold;
}
#veroeffentlichungen dd {
  color: inherit;
  background-color: white;
  border-bottom: 1px solid #e3e3d9;
  padding: 0 130px 15px 0;
  overflow: hidden;
  margin-bottom: 1.5em;
}
.entry-content #veroeffentlichungen  p { margin-top: 0; }

#veroeffentlichungen em { font-style: italic; }

#veroeffentlichungen p.illustration {
  float: right;
  border: 1px solid #CCC9B8;
  margin: 5px -120px 8px 8px;
  padding: 2px;
}


/* Veranstaltungen */
table.vevent {
  border-bottom: 2px solid #d6d6d6;
}
.vevent th { width: 15ex; }

.vevent th,
.vevent td { padding: 4px 15px 4px 2px; }

.vevent tbody tr:first-child td {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
}


#content p.post-date {
  color: #888;
  font-weight: bold;
  display: block;
  margin: 0 0 1.5em;
  padding: 0;
  font-size: 17px;
  font-size: 1.0625rem;
}


/* Archivseite */
dl.taglist {}

#content .taglist dt,
#content .taglist dd {
  margin: 0;
  padding: 0;
}
#content .taglist dt {
  font-weight: normal;
  margin: 1.5em 0 1em;
}
#content .taglist dt a {
	font-size: 24px;
  font-size: 1.5rem;
  text-decoration: none !important;
}
#content .taglist dt span.postmetadata {
  color: #88887E;
  font-weight: bold;
  display: block;
  margin: 0;
  padding: 0;
}
#content .taglist dt span.postmetadata br { display: none; }

#content .taglist dd {
  border-bottom: 1px solid #E3E3D9;
  padding-bottom: 1em;
  display: table-cell;
  width: 100%;
}
#content .taglist dd img {
  float: left;
  display: inline;
  margin: .2em 1.2em .4em 0 !important;
  border: 3px solid #e4e2da;
  padding: 4px;
  -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#content .taglist dd p.teaserimage { margin: 0 0 0 150px !important; }

@media screen and (max-width: 640px) {
  #content .taglist dd p.teaserimage { margin-left: 0 !important; }
}


/* Infoboxes */
div.warnung,
p.warnung,
div.definition,
p.definition,
div.vorbemerkung,
#content p.hinweis,
#content div.hinweis,
#content div.uebung,
div.gf_validationsummary,
div.sidebox,
div.kommentar {
	margin: 0 0 30px;
	padding: 15px;
	overflow: hidden;
}
.white-box {
	background: #fff;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	border-bottom: 5px solid #dcdcdc;
}
.blue-box {
	background: #d6e8f2;
	border-bottom: 5px solid #5cace2;
}
.yellow-box {
	background: #FFF2BD;
	border-bottom: 5px solid #f3cf3f;
}
.red-box,
p.warnung,
div.warnung {
	background: #FCD3D1;
	border-bottom: 5px solid #eb6f63;
}
.green-box {
	background: #ceead9;
	border-bottom: 5px solid #52be7f;
}
.lightgrey-box,
div.vorbemerkung,
#content p.hinweis,
#content div.hinweis,
#content div.uebung,
#content div.sidebox,
#content div.kommentar {
	background: #F7F7F7;
	border-bottom: 5px solid #dcdcdc;
}
.grey-box,
#content div.definition,
#content p.definition {
	background: #DCDCDC;
	border-bottom: 5px solid #aaa;
}
.dark-box {
	background: #757575;
	border-bottom: 5px solid #555;
	color: #fff;
}

p.hinweis:before,
div.hinweis p:first-child:before {
  content: "Hinweis: ";
  font-weight: bold;
}
p.warnung::before,
div.warnung p:first-child:before {
  content: "Warnung: ";
  font-weight: bold;
}
p.definition::before,
div.definition p:first-child:before {
  content: "Definition: ";
  font-weight: bold;
}
#site-content div.yellow-box p:last-child { margin-bottom: 0; }

div.excw-hinweis p.back a::before {
  content: '\f430';
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 40px/1 'Genericons';
  vertical-align: middle;
  padding: 0 5px 3px 0;
}

#content .vorbemerkung h2,
#content .uebung h2,
div.lightgrey-box h2,
div.lightgrey-box h3 { margin-top: 0; }

div.sidebox h2,
div.sidebox h3 { margin-top: 0 !important; }



/* Blättern-Links */
#content nav#nav-below { padding: 0; }

#content #nav-below div.nav-next,
#content #nav-below div.nav-previous {
  margin: .4em 0 2em;
  text-align: center;
  max-width: 48%;
}
#content #nav-below div.nav-previous { float: left; }

#content #nav-below div.nav-previous { margin-left: 0; }

#content #nav-below .nav-next a,
#content #nav-below .nav-previous a {
  text-transform: none !important;
  letter-spacing: 0;
  font-size: 20px;
  font-size: 1.25rem;
  display: block;
  color: white;
  background: #0091BE url(images/right.png) right center no-repeat;
  background-size: 25px;
  padding: 15px 40px 15px 20px;
  text-decoration: none;
  line-height: 1.3;
}
#content #nav-below .nav-previous a {
  background: #0091BE url(images/left.png) left center no-repeat;
  background-size: 25px;
  padding: 15px 20px 15px 40px;
}
#content #nav-below .nav-next a:hover,
#content #nav-below .nav-previous a:hover { background-color: #007599; }




/* Bild mit Unterschrift */
p.bild-unterschrift {
  float: left;
  margin: 0.2em 1.2em 1em 0 !important;
}
p.bild-unterschrift,
p.bild-unterschrift-block {
  min-width: 210px !important;
}

p.bild-unterschrift,
p.bild-unterschrift-block,
#content div.wp-caption {
  outline: 0;
  position: relative;
  display: block;
  font-size: .85em;
  text-align: center;
  padding: 5px;
}
p.bild-unterschrift-block { clear: both; }

p.bild-unterschrift-block img {
  padding: .2em !important;
  border: 2px solid #e4e2da;
}
p.bild-unterschrift span.caption,
p.bild-unterschrift-block span.caption,
#content div.wp-caption p.wp-caption-text {
  color: #888;
  display: block;
  margin: .4em 15px;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.5;
  text-align: center;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  margin: 15px 0 30px;
  font-style: italic;

}
p.bild-unterschrift a span.caption,
p.bild-unterschrift-block a span.caption {
  color: #0091be;
}


/* Blog-Startseite */

table.entry-table {
  line-height: 1.6;
}

.entry-table th,
.entry-table td {
	font-size: 16px;
  font-size: 1rem;
  padding: 5px 10px;
  border: solid #eaeaea;
  border-width: 0 0 1px;
}
td.entry-date,
td.entry-comments { white-space: nowrap; }

.entry-table th.entry-comments,
.entry-table td.entry-comments,
.entry-table th.entry-date,
.entry-table td.entry-date { display: table-cell; }

th.entry-type,
td.entry-type { padding-top: 10px; }

div.entry-date {
  line-height: 22px;
  font-size: 14px;
  font-size: .875rem;
}

.ss-icon, .ss-icon.ss-pika, [class^="ss-"]::before, [class*=" ss-"]::before, [class^="ss-"].ss-pika::before, [class*=" ss-"].ss-pika::before, [class^="ss-"].right::after, [class*=" ss-"].right::after, [class^="ss-"].ss-pika.right::after, [class*=" ss-"].ss-pika.right::after {
 font-size: 21px !important;
 vertical-align: middle;
}
.ss-page,
.ss-textfile,
.ss-desktop,
.ss-book,
.ss-mic { line-height: 28px; }

.ss-page::before, .ss-page.right::after {
color: #1bacce;
}

.ss-textfile::before, .ss-textfile.right::after {
color: #0F4B6D;
}

.ss-desktop::before, .ss-desktop.right::after {
color: #737373;
}

.ss-book::before, .ss-book.right::after {
color: #EBA216;
}

.ss-mic::before, .ss-mic.right::after {
color: #6BB853;
}

div.entry-date span::before { padding-right: 5px; }

div.entry-date span span {
  text-indent: -9999px;
  width: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

td.entry-type span span {
  text-indent: -9999px;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  margin: 0;
}
td.entry-title {
  font-weight: normal;
  line-height: 1.4;
}
td.entry-title,
td.entry-cats { font-family: "franklin-gothic-urw", sans-serif; }

th.entry-cats,
td.entry-cats { padding: 5px 20px; }

th.entry-comments,
td.entry-comments { padding-right: 0; }



/* Homepage */

body.home {}

/* Mein Foto auf der Homepage */
.home .entry-content a.homepage_portrait {
  display: block;
  outline: 0;
}
.home .entry-content a.homepage_portrait img {
  border: 1px solid #eaeaea;
}

.home div.entry-content { overflow: hidden; }

.home #site-content article.post { margin-bottom: 0; }

.home #site-content article.post .entry-content { padding: 10px 0; }

.home li.widget_dorayaki_service {
  list-style: none;
}

.home div#Services {
  background-color: #F2F2ED;
  margin: 0 -10px 0;
  overflow: hidden;
}
.home div#Services li {
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 25px solid #F2F2ED;
}
.home div#Services li.odd { float: left; }

.home div#Services li.even { float: right; }

.home div#Services li a.service-box {
  padding-top: 1px;
  background-color: #1bacce;
  max-width: 100%;
  float: none;
}
.home div#Services li a.service-box,
.home div#Services li a.service-box span { color: white; }

.home div#Services li a.service-box span.service-name:after { border-color: white; }

.home div#Services li a.service-box:hover,
.home div#Services li a.service-box:focus,
.home div#Services li a.service-box:active { background-color: #0f4b6d; }

.home div#Services li a.service-box span.service-info {
	font-size: 18px;
  font-size: 1.125rem;
  padding-bottom: 30px;
}

.home div#feed {
  overflow: hidden;
  margin: 0 -20px;
  border-top: 25px solid #F2F2ED;
  padding: 1px 20px;
}
.home div#feed h2 {
  font-size: 16px;
  font-size: 1rem;
  margin: 20px 0 1em;
}
.home div#feed table { margin: 1em 0 10px; }

ul.profil_logos {
  margin: 0;
  padding: 0;
}
.profil_logos li {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  border-bottom: 1px solid #eaeaea;
}
.profil_logos a { display: inline-block; }

aside.widget p,
aside.widget dt,
aside.widget dd {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}
div.partners p.logo,
aside.widget img.float--left {
  float: right;
  margin: 0 0 5px 10px;
}
div.partners p.logo a { display: inline-block; }

#sidebar .widget,
#sidebar .widget:last-child {
  padding: 0;
  margin: 0 0 2em;
}
#sidebar .widget:last-child { margin-bottom: 0; }

aside.widget h2 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin: 10px 0 .8em;
}

div.teaserimage.aside-inner,
div.aside-inner div.teaserimage {
  border: 5px solid #eaeaea;
  text-align: center;
  margin-bottom: 20px;
  clear: both;
}
div.aside-inner div.teaserimage { margin-top: 30px; }

.teaserimage a { display: inline-block; }

#sidebar aside.widget.widget_dorayaki_sociallinks {
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#sidebar aside.widget.widget_dorayaki_sociallinks ul,
#sidebar aside.widget.widget_dorayaki_sociallinks li { display: inline-block;  }

.home ul.sociallinks li,
.website ul.sociallinks li { margin: 0 8px 10px 0; }

.social li {
  list-style-type: none;
  float: left;
  padding: 0 10px !important;
  font-size: 45px !important;
}
.social li a:hover,
.social li a:focus,
.social li a:active { text-decoration: none !important; }

aside p {
  margin: .8em 0;
}

.widget-area aside.lanyrd-widget h3.widget-title,
aside.lanyrd-widget div.lanyrd-target-splat { padding-right: 10px; }

aside div.lanyrd-target-splat strong { font-weight: normal; }

aside div.lanyrd-target-splat h4 { margin-bottom: 0; }

aside div.lanyrd-target-splat a span {
  display: block;
  padding-bottom: 60px;
  background: url(images/lanyrd.png) left bottom no-repeat;
}

div#footerNav { text-align: center; }

#footerNav a {
  color: #C7D1D4;
  padding: 0 5px;
}
#footerNav a:hover,
#footerNav a:focus,
#footerNav a:active {
  color: white;
}

#colophon .credit-wrap {
  padding: 10px 0 0;
  text-align: center;
}

img.typekit-badge { display: none !important; }


#comments #respond p.comment-note,
#comments #respond p.logged-in-as {
	font-size: 16px;
	font-size: 1rem;
}
.entry-details {
  margin: 10px 0 20px;
  padding: 0;
  border: 0;
}
.entry-details ul,
.entry-details li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.entry-details div {
  display: inline-block !important;
  float: none !important;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  margin-right: 15px;
}
.entry-details div * { display: inline-block !important; }

.entry-details div br { display: none !important; }

.entry-details .entry-tags li { padding-right: 4px; }

.entry-cats ul.post-categories li { padding-bottom: 0; }

.entry-details .entry-tags li a,
.entry-cats ul.post-categories li a {
  display: inline-block;
  padding: 3px 6px;
  background: #eaeaea;
  font-size: 14px;
  font-size: .875rem;
  color: #777;
  text-transform: none;
  letter-spacing: 0;
  margin: 5px 0 0;
}
.entry-details .entry-tags li a:hover,
.entry-details .entry-tags li a:focus,
.entry-details .entry-tags li a:active {
	background: #3f3f3f;
	color: #fff;
}

.clearLeft { clear: left; }

.clearRight { clear: right; }

.clearBoth { clear: both; }



/* Bereichsmenü */
#sidebar aside#subnav ul {
  border-top: 1px solid #888;
  margin: 0;
  padding: 0;
}
#sidebar aside#subnav ul ul { border-top: 0; }

#content ul.toc {
  border-top: 1px solid #888;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
#content ul.toc ul {
  margin: 0;
  padding: 0;
}
#sidebar #subnav strong,
#content ul.toc strong {
  color: white;
  background-color: #0091be !important;
  font-weight: bold;
}
#sidebar #subnav a.active { font-weight: bold; }

#sidebar #subnav ul,
#sidebar #subnav li,
#content ul.toc,
#content ul.toc li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Erste Ebene */
#sidebar #subnav ul li { width: 100%; }

#sidebar #subnav ul li a,
#sidebar #subnav ul li strong,
#content ul.toc li a {
  background-color: #f7f6f4;
  text-decoration: none;
  border-bottom: 1px solid #dadada;
  display: block;
  padding: 7px 15px;
}
/* Zweite Ebene */
#content ul.toc ul { border: 0; }

#sidebar #subnav ul ul li a,
#sidebar #subnav ul ul li strong,
#content ul.toc ul li a {
  background-color: #eaeae6;
  border-bottom: 1px solid #d9d8d4;
  padding: 5px 15px 6px 30px;
  line-height: 1.3;
}
/* Dritte Ebene */
#sidebar #subnav ul ul ul li a,
#sidebar #subnav ul ul ul li strong,
#content ul.toc ul ul li a {
  background-color: #dadad6;
  border-color: #cccbc8;
  padding: 4px 15px 5px 45px;
}
#sidebar #subnav ul li strong:hover,
#sidebar #subnav ul li a:hover,
#sidebar #subnav ul li a:focus,
#sidebar #subnav ul li a:active,
#content ul.toc li a:hover,
#content ul.toc li a:focus,
#content ul.toc li a:active {
  color: white;
  background-color: #0091be;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}




#content fieldset {
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: 5px 15px 15px 15px;
}
#contact table { width: 100%; }

#contact td { vertical-align: middle; }

#contact th {
  width: 30%;
  text-align: right;
  padding: 15px 15px 5px 0;
  line-height: 1.4;
  vertical-align: top;
}
#contact input[type="text"] { width: 100%; }

#contact input#ctl03_spam { width: 10ex; }

#contact textarea {
  width: 100%;
}
#contact input,
#contact textarea { margin: 0; }

#contact input[type="text"],
#contact textarea { background-color: white; }

#contact input[type="text"]:focus,
#contact textarea:focus { border-color: #0091BE; }

#contact div.gf_validationsummary {
	background: #FCD3D1;
	border-bottom: 5px solid #eb6f63;
}
#contact .gf_validationsummary ul,
#contact .gf_validationsummary ul li {
  margin-top: 0;
  margin-bottom: 0;
}
#contact select {
  border: 1px solid #3f3f3f;
  padding: 8px 1% 8px 2%;
  font-size: 16px;
  font-size: 1rem;
}








/*-----------------------------------------------------------------------------------*/
/*	Media Queries
/*-----------------------------------------------------------------------------------*/

/* Maximum width of 320 pixels (smartphones)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 320px) {
	/* Mein Foto auf der Homepage */
  .home .entry-content a.homepage_portrait {
    max-width: 100%;
    margin-bottom: .8em;
  }

	div.entry-details { margin-top: 0; }

	.home .entry-content a.post-thumb-small { margin-right: 20px; }

	.home .entry-content a.post-thumb-small img { width: 110px; }

	div#site-title {
		padding-top: 115px;
		padding-bottom: 0;
	}

	div#site-title h1 {
    font-size: 20px;
    font-size: 1.25rem;
	}
	div#site-title h2 {
    font-size: 18px;
    font-size: 1.125rem;
	}

	p.portrait { max-width: 40%; }
}


/* Maximum width of 500 pixels (small tablets)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 500px) {
	aside.widget {
	  float: none;
	  width: 100%;
	}

  table.mobilize td,
  table.mobilize th {
    display: block;
  }
}


/* Minimum width of 500 pixels (small tablets)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 500px) {
	/* Mein Foto auf der Homepage */
  .home .entry-content a.homepage_portrait {
    margin-bottom: .8em;
  }

  div.entry-thumbnail,
  p.portrait.floatRight {
    float: right;
    margin: 0 10px 10px 20px;
  }

  blockquote {
    color: #777;
    margin: 1.5em .5em 1.5em 2em
  }

  div#sidebar-inner { padding: 10px; }
}

/* Maximum width of 767 pixels (tablets portrait)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
  table.entry-table,
  table.entry-table tbody,
  table.entry-table tr { display: block; }

  table.entry-table { margin-top: 15px; }

  table.entry-table tr {
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0 10px 0;
  }

  #site-content table.entry-table thead,
  #site-content table.entry-table th { display: none; }

  #site-content table.entry-table td {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    border: 0;
    background-color: white;
  }
  #site-content table.entry-table td.entry-type,
  #site-content table.entry-table td.entry-date {
    float: left;
    padding-right: 10px;
  }
  #site-content table.entry-table td.entry-header {
    clear: left;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 8px 0;
  }
  #site-content table.entry-table td.entry-cats::before {
    content: "Kategorien: ";
  }
  #site-content table.entry-table td.entry-cats {
  	font-size: 14px;
    font-size: .875rem;
  }
  #site-content table.entry-table td .ss-page,
  #site-content table.entry-table td .ss-textfile,
  #site-content table.entry-table td .ss-desktop,
  #site-content table.entry-table td .ss-book,
  #site-content table.entry-table td .ss-mic { line-height: 1; }
}

/* Minimum width of 768 pixels (tablets portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 768px) {
  div#main-wrap { padding: 25px 20px; }

	/* Mein Foto auf der Homepage */
  .home .entry-content a.homepage_portrait {
    float: left;
    margin: 0 15px 10px 0;
    width: 330px;
  }

  div#site-content-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* --- Post Typography --- */
  .entry-content p,
  .entry-summary p,
  .entry-content ul,
  .entry-content ol,
  dl dt,
  dl dd,
  th,
  td,
  #comments .comment-text p,
  #comments .comment-text ul,
  #comments ol li.pingback p * {
  	font-size: 18px;
  	font-size: 1.125rem;
  	line-height: 1.6;
  }

  .home div#Services { margin: 0 -20px; }

  .home div#Services li { width: 49%; }

  .home div#feed table { margin: 1em -10px 10px; }

  .entry-content ul.toc,
  .entry-content ul.toc ul {
  	font-size: 16px;
    font-size: 1rem;
  }

  #site-content .post {
    margin: 0;
  }

  header.entry-header h1.entry-title,
  h1.page-title,
  .page .entry-header h1.entry-title {
    display: block;
    font-size: 36px;
    font-size: 2.25rem;
    font-family: "franklin-gothic-urw",sans-serif;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    color: #0f4b6d;
  }

  div#sidebar-inner { padding: 10px 20px; }

  div.footerlabel p.footerlabel-title {
  	font-size: 20px;
  	font-size: 1.25rem;
 	}
}

/* Minimum width of 1024 pixels (tablets landscape)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
  .white-box,
  .blue-box,
  .yellow-box,
  .red-box,
  .green-box,
  .lightgrey-box,
  .grey-box,
  .dark-box { padding: 15px; }

  .website .post .entry-content,
  .home .post .entry-content {
    width: auto;
    float: none;
  }
  header.entry-header h1.entry-title {
    width: 78.75%;
    float: right;
  }
  .website header.entry-header h1.entry-title {
    width: 100%;
    float: none;
  }

	/* Mein Foto auf der Homepage */
  .home .entry-content a.homepage_portrait {
    margin-right: 20px;
    width: 350px;
  }

  .entry-details {
    width: 20%;
    float: left;
    border-top: 0;
    margin: 10px 0 0;
    padding: 0;
  }
  .entry-details div {
    border: 0;
    border-bottom: 1px solid #eaeaea;
    margin: 0 10px 0 0;
    padding: 10px 0;
  }
  .entry-details div a {
    margin: 0;
    padding: 0;
  }
  .entry-details ul.post-categories li { padding: .2em 0; }

  .entry-tags ul,
  .entry-tags li {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
  }

  nav#nav-single { margin-right: 10px; }

  .website nav#nav-single { margin-left: 10px; }

  .entry-details div.entry-cats br,
  .entry-details div entry-tags br { display: block !important; }

	.error404 .entry-content { width: 100%; }

  div.codepen_embed {
    margin-left: -153px;
  }
}

/* Maximum width of 1259 pixels
------------------------------------------------------------------------------------ */
@media screen and (max-width: 1259px) {
  #site-nav { padding: 20px 0; }

  #site-nav ul {
    margin: 0 20px;
    padding: 0;
  }
  #site-nav ul li { padding: 0; }

  #site-nav ul li a {
    display: block;
    padding: 14px 0;
  }
  #site-nav li.current-menu-item,
  #site-nav li.current-menu-item a {
    color: #0F4B6D;
    background-color: white;
  }

  #sidebar,
  #nav-below,
  #nav-image,
  .single-post .author-info,
  #disqus_thread,
  .page-header, .wp-pagenavi { margin-left: 0; }

  #sidebar { margin-top: 40px; padding: 0; }

  ul.profil_logos,
  aside {
    float: left;
    width: 50%;
  }
  .profil_logos li,
  aside div.aside-inner { margin: 10px 15px; }
}

/* Minimum width of 1260 pixels (15' laptops + desktops)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1260px) {

  div#main-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  div#site-title {
    background-position: left center;
    padding: 20px 0 0 120px;
    min-height: 150px;
  }

  body.nav-fixed nav#site-nav {
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #EAEAEA;
    background: rgba(255,255,255,.96);
  }
  body.nav-fixed #main-wrap { padding-top: 88px !important; }

  body.nav-fixed nav#site-nav ul { border-top: 0; }

  nav#site-nav li:first-child {
    background: url(images/mi_k.png) 30px -80px no-repeat;
    padding-left: 120px;
  }

  body.nav-fixed nav#site-nav li:first-child {
    background-position: 30px center;
    transition: background .5s;
  }

  #site-nav li.current-menu-item a,
  #site-nav li.current-menu-item a:visited {
    text-decoration: underline;
    color: #0F4B6D;
  }
  #site-nav li#menu-item-1740 a {
    text-decoration: none;
    color: #3f3f3f;
  }

  #site-nav ul {
    border-top: 1px solid #eaeaea;
  }

  #colophon .credit-wrap,
  div#footerNav {
    text-align: left;
  }

  .home ul li.widget_dorayaki_service {
    width: 49%;
    margin: 0 1% 24px 0;
  }

	/* Mein Foto auf der Homepage */
  .home .entry-content a.homepage_portrait {
    width: 370px;
  }

  div.codepen_embed {
    margin-left: -160px;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	15.0 HiDPI (=Retina) Displays
/*-----------------------------------------------------------------------------------*/
@media
  only screen and (-moz-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {

	div#site-title {
		background-image: url(images/mi@2x.png);
		background-size: 101px;
	}

	aside div.lanyrd-target-splat a span {
		background-image: url(images/lanyrd@2x.png);
		background-size: 170px;
	}

  nav#site-nav li:first-child {
    background-image: url(images/mi_k@2x.png;
    background-site: 50px;
}