/*
Theme Name:   GeneratePress web-done
Theme URI:    https://web-done.de
Description:  Child-Theme fuer GeneratePress, das web-done.de optisch 1:1 wie unter Twenty Eleven 5.2 + Child "twentyelevenmitsidebar" aussehen laesst. Enthaelt das erprobte av-portal-Design-CSS (Header cropped-header211.jpg, Navigation #2d2d2d, Helvetica Neue 300, Links #1b8be0, 1150px, rechte Sidebar) plus das "Zusaetzliche CSS" der Live-Seite (auf GP-Selektoren umgeschrieben) und nachgebaute Twenty-Eleven-Details (Kommentar-Sprechblase, Weiterlesen, Meta-Zeile, Mobilmenue, Suche, 404, Galerie, TablePress).
Author:       web-done.de
Template:     generatepress
Version:      1.1
Text Domain:  generatepress-webdone
*/

/* =============================================================
   1) GRUNDFARBEN / TYPOGRAFIE (aus av-portal design.php v1.6.4)
   Schrift "Helvetica Neue", Helvetica, Arial 15px/300, #373737,
   Hintergrund #fcfcfc, Links #1b8be0. Twenty Eleven: body line-height 1.625.
   ============================================================= */
body,
button,
input,
select,
textarea {
	color: #373737;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.625;
}
body {
	background: #fcfcfc;
}
body.custom-background {
	background-color: #fcfcfc;
}
a {
	color: #1b8be0;
}
a:hover,
a:focus,
a:active {
	color: #1982d1;
}

/* =============================================================
   2) RAHMEN / CONTAINER (weisse Box 1150px mit 1px #ddd Rahmen)
   ============================================================= */
.grid-container {
	max-width: 1150px;
}
.site.grid-container,
#page.site {
	background: #fff;
	border: 1px solid #ddd;
	border-top: 0;
}
.site-header {
	background: #fff;
	max-width: 1150px;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-bottom: 0;
}
.inside-header {
	padding: 0;
	max-width: none;
}
.site-content {
	background: #fff;
}

/* =============================================================
   3) HEADER-BILD als Logo ueber volle Breite (1000x255),
   Seitentitel + Untertitel ausgeblendet (header_textcolor blank)
   ============================================================= */
.site-logo {
	margin: 0;
	width: 100%;
}
.site-header .header-image,
.site-logo img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: -1px;
}
.site-branding,
.main-title,
.site-description {
	position: absolute;
	clip-path: inset(50%);
}

/* =============================================================
   4) NAVIGATION #2d2d2d unter dem Header, links,
   Links #eee 13px, Hover #f9f9f9->#e5e5e5 #373737, aktiv fett,
   Menueeinzug 7,6 %, keine Pfeile. (Twenty Eleven #access)
   ============================================================= */
