/*
Theme Name: Kohlhammer Blog
Theme URI: 
Description: Dieses Theme basiert auf einem WordPress Core Theme und ermöglicht serverseitig eine Geräte-abhängige Inhalts-Ausgabe. Es sind bereits 3 Menüs (für Kopfzeile, Seitenleiste und Fußbereich) angelegt, die Sie in den Widget-Bereichen platzieren können. Im Gegensatz zu vorigen Versionen des Themes verwendet diese hier CSS3 und enthält keine Fallback-Lösungen für alte Internet Explorer-Versionen, die von Microsoft nicht mehr unterstützt werden. Grafikfragmente sind weitgehend in Vektoren angelegt.
Author: Frank Wagner
Version: 2.1
License: Eigentum der W. Kohlhammer GmbH
License URI: 
Tags: Kohlhammer, cross-browser-support
*/
/*@-webkit-viewport{width:device-width}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}*/
		
body	{font-family:Helvetica, Arial, 'MS Sans Serif', sans-serif;min-height:100%;font-size:12px;line-height:1.334em;/* 16px */background-attachment:fixed;margin:0;-webkit-text-size-adjust:none;overflow-x:hidden;-ms-overflow-style:none;background-color:#d2d6d9;background-image:linear-gradient(bottom, #babdbf 0%, #d2d6d9 100%);} /* easily encode SVGs with https://yoksel.github.io/url-encoder/	*/	

/* =Generika
|____________________________________________________________________________________________*/

p, div, ul, li, table, td, th, input, textarea, caption, select, label {font-family:inherit;font-size:inherit;line-height:inherit;vertical-align:baseline;box-sizing:border-box;}
pre, code	{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:.916em; }

h1	{font-size:2em;/* 24px */line-height:1em;margin:0 0 .75em;}
h2	{font-size:1.667em;/* 20px */line-height:1.1em;/* 22px */	margin:0 0 .9em;}
.widget-title, 
h3	{font-size:1.167em;/* 14px */line-height:1.2143em;/* 17px */margin:0 0 1em;clear:both;font-weight:500;}
p, table,
h4	{font-size:1em;    /* 12px */line-height:1.334em; /* 16px */margin:0 0 1.25em;}
h5	{font-size:.8333em;/* 10px */line-height:1.3em;   /* 13px */margin:0 0 1.55em;}
h6	{font-size:.6667em;/* 8px  */line-height:1.375em; /* 11px */margin:0 0 2.1em; padding-top:2px;}

/*	=A	Inline-Level-Elemente	*/
:lang(de)		{quotes:"\201E" "\201C" "\201A" "\2018";}
:lang(en)   	{quotes:"\201C" "\201D" "\2018" "\2019";}
abbr[title]		{border-bottom:1px dotted rgba(0,0,0,.5);cursor:help;}
small, sup, sub	{font-size:.666em;}
sup, sub		{height:0;line-height:1;position:relative;vertical-align:baseline;} sup {bottom:1ex;} sub {top:.5ex;}
q:before, blockquote p:before	{content:open-quote;}
q:after,  blockquote p:after	{content:close-quote;}

a	{color:#002c76;text-decoration:none;} h1 a, h2 a, h3 a, h4 a, h5 a	{color:inherit;text-decoration:none;}
a:active, a:hover	{color:#0046bf;}
*:focus	{outline-color:#002c76;}

/*	=B	Block-Level-Elemente	*/
div, input, textarea, label, select {box-sizing:border-box;}
table					{border-collapse:collapse;border-spacing:0;max-width:100%;}
th, td	{padding:.3em 1em .3em 0;border:1px solid rgba(0,0,0,.15);border-width:1px 0;text-align:left;}
label					{display:inline-block;padding:.5em 0 .6em;cursor:pointer;}

input, textarea, table, pre, p	{-webkit-border-radius:0;border-radius:0;}


/* Generika für Formularfelder */
form	{margin-top:2em;}
input, textarea, select		{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
input:checked		{background-color:#1a2f62;}

input[type="text"], textarea, select	{background-color:#fff;border:1px solid #1a2f62;outline:0;padding:calc(.5em - 1px) .5em calc(.6em - 1px);}
input[type="checkbox"],
input[type="radio"]		{border:2px solid white;width:1.25em;height:1.25em;}

input[type="checkbox"],
input[type="checkbox"]:focus	{margin:0 .75em 0 1px;float:left;vertical-align:top;outline:1px solid #1a2f62;}

input[type="radio"] {border-radius:50%;box-shadow:0 0 0 1px #1a2f62;vertical-align:text-bottom;}

input[type="submit"], button	{color:#fff;background-color:#1a2f62;margin:0;border:0;padding:.5em 1em .6em;cursor:pointer;}
input[type="submit"]:hover, button:hover,
input[type="submit"]:focus, button:focus	{background-color:#011444;}

select	{padding-right:2em;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpolygon fill='%231a2f62' points='0,0 8,6 16,0 16,3 8,9 0,3 '/%3E%3C/svg%3E") no-repeat 93% 49%;background-size:.75em;} /* einbetten per https://base64.guru/converter/encode/image/svg */


p, ul, ol, dl, pre, table, hr, textarea
			{margin:0 0 1.25em;}
pre			{overflow:scroll;padding:1.5em;}
img, a img	{border:none;}
ul			{list-style-type:disc;}
ul, ol		{margin-left:0;padding-left:1.5em;}
ol			{list-style:decimal;} ol ol {list-style:upper-alpha;} ol ol ol {list-style:lower-roman;} ol ol ol ol {list-style:lower-alpha;}
ul ul, ol ol, ul ol, ol ul		{margin-bottom:0;}
li, dd					{margin-bottom:.625em;vertical-align:baseline;}
dt, th					{color:#000;}
h1, h2, h3, h4, h5, h6	{clear:both;font-weight:400;}
hr						{background-color:#e4eaee;border:0;height:1px;}
iframe					{clear:both;margin-bottom:2em;max-width:100%;}


		/*	=C	Hilfsklassen
		|.................................................................................…*/

.notification	{z-index:9999;position:fixed;top:0;left:0;width:100%;background-color:rgba(0,33,64,.9);color:#fff;padding:1em 2em 1.2em;text-align:center;box-shadow:0 .75em .75em 0 rgba(0,0,0,.25);
-webkit-animation:fadein 3s;
   -moz-animation:fadein 3s;
	 -o-animation:fadein 3s;
	-ms-animation:fadein 3s;
		animation:fadein 3s;
		border:1px solid;border-color:rgba(255,255,255,.15) rgba(0,0,0,.08) rgba(0,0,0,.18) rgba(0,0,0,.08);}
.notification span		{display:inline-block;padding:.25em 0 .5em;}
.notification span a,
.notification span a:hover,
.notification span a:visited,
.notification span a:focus		{color:#abd6ff;}

.button,
a.button:hover,
a.button:active,
a.button:focus,
a.button:visited	{display:inline-block;padding:.25em 1em .5em;background-color:white;color:#000;text-decoration:none;border-radius:.125em;border:1px solid;border-color:rgba(255,255,255,.15) rgba(0,0,0,.08) rgba(0,0,0,.35) rgba(0,0,0,.08);background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,.33) 100%);}
.screen-reader-text	{position:absolute;left:-9000px;}
.nowrap				{white-space:nowrap;}
.clear				{clear:both;display:block;height:0;line-height:0;font-size:0;}
.clr::after,
.navigation::after	{content:'';display:block;clear:both;width:0;height:0;} .clb	{clear:both;float:left;}
.odd				{background:#f4f6f8; } /* für Zebrastreifen-Effekt z. B. bei Tabellen */
.left	{float:left;}	.right	{float:right;}
.shadow		{box-shadow:0 .5em .75em rgba(0,0,0,.3);}
.question	{font-weight:bold;color:#002c76;clear:both;}	.answer	{font-style:italic;}
.pdf a,
a.pdf	{display:inline-block;background:url(images/icon-pdf-file.png) 0 0 no-repeat;padding-left:2em;}
.redundant, .redundant a {color:inherit;opacity:.5;} a.redundant:hover, .redundant a:hover {opacity:1;}

.error,
.required	{color:red;}

.mit-rahmen th, .mit-rahmen td		{border:1px solid #000;}
.unliniert, .unliniert th, .unliniert td, .mit-rahmen, 
.grau, .blau, .gruen, .gelb, .rot 	{border:none;}
									
.grau  th {background:#ccc;}	.grau  td {background:#ddd;}
.blau  th {background:#a8c2da;}	.blau  td {background:#d1dfec;} /* 50%, 75% */
.gruen th {background:#c4d788;}	.gruen td {background:#e2ebc3;}
.gelb  th {background:#fddc7f;}	.gelb  td {background:#feeebf;}
.rot   th {background:#f1988b;}	.rot   td {background:#f8cbc5;}

.blau th, .blau td, .gruen th, .gruen td, .gelb th, .gelb td, .rot th, .rot td, 
.mit-rahmen th, .mit-rahmen td, .grau th, .grau td {padding:.3em .6em}

.blau th, .blau td, .gruen th, .gruen td, .gelb th, .gelb td, .rot th, .rot td, 
.grau th, .grau td {border-color:#fff;}

.fullwidth	{width:100%;}

/* =Layout
|____________________________________________________________________________________________*/
/*Satzspiegel-Komponenten – immer mit !important, um Kaskadierungskonflikte zu vermeiden. Navigationsleiste muss entsprechend angepasst werden. 

	Spalten:	1 		2		3		4		5		6		7		8
	Breite:		60px	150px	240px	330px	420px	510px	600px	660px
				5em		12.5em	20em	27.5em	35em	42.5em	50em	55em

	Seitenbreite:	750px	62.5em
	Stege:			30px
	Seitenrand:		30px	*/

.ssp	{padding-left:2.5em!important;padding-right:2.5em!important;box-sizing:border-box;float:left;clear:both;width:100%;overflow-x:hidden;} 
#wrapper{position:absolute;top:0;left:50%;margin:0 -31.25em;background-color:#fff;width:62.5em;box-shadow:0 4px 10px 0 rgba(0,0,0,.5);}
main	{clear:both;overflow:visible;padding:2em 0 2em;background-color:white;}

#content	{float:left;width:35em;}

.one-column	#content, 
.single-attachment #content		{width:55em;}

footer		{clear:both;padding-top:2em;padding-bottom:2em;margin:0;background-color:#001037;color:white;} /* Wenn er's mal wieder grau haben moechte #444 */
footer a, footer a:hover	{color:inherit!important;text-decoration:underline;}
footer p		{clear:none;width:12.5em;margin:0 2.5em 0 0;} footer p:last-child {margin:0;}
footer svg *	{fill:white;}
footer svg		{height:4em;width:auto;}
footer adress		{width:100%;float:left;display:flex;flex-direction:row;justify-content:center;align-items:top;}

#top-anchor		{width:36px;height:36px;position:fixed;bottom:1.2em;right:1em;text-align:center;background-color:rgba(0,44,118,0.2);border-radius:50%;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.5), inset 0 -1px 1px 0 rgba(0,0,0,.2);}
#top-anchor	svg	{width:24px;height:24px;display:block;margin:6px auto auto;}
#top-anchor	polygon	{fill:white;}


img#wpstats			{display:block;margin:0 auto 1em;}

#site-info		{float:left;margin-left:2em;width:35em;}


/*	=Header
|_____________________________________________________________________________________________*/


header			{margin:0;padding-top:1.5em;background-color:white;overflow:hidden;}
#header-image	{display:block;margin:0;width:100%;}
header ul, .widget-area ul	{padding:0;}

	/*	Logo  */
#site-title	{overflow:visible;float:left;display:block;clear:both;margin:0 0 .6em;font-size:2em;/* 24px */line-height:1em;}
#site-title	img	{height:1.5em;width:auto;}
#site-description 	{font-size:1.33em;line-height:1.666em;color:white;float:left;clear:both;margin-left:.75em;}		

	/*	=Menu
	|_________________________________________________________________________________________*/

nav.header	{background-color:#1a2f62;}

nav.header ul	{list-style:none;margin:0;padding:0;width:100%;}
nav.header li	{float:left;position:relative;margin:0;} 
nav.header li:first-child {margin-left:-1em;}

nav.header a	{color:rgba(255,255,255,.9);display:block;padding:.7em 1em .8em;text-decoration:none;font-weight:bold;} 
nav.header a:hover {color:white;text-decoration:none;}

nav.header ul			 ul	{display:none;position:absolute;top:28px;z-index:999;margin:0;border:0;}
nav.header ul li:hover > ul	{display:block;}

nav.header ul ul li	{float:left;clear:left;border:0;}
nav.header ul ul ul	{left:100%;top:0;}

	/* Zweite Ebene */
nav.header ul ul a		{background-image:none;border:1px solid;width:13.666em;border-color:rgba(217,239,255,.5) rgba(0,0,0,.2) rgba(0,0,0,.66);box-shadow:0 3px 3px rgba(0,0,0,.3);}
nav.header li > a:hover,
nav.header ul ul :hover > a	{background:rgba(255,255,255,.1);}

nav.header li li:hover > a		{background:#003d78;}
						
nav.header ul li.current_page_item > a,
nav.header ul li.current-menu-ancestor > a,
nav.header ul li.current-menu-item > a,
nav.header ul li.current-menu-parent > a		{color:#fff;}


	.dfrads		{margin:0;}
	.dfrads .widget-title	{font-size:.75em;font-weight:normal;color:#6b7073;font-family:"MS Sans Serif", Monaco, sans-serif; }
	
	
	.dfrads a	{display:block;float:left;clear:both;margin:0;}
	.dfrads img	{max-width:222px;float:left;display:block;margin:0;}
	#primary .dfrads img,
	#secondary .dfrads img	{border:1px solid rgba(0,0,0,.25);}

	#r-outer {padding:0;width:160px;position:absolute;left:50%;margin:0 386px;}
	#r-outer .widget-container	{background:transparent;border:0;}
	#r-outer .widget-title	{color:rgba(0,0,0,.33);}
	#r-outer .dfrads a		{margin:0;box-shadow:0 4px 10px 0 rgba(0,0,0,.5);}
				
/* =Content
|____________________________________________________________________________________________*/

.hentry			{border:solid rgba(0,0,0,.5);border-width:0 0 1px;margin:0 0 2em;}
.single .hentry	{border-width:1px 0;padding-top:1.5em;}
.edit-link a	{border:1px solid #002c76;padding-left:.5em;padding-right:.5em;display:inline-block;}

.home .sticky	{background:#f2f7fc;border-top:4px solid #000;margin-left:-2em;margin-right:-2em;padding:1.75em 2em;}
					
body.page		h1.entry-title,
body.archive	h1.page-title	{ border-bottom: 4px solid #d9d9d9;	padding:0 0 .5em; }
			
.page-title span	{font-style:italic;white-space:nowrap;}

.entry-meta,
.entry-utility	{color:rgba(0,0,0,.5);clear:both;}
.entry-utility	{margin:0;padding:0 0 2em;}

.entry-content,
.entry-summary		{clear:both;padding:0;}

a.readon	{display: inline-block; }

.page-link	{clear:both;color:#000;font-weight:bold;margin:0 0 22px 0;}
.page-link a:link,
.page-link a:visited	{background:rgba(0,0,0,.05);color:red;font-weight:normal;text-decoration:none;}
.home .sticky .page-link a	{background:#d9e8f7;}
body.page .edit-link	{clear:both;display:block;}

#entry-author-info	{background:#f2f7fc;border-top:4px solid #000;clear:both;margin:24px 0;overflow:hidden;padding:18px 20px;}
#entry-author-info h2	{ color:#303c40; }
#entry-author-info #author-avatar	{background:#fff;border:1px solid rgba(0,0,0,.09);float:left;height:5em;margin:0 -104px 0 0;padding:11px;}


	/* =Grafiken
	'------------------------------------------------------------------------------------------
	Spalten:	1 		2		3		4		5		6		7		8
	Breite:		60px	150px	240px	330px	420px	510px	600px	660px
				5em		12.5em	20em	27.5em	35em	42.5em	50em	55em	*/

	.hentry img	{max-width:100%!important;height:auto;} /*	Satzspiegel beschränken	*/

	.size-icon	{width:4em;}
	.size-thumbnail,
	.size-small	{width:12.5em;}
	.size-medium	{width:20em;}
	.size-large	{width:100%;}
				
	.wp-post-image,
	.alignleft		{display:block;float:left;margin:.25em 2em 1.25em 0;}
	.alignright		{display:block;float:right;margin:.25em 0 1.25em 2em;}
	.aligncenter	{clear:both;display:block;margin:.25em auto 1.25em;}

	.wp-caption		{margin-bottom:1.2em;max-width:100%;}
	.wp-caption img	{margin:0 auto .25em;width:inherit; height:auto;}
	.wp-caption p.wp-caption-text	{clear:both;margin:0;}

/*	Gallery macht in Zeiten von Social Media keinen Sinn mehr */

	/* =Navigation
	'----------------------------------------------------------------------------------------*/

.navigation			{overflow:hidden;}
.navigation a		{display:inline-block;width:100%;}
.navigation svg		{height:.5em;margin-top:.5em;}
.navigation .fill	{fill:#002c76;}

.nav-previous	{width:48%;float:left;}
.nav-next		{width:48%;float:right;text-align:right;}

.navigation   .string	{width:calc(100% - 1em);display:inline-block;}

.nav-previous	 svg,
.nav-next	  .string	{float:left;}
.nav-next		 svg,
.nav-previous .string	{float:right;}

.widget-area.mobile,
.mobile .widget-container	{ 
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.66) 100%);
	background-image:	      linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.66) 100%);
}	/* gewölbte Oberfläche */

main .widget-area		{float:right;overflow-x:hidden;width:20em;padding:0;margin:0 0 2em 0;}
main .widget-container	{padding:1em 0 2em;border-bottom:1px solid rgba(0,0,0,.5);}
main .widget-container.first	{padding-top:0;}
main .widget-container.last		{border:0;}


.widget-area ul			{list-style:none;margin-left:0;}

.widget_nav_menu		{padding:0;border-width:0!important;}
.widget_categories li,
.widget_nav_menu li		{margin:0;}
.widget_nav_menu li a	{padding:.75em 0 1em;}

		/* Das Hauptmenue an oberster Stelle im seitlichen Widget-Bereich */
		.widget_nav_menu .widget-title	{display:none;}
.mobile	.widget_nav_menu .widget-title	{display:block;}

.mobile .widget-content	{padding-top:1em;padding-bottom:1.1em;}


#primary.mobile	{height:auto;overflow:visible;background-color:#babdbf;margin:0;padding:0;float:left;width:100%;box-shadow:0 3px 6px 1px rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.75), inset -1px 0 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(0,0,0,.4);}
#primary.mobile .widget-title		{width:100%;height:100%;margin:0;text-align:center;}
#primary.mobile .widget-title svg	{width:1.5em;margin-top:.66em;height:auto;}
#primary.mobile .widget-title svg *	{fill:#002c76;}
#primary.mobile .pressed .widget-title svg * {fill:black;}
#primary.mobile .widget-container		{float:left;border:0;padding:0;margin:0;height:3.5em;width:20%;background-color:#babdbf;}
#primary.mobile .widget-container.last			{border-right:1px solid rgba(255,255,255,.5);box-sizing:content-box;}
#primary.mobile .widget-container.last.widget-5	{border-right:0;} /* Das letzte Widget darf nur dann die rechte Kontur haben, wenn es nicht bis zum Bildschrimrand geht */

.mobile .no1 > div, .mobile .no6 > div	{left:0;} 
.mobile .no2 > div, .mobile .no7 > div	{left:-100%;}
.mobile .no3 > div, .mobile .no8 > div	{left:-200%;} 
.mobile .no4 > div, .mobile .no9 > div	{left:-300%;} 
.mobile .no5 > div, .mobile .no10 > div	{left:-400%;} 

.mobile .widget-container	{box-shadow:inset 0 1px 0 0 rgba(255,255,255,.75), inset 1px 0 0 0 rgba(255,255,255,.5), inset -1px 0 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(0,0,0,.4);}
.mobile .widget-content		{background-color:#e5e5e3;display:none;position:relative;box-sizing:border-box;width:100vw;
box-shadow:0 3px 6px 1px rgba(0,0,0,.2), inset 0 1px 1px 0 rgba(255,255,255,.75), inset 1px 0 0 0 rgba(255,255,255,.5), inset -1px 0 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(0,0,0,.4);}




	/* Suchfeld */
#searchsubmit, #submit, input.submit	{clear:none;float:right;width:auto!important;}

.widget_search #s		{width:calc(100% - 6em);}
.widget_search:hover #s,  
.widget_search #s:focus	{outline:none;background:white; }  
.widget_search label	{display:none;}

#primary .menu, 
#primary .menu ul		{padding:0;margin:0;list-style:none;z-index:200;}

#primary	.menu li a,
#secondary	.menu li a	{display:block;padding:.33em 1em .5em;text-decoration:none;white-space:nowrap;font-weight:bold;}

#primary .menu li:hover			{position:relative;z-index:300;}
#primary .menu li:hover > ul	{right:-1px;left:auto;margin-right:100%;top:0px;}
#primary .menu li:hover > ul ul	{position:absolute;left:-9999px;top:-9999px;width:auto;}
#primary .menu li:hover > a		{background-color:#a8c2da!important;border:1px solid;border-color:#bed1e3 #94aabf #7e91a3;}
#primary .menu li:hover > a:hover	{background:#a8c2da!important;color:black}
#primary .menu li:hover li a	{color:#002c76;background:rgba(0,0,0,.12);}

		/* Anzeige der letzten x Artikel */
.widget_recent_entries li,
.widget_recent_comments li	{ border-top: 1px solid #c4c4c4; 
							margin: 6px 0 -6px 0px; padding: 5px 0 6px 0; display: block; }

.widget_calendar table		{width:100%;border-spacing:0;margin:0;border-collapse:collapse;}
.widget_calendar caption	{background-color:#6184c2;color:#fff;font-size:1.25em;padding-top:.2em;padding-bottom:.23em;line-height:1.25em;}
.widget_calendar th,
.widget_calendar td	{line-height:2em;border:1px solid rgba(0,0,0,.3);border-top:0;text-align:center;padding:0;}
.widget_calendar th	{background:rgba(0,0,0,.15);font-size:.75em;line-height:2.5em;}
.widget_calendar td	{background:rgba(255,255,255,.5);border-color:#c4c4c4 #b3b3b3;color:#777;}
.widget_calendar tbody a	{font-weight:bold;display:block;}
.widget_calendar tbody a:hover	{color:#fff;background:#002c76;}
.widget_calendar tfoot td 	{border:0;padding-top:.5em; }
.widget_calendar #prev		{text-align:left;}
.widget_calendar #next		{text-align:right;}


	
.mobile .widget_recent_entries li,
.mobile .widget_recent_comments li,
.mobile .widget_meta a,
.mobile .widget_rss li,
.mobile .widget_archive a,
.mobile .widget_categories li,
.mobile .widget_pages a,
.mobile .menu li a,
.mobile .menu li a:hover,
.mobile .menu li:hover > a:hover {color:#004b93;padding:.8em 20px 0.9em;border:solid;border-width:1px; border-color: rgba(255,255,255,.75) rgba(0,0,0,.2) rgba(0,0,0,.4) rgba(255,255,255,.5); 
			text-decoration:none;display:block;background-color:#e5e5e3!important; }


	/* RSS */
.widget_rss .widget-title a.rsswidget			{color:#000;}
.widget_rss .widget-title img	{width:11px;height:11px;}

.widget_categories ul ul	{margin-left:1em;} 


/* Main sidebars */
main .widget-area ul		{margin:0;}
main .widget-area ul ul	{border:none;padding:0;}


.widget_social li			{display:inline-block;clear:none;}
.widget_social a svg		{opacity:.4;}
.widget_social a:hover svg	{opacity:1;}
.widget_social svg .fill	{fill:black;}			
.widget_social svg .trans	{fill:transparent;}			
.widget_social li svg		{width:2.5em;margin:0 1.5em .3em 0;height:auto;cursor:pointer;}

.dev	{position:fixed;left:0;width:100vw;box-sizing:border-box;padding:.6em;font-size:10px;} .dev.bottom {bottom:0;} .dev.top {top:0;}
.dev a, .dev a:visited	{color:#fff;display:inline-block;cursor:pointer;padding:.2em .6em .3em;border-radius:.25em;opacity:.5;background-color:#000;border:1px solid #000;}
.dev svg	{cursor:pointer;border-radius:.25em;opacity:.5;border:1px solid #000;height:1.75em;width:auto;vertical-align:bottom;}
.dev a, .dev svg {margin-left:.5em;} .dev a:hover, .dev svg:hover {opacity:.66;} .dev #showDim {background-color:transparent;color:#000;box-sizing:border-box;}


@media only screen and (max-width:750px)	{	/* Sobald die „Seiten“-Layout-Größe unterschritten wird	*/
	body	{font-size:14px;background-color:#fff;scrollbar-width:none;} body::-webkit-scrollbar {display:none;}
	#wrapper{left:0;margin:0;width:100vw;box-shadow:none;}
	
	/*	Erste Überschrift nicht ganz doppelt so groß */
	h1	{font-size:1.7142em;/* 24px */line-height:1.125em; /* 26px */margin:0 0 .7em;}
	h2	{font-size:1.4285em;/* 20px */line-height:1.1em;/*	  22px */margin:0 0 .93em;}
	h3	{font-size:1.1428em;/* 16px */line-height:1.1875em;/* 20px */margin:0 0 1.1em;}
	h4,p{font-size:1em;     /* 14px */line-height:1.25em;  /* 18px */margin:0 0 1.25em;}
	h5	{font-size:.85714em;/* 12px */line-height:1.3333em;/* 16px */margin:0 0 1.47em;}
	h6	{font-size:.71428em;/* 10px */line-height:1.4em;   /* 14px */margin:0 0 1.8em;}
	
	#site-title	img	{height:auto;width:100%;}
	nav.header a		{color:#e1e6eb;background:none;height:auto;padding:1em 1em 1.2em;}
	nav.header li:hover > a,
	nav.header ul ul :hover > a {background:none;color:#fff;}

	#content	{width:auto;max-width:100%;}
	main .widget-area	{width:100%;float:left;border-top:1px solid rgba(0,0,0,.5);padding-top:2em;}
	main .widget_social ul	{display:flex;}	
	footer span, footer a				{display:inline-block;float:none;clear:none;}
	footer span::after, footer a::after	{content:', ';display:inherit;}
	footer span:last-child::after,
	footer a:last-child::after			{content:'';display:inherit;}
	
	footer p			{width:auto;margin:0 0 1.25em;}
	footer adress		{flex-direction:column;}
	footer a, footer a:link	{text-decoration:underline;}

	nav.header, footer, #wp-calendar caption {box-shadow:inset 0 6px 8px -4px rgba(0,0,0,0.25);background-image:none;}

}
@media only screen and (max-width:480px)	{
	body {font-size:14px;}
	#header-image	{display:none;}
	.ssp, .mobile .widget-content, .mobile .cat-item	{padding-left:2.7vw!important;padding-right:2.7vw!important;max-width:100vw;} 
	#primary .widget_categories .widget-content {padding:0}
	.mobile .widget_social li svg	{width:12vw;margin:0 5.5vw 6vw 0;}
	.mobile .cat-item		{margin:0 -2.7vw;}
	.size-thumbnail, 
	.size-small			{width:33.6vw;}
	.size-medium		{width:45.8vw;}
	.wp-post-image,
	.alignleft		{margin:.25em 3vw 2.5vw 0;}
	.alignright		{margin:.25em 0 2.5vw 3vw;}
	.aligncenter	{margin:.25em auto 2.5vw;}
	th, td	{padding:.3em;}
	input, textarea	{font-size:1.25em;}
}
@media screen and (orientation:landscape) and (max-height:480px) { 
	#primary.mobile .widget-container		{width:6em;}
}
@media (hover:none) { /* touch screen specifics */
	a, a:link, a:active, a:hover	{color:#004b93;text-decoration:none;} *:focus {outline-width:2px;}
}
@media print	{
	body	{background:none!important;font-size:12pt;} h1 {page-break-before:always;} h1, h2, h3, h4, h5, h6 {page-break-after:avoid;}	#wrapper {position:relative;width:100%;} .edit-link, .page-link, .widget-area, nav	{display:none!important;}
}