.main-navigation,
.main-navigation ul ul {
	background: #2d2d2d;
}
.main-navigation {
	max-width: 1150px;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-top: 0;
	border-bottom: 0;
}
.main-navigation .inside-navigation {
	max-width: none;
	padding: 0 7.6%;
	justify-content: flex-start;
}
.main-navigation .inside-navigation.grid-container {
	padding-left: 7.6% !important;
	padding-right: 7.6% !important;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle {
	color: #eee;
	font-size: 13px;
	font-weight: normal;
	line-height: 3.333em;
	padding: 0 .9125em;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li a:focus {
	background: linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li[class*="current_page_"] > a {
	background: transparent;
	color: #eee;
	font-weight: normal;
}
/* v1.1: fett wie Twenty Eleven (#access .current-menu-item/-ancestor,
   .current_page_item/_ancestor) – NICHT current-post-ancestor/-parent,
   d. h. im Einzelbeitrag bleibt die Kategorie normal (wie Original). */
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a,
.main-navigation .main-nav ul li.current_page_item > a,
.main-navigation .main-nav ul li.current_page_ancestor > a {
	background: transparent;
	color: #eee;
	font-weight: bold;
}
/* Dropdown (Galerie-Unterpunkte) wie Twenty Eleven: hell, gepunktet */
.main-navigation .main-nav ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	width: 188px;
}
.main-navigation .main-nav ul ul li a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	line-height: 1.4em;
	padding: 10px;
	width: 168px;
}
.main-navigation .main-nav ul ul li:hover > a,
.main-navigation .main-nav ul ul li a:focus {
	background: #efefef;
	color: #373737;
}
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus {
	color: #373737;
}
/* keine Dropdown-Pfeile auf Desktop */
@media (min-width: 769px) {
	/* v1.1: #access ul { margin-left: -2.8125em } aus dem Zusaetzlichen CSS */
	.main-navigation .main-nav > ul {
		margin-left: -2.8125em;
	}
	.main-navigation .main-nav ul li .dropdown-menu-toggle {
		display: none;
	}
	.main-navigation .main-nav ul li.menu-item-has-children > a {
		padding-right: .9125em;
	}
}

/* =============================================================
   5) INHALTSBEREICH / ARTIKEL
   separate-containers weiss, Innenabstand 7,6 %, kein Abstand/Schatten.
   ============================================================= */
.separate-containers .site-main > *,
.separate-containers .inside-article,
.separate-containers .widget,
.separate-containers .page-header {
	background: #fff;
	margin-bottom: 0;
}
.separate-containers .site-main,
.separate-containers .inside-right-sidebar {
	margin-top: 0;
}
.separate-containers .inside-article {
	padding: 24px 7.6% 30px;
}
.separate-containers .site-main {
	margin: 0;
}

/* Beitragstitel: Liste 26px #222 fett, Einzelbeitrag/Seite 36px #000 */
.entry-title,
.entry-title a {
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus {
	color: #1982d1;
}
.entry-title {
	/* v1.1: Twenty Eleven .entry-title: padding 15px 76px .3em 0. Das alte
	   Child entfernte die "singular"-Klasse, daher auch Einzelbeitrag/Seite 26px. */
	padding: 15px 76px .3em 0;
	margin: 0;
}

/* Meta-Zeile "Veroeffentlicht am ... von ..." #666 12px; auf Startseite aus */
.entry-meta {
	color: #666;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0;
}
.entry-header .entry-meta {
	padding-right: 76px;
}
.entry-meta a {
	font-weight: bold;
	text-decoration: none;
}
.entry-meta a:hover,
.entry-meta a:focus {
	text-decoration: underline;
}
.entry-meta .posted-on .updated {
	display: none;
}
/* v1.1: wie Original (.home .entry-meta{display:none}) nur auf der Startseite aus;
   Archive, Suche und Einzelbeitraege zeigen "Posted on … by …". */
.home .entry-meta {
	display: none;
}
/* Fuss-Meta (Kategorien/Tags/Kommentar-Link) wie Twenty Eleven footer.entry-meta */
footer.entry-meta {
	color: #666;
	font-size: 12px;
	margin-top: 0;
	line-height: 18px;
	clear: both;
}
footer.entry-meta .cat-links,
footer.entry-meta .tag-links,
footer.entry-meta .comments-link {
	display: inline;
}
footer.entry-meta .leave-reply,
footer.entry-meta .comments-link b {
	font-weight: bold;
}
footer.entry-meta .byline,
footer.entry-meta .posted-on {
	display: inline;
}
footer.entry-meta a {
	font-weight: bold;
}

/* Ueberschriften im Inhalt (aus Zusaetzlichem CSS / Twenty Eleven Child) */
.entry-content h1,
.comment-content h1 {
	color: #000;
	font-weight: bold;
	font-size: 26px;
	margin: 0 0 .8125em;
}
.entry-content h2,
.comment-content h2 {
	color: #424242;
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* "Weiterlesen ->" Link wie Twenty Eleven (kein Button) */
.read-more,
.read-more-container a,
.entry-content .more-link {
	color: #1b8be0;
	white-space: nowrap;
	background: none;
	padding: 0;
}
.read-more-container {
	margin-top: 0;
}

/* =============================================================
   6) SIDEBAR / WIDGETS
   Ueberschriften 16px #666 uppercase; Inhalt 13px.
   ============================================================= */
.widget-area .widget,
.sidebar .widget {
	font-size: 13px;
	padding: 10px 0 2px;
	margin-bottom: 2.2em;
}
.sidebar .widget .widget-title,
.widget-area .widget-title,
.sidebar .widget .wp-block-heading,
.sidebar .widget h2,
.sidebar .widget h3,
.widget-area .widget h2.widget-title,
.widget-area .widget h3.widget-title {
	color: #666;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 2.1em;
	text-transform: uppercase;
	margin-bottom: .5em;
}
.widget ul {
	margin: 0;
}
.widget ul li {
	list-style: none;
	margin-bottom: 0;
	font-size: 13px;
	color: #777;
}
.widget a {
	font-weight: bold;
}
.widget a:hover,
.widget a:focus {
	text-decoration: underline;
}

/* =============================================================
   7) FOOTER: nur Datenschutzerklaerung, zentriert, 12px #666
   (av-portal: generate_copyright-Filter; WordPress-Hinweis aus)
   ============================================================= */
.site-footer,
.site-info {
	background: #fff;
}
.site-info {
	max-width: 1150px;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-top: 0;
	font-size: 12px;
	color: #666;
	text-align: center;
}
.inside-site-info {
	padding: 1.5em .5em;
}

/* =============================================================
   8) BILDER / CAPTIONS (Zusaetzliches CSS: schmaler Rahmen, caption rechts)
   ============================================================= */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
	height: auto;
}
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img,
.gallery .gallery-icon img {
	border: 0 solid #ddd;
	padding: 1px;
	max-width: 100%;
}
.wp-caption {
	background: none;
	margin-bottom: .625em;
	max-width: 99%;
	padding: 1px;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: sans-serif;
	font-size: 18px;
	text-align: right;
	padding: 0;
	opacity: 1;
}
.wp-caption .wp-caption-text:before {
	content: '';
}
ins {
	background: #fff;
	text-decoration: none;
}

/* Affiliate-Stern: Links auf amazon/thomann/awin/amzn bekommen "*" */
a[href*="amazon.de"]:after,
a[href*="thomann.de"]:after,
a[href*="awin1.com"]:after,
a[href*="amzn.to"]:after {
	content: "*";
}

/* =============================================================
   9) KOMMENTAR-SPRECHBLASE am Titel (Twenty Eleven comments-link)
   Position oben rechts neben dem Beitragstitel.
   ============================================================= */
.entry-header {
	position: relative;
}
.entry-header .comments-link {
	position: absolute;
	top: 1.5em;
	right: 0;
}
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
	text-indent: 0;
}
.entry-header .comments-link a .gp-icon,
.entry-header .comments-link a svg {
	display: none;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus {
	background-color: #1982d1;
	color: rgba(255,255,255,0.8);
}
/* Titel/Meta Platz fuer die Sprechblase lassen (Twenty Eleven: padding-right 76px) */
.blog .entry-header .entry-title,
.archive .entry-header .entry-title,
.search .entry-header .entry-title {
	padding-right: 76px;
}

/* =============================================================
   10) KOMMENTARLISTE / KOMMENTARFORMULAR (Twenty Eleven-Optik)
   ============================================================= */
#comments-title,
.comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.comment-list,
ol.commentlist {
	list-style: none;
	margin: 0;
}
.comment-body,
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.comment-meta,
.comment-author {
	color: #666;
	font-size: 12px;
}
.comment-meta a,
.comment-author a {
	font-weight: bold;
}
.comment-content {
	margin-top: 1em;
	word-wrap: break-word;
}
.comment-reply-link {
	background: #eee;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
	background: #888;
	color: #fff;
}
.comment-respond,
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	padding: 1.625em;
}
#reply-title,
.comment-reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea,
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea {
	background: #fff;
	border: 4px solid #eee;
	border-radius: 5px;
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	padding: 10px;
}
#respond input#submit,
.comment-respond input#submit,
.comment-respond .form-submit input[type="submit"] {
	background: #222;
	border: none;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	padding: 5px 22px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active,
.comment-respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}

/* =============================================================
   11) SUCHFORMULAR (Sidebar + 404) wie Twenty Eleven
   ============================================================= */
input[type=text],
.search-field,
input[type=email],
input[type=url],
textarea {
	background: #fafafa;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
	border-radius: 0;
}
.widget .search-form {
	display: block;
}
.widget .search-field,
#s,
input#s {
	background: #fafafa url(images/search.png) no-repeat 5px 6px;
	border-radius: 2px;
	font-size: 14px;
	padding: 4px 10px 4px 28px;
	width: 100%;
	box-sizing: border-box;
}
.widget .search-form button.search-submit,
#searchsubmit {
	display: none;
}

/* =============================================================
   12) GALERIE (Jetpack Tiled Gallery + WP-Galerie) / TablePress
   ============================================================= */
.gallery {
	margin: 0 auto 1.625em;
}
.gallery-caption {
	font-family: sans-serif;
}
/* Tabellen wie Twenty Eleven. v1.1: Im Original lud TablePress NACH dem
   Theme-CSS, d. h. Farben/Hintergrund/Padding/Fettdruck kamen von TablePress
   (Kopf #d9edf7, fett, schwarz), nur Schriftgroesse/Versalien von Twenty
   Eleven. Diese Reihenfolge wird hier nachgebildet. */
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content table:not(.tablepress),
.comment-content table {
	border-collapse: collapse;
}
.entry-content th {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table:not(.tablepress) th {
	color: #666;
	font-weight: 500;
	background: none;
}
.entry-content table:not(.tablepress) td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

/* =============================================================
   13) INHALTSBREITE ~584 px fuer eingebettete Medien (Twenty Eleven)
   Hinweis: GP-Container 1150 - 7,6% - Sidebar ergibt eine aehnliche
   Inhaltsspalte; wir deckeln Bilder/Videos zusaetzlich bei Einzelbeitrag.
   ============================================================= */

/* =============================================================
   14) MOBIL (bis 768px): Menue wie Twenty Eleven – KEIN Hamburger, die
   Menuepunkte stehen nebeneinander und brechen in die naechste Zeile um
   (Original 390px: "Startseite Galerie Reisen …" in 2 Zeilen, 13px,
   Zeilenhoehe 3.333em). Untermenues (Galerie) erscheinen per Hover/Fokus.
   ============================================================= */
@media (max-width: 768px) {
	body {
		font-size: 13px;
	}
	.main-navigation .menu-toggle,
	.main-navigation .mobile-bar-items {
		display: none !important;
	}
	.main-navigation .inside-navigation,
	.main-navigation .inside-navigation.grid-container {
		padding-left: 7.6% !important;
		padding-right: 7.6% !important;
	}
	.main-navigation .main-nav > ul,
	.main-navigation:not(.toggled) .main-nav > ul {
		display: flex !important;
		flex-wrap: wrap;
		margin-left: -2.8125em;
	}
	.main-navigation .main-nav ul li {
		float: none;
		display: block;
		text-align: left;
		position: relative;
	}
	.main-navigation .main-nav ul li a {
		font-size: 13px;
		line-height: 3.333em;
		padding: 0 .9125em;
		border-bottom: 0;
	}
	.main-navigation .main-nav ul li .dropdown-menu-toggle {
		display: none;
	}
	.main-navigation .main-nav ul li.menu-item-has-children > a {
		padding-right: .9125em;
	}
	/* Untermenue: schwebend wie Desktop, oeffnet bei Hover/Fokus/Tap */
	.main-navigation .main-nav ul ul {
		display: block;
		position: absolute;
		left: -99999px;
		top: 100%;
		width: 188px;
		opacity: 0;
		z-index: 99999;
		box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	}
	.main-navigation .main-nav ul li:hover > ul,
	.main-navigation .main-nav ul li:focus-within > ul,
	.main-navigation .main-nav ul li.sfHover > ul {
		left: 0;
		opacity: 1;
		visibility: visible;
		height: auto;
		pointer-events: auto;
	}
	.main-navigation .main-nav ul ul li a {
		width: 168px;
		padding: 10px;
		line-height: 1.4em;
		border-bottom: 1px dotted #ddd;
	}
}


/* =============================================================
   15) v1.1 – LAYOUT WIE TWENTY ELEVEN (gemessen am Original 1280px)
   Container 1150: Inhalt links 7,6 % Einzug, 58,4 % breit (672px),
   Sidebar 18,8 % (216px) mit 7,6 % Abstand rechts; oben 1.625em.
   GP-Spalten: content-area 66 %, Sidebar 34 % der Box.
   ============================================================= */
@media (min-width: 769px) {
	.site-content .content-area {
		width: 66%;
	}
	.site-content .is-right-sidebar {
		width: 34%;
	}
	.separate-containers .site-main > * {
		padding-left: 11.515%;   /* 87px von 759px = 7,6 % von 1150 */
		padding-right: 0;
	}
	.separate-containers .inside-right-sidebar {
		padding: 0 22.25% 0 22.5%; /* 88px | 216px | 87px */
		margin-top: 25px;
	}
	.no-sidebar .site-content .content-area {
		width: 100%;
	}
	.no-sidebar.separate-containers .site-main > * {
		padding-left: 7.6%;
		padding-right: 7.6%;
	}
}
.separate-containers .site-main {
	padding-top: 25px;
}
.separate-containers .site-main > *,
.separate-containers .site-main > article {
	margin-bottom: 0;
}
/* Beitrag: Linie darunter wie .hentry (padding/margin 1.625em, 1px #ddd) */
.separate-containers .inside-article {
	padding: 0 0 1.625em;
	margin-bottom: 1.625em;
	border-bottom: 1px solid #ddd;
}
.separate-containers .page-header {
	padding-top: 0;
	padding-bottom: 0;
}
.separate-containers .comments-area {
	padding-top: 0;
	padding-bottom: 1.625em;
}
.separate-containers .paging-navigation {
	padding-top: 0;
	padding-bottom: 1.625em;
}
.entry-content:not(:first-child),
.entry-summary:not(:first-child) {
	margin-top: 0;
}
.entry-content,
.entry-summary {
	padding-top: 1.625em;
}
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dl,
.entry-content blockquote,
.entry-content table {
	margin-bottom: 1.625em;
}
.entry-content > p:last-child {
	margin-bottom: 1.625em;
}
.entry-content ul,
.entry-content ol {
	margin-left: 2.5em;
}
.entry-content ul {
	list-style: square;
}
/* Links wie Twenty Eleven: ohne Unterstreichung, bei Hover unterstrichen */
a,
.entry-content a,
.widget a,
.site-info a {
	text-decoration: none;
}
a:hover,
a:focus,
.entry-content a:hover,
.entry-content a:focus,
.site-info a:hover {
	text-decoration: underline;
}
.entry-title a:hover,
.entry-title a:focus {
	text-decoration: none;
}

/* Kommentar-Sprechblase: wie Original 19,5px unter Titeloberkante, rechts */
.entry-header .comments-link.webdone-bubble {
	display: block;
	position: absolute;
	top: 19.5px;
	right: 0;
	font-size: 13px;
	line-height: 35px;
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}

/* Bilder: Abstaende wie Twenty Eleven */
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft,
.entry-content .alignleft {
	margin: .4em 1.625em 1.625em 0;
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright,
.entry-content .alignright {
	margin: .4em 0 1.625em 1.625em;
}
.entry-content img.aligncenter,
.entry-content .aligncenter {
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

/* =============================================================
   16) v1.1 – SIDEBAR wie Original
   ============================================================= */
.sidebar .widget,
.widget-area .widget {
	padding: 0;
	margin: 0 0 2.2em;
	background: transparent;
}
.sidebar .widget .widget-title,
.widget-area .widget-title,
.widget-area .widget h2.widget-title {
	font-weight: 300;
	margin-bottom: 0;
	padding: 0;
}
/* Listen mit eckigen Aufzaehlungszeichen, haengend links (Twenty Eleven) */
.widget-area .widget ul {
	margin: 0;
	padding: 0;
}
.widget-area .widget ul li {
	list-style: square outside;
	position: static;
	margin: 0;
	padding: 0;
}
.widget-area .widget ul ul {
	margin: 0 0 0 1.5em;
}
.sidebar .widget *:last-child {
	margin-bottom: 0;
}
/* Suchfeld 206 x 32 px, Lupe links, kein Button */
.widget_search .search-form label {
	display: block;
	width: 100%;
}
.widget .search-field,
.widget_search .search-field {
	width: 95.5%;
	height: 32px;
	line-height: 1.2em;
	font-size: 14px;
	color: #373737;
	box-sizing: border-box;
}
/* PowerPress-Abo-Widget: wie im Original schlichte Links */
.widget_powerpress_subscribe .pp-ssb-widget a {
	font-weight: bold;
}

/* =============================================================
   17) v1.1 – ARCHIV-/SUCHTITEL: "KATEGORIEARCHIV: BILDER ARTIKEL"
   (Twenty Eleven .page-title 10px, 500, #666, uppercase, .1em)
   ============================================================= */
.page-header .page-title,
.page-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-header .taxonomy-description,
.page-header .archive-description {
	margin-top: 0;
	margin-bottom: 1.625em;
}
.page-header .taxonomy-description p {
	margin-bottom: 1.625em;
}
.separate-containers .page-header {
	margin-bottom: 0;
}

/* Paginierung (WP-PageNavi) mittig wie Original */
.wp-pagenavi {
	text-align: center;
	margin: 0 0 1.625em;
}
.paging-navigation .nav-links {
	text-align: center;
}

/* =============================================================
   18) v1.1 – 404 wie Twenty Eleven (ohne Sidebar, Suche im grauen Band,
   3 Spalten + Schlagwoerter)
   ============================================================= */
.error404 .inside-article {
	border-bottom: 0;
	padding-bottom: 0;
}
.error404 .webdone-404-search {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.2% 1.625em;
	padding: 1.625em 8.2%;
}
.error404 .webdone-404-search .search-form {
	display: block;
}
.error404 .webdone-404-search label {
	display: block;
}
.error404 .webdone-404-search .search-field {
	background: #fafafa url(images/search.png) no-repeat 5px 6px;
	border-radius: 2px;
	font-size: 14px;
	height: 32px;
	padding: 4px 10px 4px 28px;
	width: 100%;
	box-sizing: border-box;
}
.error404 .webdone-404-search .search-submit {
	display: none;
}
.webdone-404-widgets {
	display: flow-root;
}
.webdone-404-widgets .widget {
	float: left;
	width: 30.85%;
	margin: 0 3.7% 1.625em 0;
	font-size: 13px;
}
.webdone-404-widgets .widget_archive {
	margin-right: 0;
}
.webdone-404-widgets .widget_tag_cloud {
	float: none;
	clear: both;
	width: 100%;
	margin-right: 0;
}
.webdone-404-widgets .widgettitle {
	color: #373737;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 2.6em;
	text-transform: uppercase;
	margin: 0 0 1em;
}
.webdone-404-widgets ul,
.entry-content .webdone-404-widgets ul {
	margin: 0;
	padding: 0;
}
.webdone-404-widgets .widget ul li {
	list-style: square outside;
	margin: 0;
	padding: 0;
}
.webdone-404-widgets select {
	font-size: 13px;
	padding: 1px 2px;
	border: 1px solid #767676;
	background: #fff;
	color: #000;
}
.webdone-404-widgets ul ul,
.entry-content .webdone-404-widgets ul ul {
	margin: 0 0 0 1.5em;
}
.webdone-404-widgets li {
	color: #777;
	font-size: 13px;
	line-height: 1.625;
}
.webdone-404-widgets a {
	font-weight: bold;
}
.webdone-404-widgets .widget_archive p {
	font-size: 15px;
	margin-bottom: 1.625em;
}
.webdone-404-widgets .tagcloud a {
	font-weight: normal;
}
@media (max-width: 768px) {
	.webdone-404-widgets .widget {
		float: none;
		width: auto;
		margin-right: 0;
	}
}

/* =============================================================
   19) v1.1 – GALERIE ([gallery]) wie WP-Standard unter Twenty Eleven:
   33 % Spalten, 10px oben, Bildunterschrift mit Abstand.
   ============================================================= */
.gallery {
	margin: 0 auto 1.625em;
}
.gallery .gallery-item {
	margin: 10px 0 0;
	vertical-align: top;
	text-align: center;
}
.gallery .gallery-icon img {
	margin: 0 auto;
}
.gallery .gallery-caption {
	margin: 0 0 1.4em;
	text-align: center;
	line-height: 1.5;
}

/* =============================================================
   20) v1.1 – TABELLEN-Bedienelemente (TablePress/DataTables) wie Original:
   Browser-Standard-Suchfeld statt GP/Theme-Optik
   ============================================================= */
.dt-container input[type=search],
.dataTables_wrapper input[type=search] {
	background: #fff;
	color: #000;
	box-shadow: none;
	font-size: 15px;
}

/* =============================================================
   21) v1.1 – ANHANG-SEITE (image.php): grosses Bild, Zurueck/Weiter
   ============================================================= */
.image-attachment .entry-attachment {
	background: #f9f9f9;
	margin: 0 0 1.625em;
	padding: 0;
	text-align: center;
}
.image-attachment .entry-attachment img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	padding: 0;
	border: 0;
}
.image-attachment .entry-attachment figcaption {
	color: #666;
	font-size: 15px;
	text-align: center;
	padding: .8em 1em;
}
.image-attachment .entry-attachment figcaption p {
	margin: 0;
}
.image-navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1em;
	font-size: 13px;
	margin: 1em 0;
}
.image-navigation a {
	font-weight: bold;
}
.image-navigation .nav-next {
	margin-left: auto;
	text-align: right;
}
.image-navigation .nav-parent {
	text-align: center;
}
.image-attachment .entry-header .entry-title {
	padding-right: 0;
}

/* =============================================================
   22) v1.1 – GALERIE-LIGHTBOX (GLightbox) im Seitenstil
   ============================================================= */
.glightbox-clean .gslide-description {
	background: transparent;
}
.glightbox-clean .gdesc-inner {
	padding: 10px 0 0;
}
.glightbox-clean .gslide-title {
	color: #eee;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	margin: 0;
	text-align: center;
}
.glightbox-mobile .glightbox-container .gslide-description {
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%);
}
.goverlay {
	background: rgba(0,0,0,.92);
}
a.webdone-lightbox {
	cursor: zoom-in;
}

/* =============================================================
   23) v1.1 – MOBIL-Feinheiten (Original 390px)
   ============================================================= */
@media (max-width: 768px) {
	.separate-containers .site-main > * {
		padding-left: 7.6%;
		padding-right: 7.6%;
	}
	.separate-containers .inside-right-sidebar {
		padding: 0 7.6%;
	}
	.entry-title,
	.entry-title a {
		font-size: 21px;
		line-height: 1.5em;
	}
	.single .entry-title,
	.page .entry-title {
		font-size: 21px;
		line-height: 1.5em;
	}
	/* Bilder: wie Twenty Eleven links statt zentriert */
	.entry-content .alignleft,
	.entry-content .alignright,
	.entry-content img.alignleft,
	.entry-content img.alignright {
		float: none;
		display: block;
		margin: .4em 0 1.625em;
	}
	.error404 .webdone-404-search {
		margin-left: -8.2%;
		margin-right: -8.2%;
	}
}

/* =============================================================
   24) v1.1 – KOMMENTARE naeher an Twenty Eleven: Avatar links ausserhalb
   der grauen Box, "Name schrieb am Datum:" in einer Zeile
   ============================================================= */
.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list .children {
	margin-left: 0;
}
.comment-list li.comment {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
}
.comment-list .comment-body {
	position: relative;
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 0 1.625em 102px;
	padding: 1.625em;
	width: auto;
	max-width: 68.9%;
	box-sizing: content-box;
}
.comment-list .children .comment-body {
	margin-left: 204px;
	max-width: calc(68.9% - 102px);
}
.comment-list .comment-body .comment-meta {
	margin: 0;
	padding: 0;
	display: block;
}
.comment-list .comment-meta .avatar {
	position: absolute;
	left: -102px;
	top: 0;
	width: 68px;
	height: 68px;
	border-radius: 3px;
	box-shadow: 0 1px 2px #ccc;
	margin: 0;
}
.comment-list .comment-author-info {
	display: block;
	padding: 0;
	font-size: 12px;
	color: #666;
}
.comment-list .comment-author,
.comment-list .comment-metadata {
	display: inline;
	font-size: 12px;
	color: #666;
}
.comment-list .comment-author cite {
	font-style: normal;
	font-weight: 300;
}
.comment-list .comment-author::after {
	content: " schrieb am ";
}
.comment-list .comment-metadata::after {
	content: ":";
}
.comment-list .comment-metadata a {
	font-weight: bold;
	text-decoration: none;
}
.comment-list .comment-content {
	background: none;
	border: 0;
	padding: 0;
	margin: .4em 0 0;
	font-size: 15px;
}
.comment-list .comment-content p {
	margin-bottom: 1.625em;
}
@media (max-width: 768px) {
	.comment-list .comment-body,
	.comment-list .children .comment-body {
		margin-left: 0;
		max-width: none;
		padding-top: 4.5em;
	}
	.comment-list .comment-meta .avatar {
		left: 1.625em;
		top: 1.625em;
		width: 39px;
		height: 39px;
	}
	.comment-list .comment-author-info {
		position: absolute;
		left: calc(1.625em + 50px);
		top: 1.625em;
	}
	.comment-list .children .comment-body {
		margin-left: 1.625em;
	}
}

/* v1.1: Twenty-Eleven-Reset – <b> ist dort NICHT fett (nur <strong>).
   Viele Beitraege beginnen mit <p><b>…</b>, im Original normal gesetzt. */
b {
	font-weight: inherit;
}
footer.entry-meta .comments-link b {
	font-weight: bold;
}