/* by Matthias Mueller-Prove for www.mprove.de */
/*@import url("https://fonts.googleapis.com/css?family=Nunito+Sans|Source+Sans+Pro:500,400,300,200|Source+Code+Pro|EB+Garamond|Josefin+Sans:100,300|Hammersmith+One");*/

/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/nunito-sans-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'),
	   url('../_font/nunito-sans-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_font/nunito-sans-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_font/nunito-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../_font/nunito-sans-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_font/nunito-sans-v3-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/source-code-pro-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro'), local('SourceCodePro-Regular'),
	   url('../_font/source-code-pro-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_font/source-code-pro-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_font/source-code-pro-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../_font/source-code-pro-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_font/source-code-pro-v7-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/eb-garamond-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('EB Garamond Regular'), local('EBGaramond-Regular'),
	   url('../_font/eb-garamond-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_font/eb-garamond-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_font/eb-garamond-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../_font/eb-garamond-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_font/eb-garamond-v9-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}
/* eb-garamond-italic - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('../_font/eb-garamond-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('EB Garamond Italic'), local('EBGaramond-Italic'),
	   url('../_font/eb-garamond-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_font/eb-garamond-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_font/eb-garamond-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
	   url('../_font/eb-garamond-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_font/eb-garamond-v9-latin-italic.svg#EBGaramond') format('svg'); /* Legacy iOS */
}
/* hammersmith-one-regular - latin */
@font-face {
  font-family: 'Hammersmith One';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/hammersmith-one-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Hammersmith One'), local('HammersmithOne'),
	   url('../_font/hammersmith-one-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_font/hammersmith-one-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_font/hammersmith-one-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../_font/hammersmith-one-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_font/hammersmith-one-v8-latin-regular.svg#HammersmithOne') format('svg'); /* Legacy iOS */
}

/* josefin-sans-100 - latin */
@font-face{
	font-family: "Josefin Sans";
	font-style: normal;
	font-weight: 100;
	src: url(../_font/josefin-sans-v12-latin-100.eot), local("Josefin Sans Thin"), local("JosefinSans-Thin"), url(../_font/josefin-sans-v12-latin-100.eot?#iefix) format("embedded-opentype"), url(../_font/josefin-sans-v12-latin-100.woff2) format("woff2"), url(../_font/josefin-sans-v12-latin-100.woff) format("woff"), url(../_font/josefin-sans-v12-latin-100.ttf) format("truetype"), url(../_font/josefin-sans-v12-latin-100.svg#JosefinSans) format("svg"); }
/* josefin-sans-300 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../_font/josefin-sans-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Josefin Sans Light'), local('JosefinSans-Light'),
	   url('../_font/josefin-sans-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_font/josefin-sans-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_font/josefin-sans-v12-latin-300.woff') format('woff'), /* Modern Browsers */
	   url('../_font/josefin-sans-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_font/josefin-sans-v12-latin-300.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-regular - latin */
@font-face{
	font-family: "Josefin Sans";
	font-style: normal;
	font-weight: 400;
	src: url(../_font/josefin-sans-v12-latin-regular.eot), local("Josefin Sans Regular"), local("JosefinSans-Regular"), url(../_font/josefin-sans-v12-latin-regular.eot?#iefix) format("embedded-opentype"), url(../_font/josefin-sans-v12-latin-regular.woff2) format("woff2"), url(../_font/josefin-sans-v12-latin-regular.woff) format("woff"), url(../_font/josefin-sans-v12-latin-regular.ttf) format("truetype"), url(../_font/josefin-sans-v12-latin-regular.svg#JosefinSans) format("svg"); }

/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../_font/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
	   url('../_font/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_font/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_font/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
	   url('../_font/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_font/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../_font/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
	   url('../_font/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_font/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_font/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
	   url('../_font/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_font/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
	   url('../_font/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_font/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_font/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../_font/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_font/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/*----- Layout -----*/
body { margin:0; padding:0; bgcolor: #fff; }
#content-wrapper, .tocbanner, .phototoc, .google, body > h1, body > h2, body > h3, body > h4, body > p, body > ul, body > ol, body > blockquote, body > table, body > img, body > .twocolumns, body > .indent, body > .threecolumns, csobj > .threecolumns, body > iframe, body > csobj > dl, body > csobj > h1, body > csobj > h2, body > csobj > ul, .photo, #disqus_thread, div.legal
	{
	max-width: 1200px;
	margin-right: 5%;
	margin-left: 7%;
	}

.article {
	clear: both;
	margin-left: 7%;
	padding-left: 130px;
	max-width: 800px ;
	margin-top: 3em;
	margin-right: 5%;
	}

.banner{
	max-width: 800px ;
	margin: 1em 5% 2em 7%;
	padding: 1em 1em 1em 130px;
	}
	
.cover {
	background-position: 50% center;
	width: 100%;
	height: 200px;
	max-height: 22vh;
	background-size: cover; }

.sectiondevider {
	position: absolute;
	left: 0;
	width: 100%;
	height: 200px;
	margin-top: 100px;
	background-size: cover;
	box-shadow: inset 2px 4px 12px -8px;
	}
.sectiondevider-post {
	height: 300px;
	margin-bottom: 5em;
	display: block;
	}
		
.marginalnote, .sidesticker {
	font-style: normal;
	line-height: 130%;
	text-align: left;
	margin-right: -130px;
	position: relative;
	z-index: 2;
	left: -130px;
	width: 120px ;
	float: left;
	margin-left: 0;
	display: block; }
dd .marginalnote, dd .sidesticker {
	left: -170px;
	}

.article>img, .article>*>img, .article>*>*>img, blockquote img, .figure img	{
	width: auto;
	height: auto !important;
	max-width: 100%;
	max-height: 90vh; }

iframe 				{
	margin-bottom: 2em;
	display: block; }
csobj+iframe 		{
	margin: 0px;
	max-width: 100%;
					}
	
/*––––– fonts –––––*/
* {
	font-size: 17px;
	font-family: "Nunito Sans", Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	letter-spacing: -0.1px; }
* em {letter-spacing: 0px;}
.menu *, .sidebar th * {
	font-family: "Hammersmith One", "Nunito Sans", Helvetica, sans-serif;
	font-weight: 400; }

.copyright, .copyright * {
	font-size: 11px;
	}

.breadcrumb, .breadcrumb *, .toc *, nav *, .tiles li, .tiles li *, .sticker, .sticker *, .sidesticker-content, .sidesticker-content *, blockquote.twitter-strip, blockquote.twitter-strip *, .header p:last-child, .header p:last-child *, .figure, .figure * {
	font-size: 16px;
	}

.sidebar *, .marginalnote, .marginalnote *, .legal, .legal * {
	font-size: 14px;
	}
	
.toc h2 {
	font-size: 20px;
	line-height: 22px;
	}
	
.intro, .intro p+p, .intro p+p *, .sans11, .sans11 *, blockquote, blockquote * {
	font-size: 18.5px;
	}
		
h1, h1 * 			{
	font-size: inherit;
	font-family: "EB Garamond", Rockwell, Georgia, "Courier New", Courier, Monaco, monospace;
	font-weight: 400;
	letter-spacing: -1pt; }
	
body, p, td, li, dl, dt, .sans11, .toc { color: #526378; }

p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-limit-chars: 8 3 3;
	-moz-hyphenate-limit-chars: 8 3 3;
	hyphenate-limit-chars: 8 3 3;
	hyphenate-limit-lines: 2;
	}

/*––––– links –––––*/	
a 										{ color: #2e7dac; text-decoration: none; }
.article p a, .email a, h2 a 			{ font-weight: 600; letter-spacing: -1px; }

*:hover > a:not(.btn),
*:hover > * > a:not(.btn),
.article ul:hover a:not(.btn),
.mainbar 	p:hover a:not(.btn),
/* .article p:hover a, .article ol:hover a, */
twocolumns:hover a:not(.btn),
.threecolumns:hover a:not(.btn),
table:hover a:not(.btn),
.sidebar:hover a:not(.btn),
.entry-content:hover a:not(.btn)		{ border-bottom-style: dashed; border-bottom-width: 1px; }

.article p:hover a:visited,
.article ul:hover a:visited,
.article ol:hover a:visited,
.article dl:hover a:visited,
.mainbar p:hover a:visited,
.header:hover a:visited,
.sidesticker:hover a:visited,
.twocolumns:hover a:visited,
.threecolumns:hover a:visited,
.sidebar:hover a:visited,
.entry-content:hover a:visited 			{ color: #b43831; }

a:hover,
.article ul:hover a:hover,
.mainbar p:hover a:hover,
/*	.article p:hover a:hover,
	.article ol:hover a:hover,
*/
.twocolumns:hover a:hover,
.threecolumns:hover a:hover,
.sidebar:hover a:hover,
.entry-content:hover a:hover 			{ border-bottom-style: solid; border-bottom-width: 1px; }

a.here 									{ border-bottom-style: solid; border-bottom-width: 3px; }

a.imglink {
	text-decoration: none !important;
	border: 0 none !important;
	}
	
.article a.scroll:after					{ content: " \A71C"; }
.article a.scroll 						{ margin-right: 5px; }

a.btn, a.btn:visited, .btn a, .btn a:visited,
label.btn {
	color: #2e7dac;
	border-bottom-width: 1px !important;
	padding: 2px 11px;
	border-color: #909090;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	xbackground-color: rgba(11, 11, 11, 0.7);
	text-decoration: none !important;
	z-index: 11;
	margin-top: 0.5em;
	margin-right: 0.3em;
	border-style: solid;
	white-space:nowrap;
	display:inline-block; }
a.btn:hover, .btn a:hover, *:hover a.btn:hover:visited, *:hover .btn a:hover:visited,
input[type=radio]:checked + label:hover, input[type=radio]:checked + label.btn, a.btn.active {
	color: #fff;
	background-color: #2e7dac; }

h1 			{
	color: #4a5b6f;
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 2em;
	text-shadow: #ddd 2px 1px 3px;
	border-bottom: 1px solid silver; }

h2, xh2 * 			{
	color: #323288;
	margin-top: 48px;
	margin-bottom: 11px;
	text-shadow: #ddd 2px 1px 3px;
	-moz-column-span:all;
	-webkit-column-span:all;
	column-span:all; }
h2, h2 * {
	font-size: 28px;
	line-height: 30px;
	}
h3, h3 *			{
	color: #3e3e3e;
	font-size: 22px;
	letter-spacing: -1px;
	margin-top: 32px;
	margin-bottom: 2px; }
h3 a, h3 a:visited {
	letter-spacing: -1px;
	border-bottom-style: none;
	border-bottom-width: 0; }
h4, h5, h6 			{
	color: #222;
	font-size: 19px;
	letter-spacing: -1px; }
h5,h6 			{ font-size: 17px;}
h6 					{
	letter-spacing: 0;
	margin-left: 1em; }

.apropos {
	font-family: "Josefin Sans", "Helvetica Neue", Hevetica;
	font-weight: normal;
	font-style: italic;
	margin-top: 5em;
	margin-bottom: 0;
	border-bottom: 1px solid #c0c0c0; }
.apropos + *, .apropos + * + ul, .apropos + * + ol, .apropos + ul + h3, .apropos + ul + h3 + ul {
	margin-top: 0;
	padding-top: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
	border-left: 1px solid #c0c0c0; }
.apropos + ul, .apropos + * + ul,
.apropos + ol, .apropos + * + ol {
	padding-left: 2em;
	}
.apropos + ul + h3 {
	font-weight: 400;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em; }

p		{ margin-top: 0.3em; margin-bottom: 1em; line-height: 1.2em; }
dt, dd	{ margin-top: 6px }
ul li		{ list-style-image: url(../_media/styles/marker.gif); left: 0 }
th			{
	background-color: #f9f9f9;
	background-image: url(../_media/styles/headerbar.jpg);
	background-size: contain;
	background-repeat: repeat-x;
	text-align: left;
	padding: 10px 7px 12px; }
hr			{ visibility: hidden; }	

/*––––– quotes –––––*/
q			{ font-style: italic; }
q:before 	{ content: "\00BB"; }
q:after	{ content: "\00AB"; }
blockquote 	{
	margin-left:60px; }
blockquote, blockquote * {
	font-style: italic;
	line-height: 1.3em;
	font-family: "EB Garamond", "PT Serif", Optima, Candara, Lucida; }
blockquote em { font-style: normal; }
.header + blockquote {margin-bottom: 2em;}
.header + blockquote, .header + blockquote * {
	font-size: 24px;
	line-height: 24px;
	text-align: right;
	letter-spacing: -0.42pt;
	margin-right: 0; }

blockquote.twitter-strip, ul.tiles, .sticker, .sidesticker {
	position: relative;
	z-index: 1;
	}
	
blockquote.twitter-strip p, .tiles li, .sticker p, .sidesticker-content {
	background-color: #fff;
	padding: 10px 10px 15px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.04) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.04) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.04) inset; }

blockquote.twitter-strip p:before, blockquote.twitter-strip p:after,
ul.tiles li:before, ul.tiles li:after, 
.sticker p:before, .sticker p:after,
.sidesticker-content:before, .sidesticker-content:after {
	content: '';
	z-index: -1;
	position: absolute;
	left: 10px;
	bottom: 20px;
	width: 70%;
	max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
	max-height: 100px;
	height: 33%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-webkit-transform: skew(-15deg) rotate(-6deg);
	-moz-transform: skew(-15deg) rotate(-6deg);
	-ms-transform: skew(-15deg) rotate(-6deg);
	transform: skew(-15deg) rotate(-6deg); }

blockquote.twitter-strip p:after,
ul.tiles li:after {
	left: auto;
	right: 10px;
	-webkit-transform: skew(15deg) rotate(6deg);
	-moz-transform: skew(15deg) rotate(6deg);
	-ms-transform: skew(15deg) rotate(6deg);
	transform: skew(15deg) rotate(6deg); }

.email, .email *			{
	font-size: 15px;
	font-family: "Source Code Pro", "Courier New", Courier, Monaco, monospace; }
.email 						{
	margin: 11px 44px;
	}
.email blockquote {
	font-style: normal;
	margin-left: -30pt; padding-left: 35pt; border-left: 3px solid #696969
	}

.tiles			{
	padding-left: 0; }
.tiles li 		{
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: text-top;
	width: 330px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 10px;
	display: inline-block;
	position: relative;
	min-width: 296px; }
.article .tiles li,
.mainbar .sticker p {
	line-height: 125%; }	
.tiles li.ln-de 	{
	background-image: url(../_media/icon/flag3-de.png);}
.tiles li.ln-en-us {
	background-image: url(../_media/icon/flag3-us.png); }
.tiles li.ln-en-uk { 
	background-image: url(../_media/icon/flag3-uk.png); }

.sticker 		{
	margin-top: 2em; }
.article .sticker p {
	line-height: 22px;
	width: 320px; }
.sticker p>img 	{
	margin-right: 11px;
	padding-bottom: 5em; }
.sidesticker-content{
	line-height: 22px;
	display: inline-block;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 240px rgba(222, 222, 0, 0.25) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 240px rgba(222, 222, 0, 0.25) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 240px rgba(222, 222, 0, 0.25) inset;
	}

.gray 			{ color: #696969 }
.marker 		{
	background-color: #ffff4f ;
	padding-right: 2px;
	padding-left: 2px; }
.markergreen  	{
	background-color: #93ff67 ;
	padding-right: 2px;
	padding-left: 2px; }
.markerred 		{
	background-color: #ff8fb1 ;
	padding-right: 2px;
	padding-left: 2px; }

.news, .banner 	{
	background: url(../_media/backg/NZZBack.gif) repeat;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
	}
.stripes tr:nth-child(2n+3) td,
.stripes1 tr:nth-child(2n-1) td,
.stripes1 li:nth-child(2n-1) td { background-color: #f8f8ff; }

.invisible 		{ background-color: #bababa; display: none; }

.article p, .article li, .article dt, .article dd,.mainbar .intro p, .mainbar .header+p, .mainbar h1+p  {
	font-weight:400;
	line-height: 1.6em; }
.article blockquote p, .article blockquote li {
	break-inside: avoid;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	}
	
.header h1 						{
	margin-top: 0;
	margin-bottom: 0;
	border-bottom-style: none;
	border-bottom-width: 0; }
.header p 						{
	color: #9a9a9a;
	font-weight: bold;
	line-height: 22px;
	text-shadow: #fff 2px 2px 6px;
	letter-spacing: -1px;
	width: 100%;
	margin-top: 0; }
.header p:first-child	{
	margin-bottom: 4px;
	margin-left: 4px;
	border-bottom: 1px solid silver; }
.header p:last-child	{
	text-align: right;
	border-top: 1px solid silver; }
.header 							{
	margin-bottom: 2em; }

.article strong 			{
	letter-spacing: -0.3pt; }
.indent, p.figure, figure	{ margin: 0 30px 1em 30px }
.legal{
	position: relative;
	display: inline-block; }
.legal, .article .legal {
	font-family: "Courier New", Courier, Monaco;
	background: url(../_media/backg/NZZBack.gif);
	margin-left: 0;
	padding: 16px 15px 21px 18px;
		-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
			border-radius: 7px;
		-moz-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	 -webkit-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
			 box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	text-shadow: #cccccc 1px 1px 2px
	 }
.legal img {
	float: left;
	margin-top: 3px;
	margin-right: 1em;
	margin-bottom: 11px; }
	
p.figure, figure			{ text-align: left; }


.twocolumns, .threecolumns	{
	margin-top: 1.5em;
	margin-bottom: 1em;
	-webkit-column-gap: 3em; /* Chrome, Safari, Opera */
    -moz-column-gap: 3em; /* Firefox */
    column-gap: 3em; }
.twocolumns 				{
	column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;
	column-width: 240px; -moz-column-width: 240px; -webkit-column-width: 240px;
	}
.threecolumns 				{
	column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;
	column-width: 300px; -moz-column-width: 300px; -webkit-column-width: 300px;
	}
	
.twocolumns   > *:first-child,
.threecolumns > *:first-child,
.twocolumns   > h2,
.threecolumns > h2,
.twocolumns   h2 + *:first-child,
.threecolumns h2 + *:first-child {
	margin-top: 0px;
	}
	
.nocolumnbreak 				{
	width: 100%;
	display: inline-block;
	}

li
	{
	break-inside: avoid;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	}

.twocolumns h2, .twocolumns h3, .twocolumns h4, .twocolumns h5,
.threecolumns h2, .threecolumns h3, .threecolumns h4, .threecolumns h5, .columnbreak {
	margin-top: 1.8em;
	break-before: column;
	-webkit-column-break-before: auto;
	}

.toc.twocolumns h2:nth-child(n+2) {
	margin-top: 5em; 
	}

.breadcrumb						{
	color: silver;
	background-image: url(../_media/backg/NZZBack.gif);
	text-align: right;
	margin-top: 2px;
	padding: 6px 11px 11px; }
.breadcrumb, .breadcrumb * {
	font-family: "Josefin Sans", "Helvetica Neue", Hevetica;
	font-weight: 300; }
#breadcrumb-target{
	margin-top: 3em;
	margin-bottom: 0; }

.portrait, img.thumbnail, .thumbnail>img {
	margin-right: 5px;
	-webkit-box-shadow: 1px 1px 5px #aaa;
	-moz-box-shadow: 1px 1px 5px #aaa;
	box-shadow: 1px 1px 5px #aaa;
	}
.portrait {
	-moz-border-radius: 48px;
	-webkit-border-radius: 48px;
	border-radius: 48px;
	}
.portrait, .thumbnail 		{	
	-webkit-transform: rotate(-0.7deg);
	-moz-transform: rotate(-0.7deg);
	-ms-transform: rotate(-0.7deg)   }
.portrait.zwo, .thumbnail.zwo 		{		
	-webkit-transform: rotate(1.3deg);
	-moz-transform: rotate(1.3deg);
	-ms-transform: rotate(1.3deg)   }
.shadow, .article iframe, img[border="1"], .main iframe:not[frameborder="0"] /* blogger */
				{
	margin-top: 11px; margin-right: 11px; margin-bottom: 22px; border-style: none; border-width: 0; -webkit-box-shadow: #aaa 2px 2px 12px; -moz-box-shadow: #aaa 2px 2px 12px; box-shadow: #aaa 2px 2px 12px; }
.localnav a   	{ background: url(../_media/styles/headerbar.gif) repeat-x; margin: 2px; padding: 1px 6px; border-style: solid; border-width: 1px; border-color: #ccc #aaa #aaa #ccc; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px }
.date  			{ color: #696969; font-style: italic; margin-bottom: 11px }
.feedburnerFeedBlock li  { margin-right: 22px; margin-bottom: 22px }

/* Header and main navigation */
#menubar 		{
	position: fixed;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	z-index: 103;
	background: url(../_media/styles/menubar.png) repeat-x;
	height: 44px;
	-webkit-box-shadow: #aaa 2px 2px 10px;
	-moz-box-shadow: #aaa 2px 2px 10px;
	box-shadow: #aaa 2px 2px 10px;

	transition-delay:2s;
	-webkit-transition: opacity 3s linear;
	-moz-transition: opacity 3s linear;
	transition: opacity 3s linear;
	opacity: 0.25;
	}

#menubar:hover, body.scrolltop #menubar {
	transition-delay:0s;
	-webkit-transition: opacity 0.3s linear;
		 -moz-transition: opacity 0.3s linear;
	opacity: 0.95;
	}

ul.menu 		{
	margin-top: 0;
	margin-bottom: 0; }
ul.menu>li 		{
	position: relative;
	display: inline-block;
	z-index: 105; }
ul.menu>li>a 	{
	word-spacing: -3px;
	padding-top: 11px;
	padding-right: 3px;
	padding-left: 3px; }
ul.menu li.toolsmenu {
	right: 0;
	float: right;
	}
ul.menu li.toolsmenu a {
	text-align: center;
	min-width: 1.5em;
	display: block;
	}
ul.menu>li:hover, ul.menu>li:hover>a {
	color: white;
	background-color: #2f526d;
	border-bottom: medium none;
	}
ul.menu ul		{
	list-style-type: none;
	display: block;
	visibility: hidden;	/* initially hide all submenus. */

	position: absolute;
	left: 0;
	top: inherit;
	z-index: 100;
	margin: 0; padding: 0; border: 0;

	background-image: url(../_media/backg/NZZBack.gif);
	
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
		 -moz-border-bottom-left-radius: 5px;
		 -moz-border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;

	-webkit-box-shadow: 1px 1px 7px #aaa;
 		 -moz-box-shadow: 1px 1px 7px #aaa;
					box-shadow: 1px 1px 7px #aaa;
	
	transition-delay:0.5s;
	}
ul.menu li:hover>ul 	{
	visibility: visible;
	transition-delay:0s;
	}
	
ul.menu li a 		{
	color: #2e7baa;
	font-size: 18px;
	border-bottom-style: none; }

ul.menu li:hover, ul.menu li:hover>a { 
	z-index: 10000; white-space: normal; color: #fff; text-decoration: none;
	}

ul.menu li li		{
	float: none;
	min-width: 16em;
	display: block;
	position: relative;
	z-index: 105;
	max-height: 66px; }
ul.menu li li:empty {
	height: 6px;
	min-height: 0; }
ul.menu li li a 	{
	color: #427196;
	font-size: 16px;
	font-weight: normal;
	line-height: 44px;
	text-indent: 7px;
	width: 100%;
	height: 44px;
	display: block; }
ul.menu li li img	{
	vertical-align: middle;
	padding-right: 5px; }
ul.menu li li:hover	{ background-color: #2f526d; }
ul.menu li li:empty:hover	{ background-color: #fff; }

ul.menu li li:hover>a { color: #fff; }
ul.menu li li a.here {
	background-color: #dbdbdb; }

.b5 			{
	color: #fff; font-size: 18px; line-height: 34px;
	padding-right: 3%; padding-left: 3%; height: 40px
	}
	
.b5 a, b5 a:visited {
	color: #eee;
	margin-right: -7px; margin-left: -7px; padding: 3px 7px 5px; border-bottom: medium none
	}
	
.b5 a:hover 	{
	color: white; background-color: #2f526d;
	border-bottom: medium none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 5px;
	border-radius: 5px
	}
	
.b5 a img 		{ border-bottom: medium none }
.b5 input 		{ color: #555; border-bottom: medium none }

ul#contextMenu{ display:none; }

/*––––– Footer –––––*/
footer			{
	margin-top: 120px; }
.footer 		{
	background: #9a9b9b url(../_media/styles/footerbar.jpg) repeat-x;
	z-index: 11;
	margin: 0px 0 0 !important;
	padding: 5px 5% 2em 7%;
	-webkit-transition: opacity 0.3s linear;
	   -moz-transition: opacity 0.3s linear;
	opacity: 0.6;
	}
.footer:hover	{ opacity:0.95; }
.footer, .footer * { color: #eee; font-size: 11px; }
.footer strong 	{ color: #c6c6c6 }
.footer a   	{
	color: #eee; font-weight: normal; padding: 4px 22px 2px 4px; border-bottom: 0px none;
	}
.footer a:hover, .footer a:hover strong {
	color: #555; background-color: #ff0; text-decoration: none; border-bottom: 0 none;
	}
.footer a:visited { border-bottom: 0px none }
.footer img 	{ border: 0px }

.footer>ul 		{
	padding-left: 0;
	display: -webkit-flex;
	display:	-moz-flex;
	display: 		 flex;
	-webkit-flex-flow: row wrap;
	   -moz-flex-flow: row wrap;
			flex-flow: row wrap;
	}
.footer>ul>li	{
	margin-bottom: 1em;
	-webkit-flex: 1 1 auto;
	   -moz-flex: 1 1 auto;
			flex: 1 1 auto;
	}
.footer>ul ul 	{
	margin-top: 1em;
	padding-left: 0;
	}
.footer li		{
	min-height: 1.8em;
	list-style-type: none;
	list-style-image: none;
	}
		
.copyright  	{ z-index: 12; color: #dbdbdb; text-align: right; position: relative; top: -1.5em; height: 0; float: right; margin-right: 0; padding-right: 1em; }


/*––––– link indicators –––––*/
a[href^="http"]:after 	{
	content:"^";
	vertical-align: 0.2em;
	margin-left:2px;
	}

a[target]:after 		{
	font-style: normal;
	vertical-align: 0.4em;
	margin-top: -11px;
	margin-right: 6px;
	margin-left: 0.5em;
	content:"[";
	display:inline-block;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	}
.menu a[target]:after {
	margin-left: 0.1em;
	vertical-align: 0.5em;
	}
a[target="_top"]:after 	{ content:""; }

.article a[href^="http://twitter.com"]:before,
.article a[href^="https://twitter.com"]:before 	{ content:"@"; }

.article a[href*="twitter.com/search"]:before,
.article a[href*="twitter.com/hashtag"]:before,
.article a[href*="twitter.com/i/"]:before 		{ content:"#"; }
	
.article a[href^="http://twitter.com"]:after,
.article a[href^="https://twitter.com"]:after,
.article a[href*="twitter.com/search"]:after,
.article a[href*="twitter.com/hashtag"]:after,
.article a[href*="twitter.com/i/"]:after
	{
	xmargin-left:10px;
	}
	
a.video:before,
.article a[href*="youtu"]:before,
.article a[href*="vimeo"]:before,
table a[href*="youtube"]:before,
table a[href*="vimeo"]:before,
a[href*="youtu.be"]:before,
a[href^="https://lecture2go"]:before,
a[href*=".ted.com"]:before,
a[href*=".3sat.de"]:before
 {
	content:"";
	background: url(../_media/icon/video.gif) no-repeat right top;
	display: inline-block;
	background-size: contain;
	width: 22px;
	height: 1em;
	min-height: 22px;
	margin-bottom: -5px; }

a[href^="https://itunes"]:after {
	content: "";
	background: transparent url(../_media/icon/apple.png) no-repeat top right;
	display: inline-block;
	width: 12px;
	height: 1em;
	}

.article a[href*=".slideshare.net"]:after {
	content: "";
	background: transparent url(../_media/icon/slideshare.gif) no-repeat top right;
	display: inline-block;
	width: 16px;
	height: 1em;
	}

a[href$=".pdf"]:after {
	content: "";
	background: transparent url(../_media/icon/pdf.gif) no-repeat top right;
	display: inline-block;
	width: 19px;
	height: 1em;
	margin-left: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	}

a[href^="https://www.amazon."]:after {
	content: "";
	background: transparent url(../_media/icon/amazon16.gif) no-repeat top right;
	display: inline-block;
	width: 20px;
	height: 1em;
	}

a[href*="wikipedia"]:after {
	content: "\24CC";
	font-size: 0.7em;
	vertical-align: super;
	padding-left: 0.2em;
	margin:0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	}

.nolinkimage		{}

a.nolinkimage:after,
.nolinkimage a:after,
a.nolinkimage:before,
.nolinkimage a:before,
.feedburnerFeedBlock a:after,
.delicious-cloud a:after,
#flickr_badge_wrapper a:after,
a[href^="https://www.blogger.com"]:after,
a[href^="http://hci-design.blogspot."]:after,
a[href^="http://interface-culture.blogspot."]:after,
a[href^="http://uxhh-radio.blogspot."]:after,
a[href^="http://mprove.tumblr.com/"]:after,
a[href^="http://raumschiffer.de"]:after,
a[href^="http://www.23hq.com/"]:after,
.google a:after,
.post-body a:after
	{
	content: "" !important;
	background: transparent !important;
	width: 0 !important;
	display: none !important;
	}


.hashanchor:after {
	content: "";
	background-color: #02b;
	opacity: 0.42;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px !important;
	z-index: -1;
	float: left;
	margin-top: -2px;
	display: inline;
	}

td:target, tr:target td 		{ background-color: #fe0 !important; }


iframe.twitter-timeline {
	height: 80vh !important; }


body::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 8px;
	}
body::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(46,124,172,0.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
body::-webkit-scrollbar-thumb:hover {
	background-color: rgba(46,124,172,.9);
	}	
	
.display-narrow, .display-phone { display:none; }
.display-wide,
.display-notphone {}


/*––––– iPad –––––*/
@media only screen and (max-device-width:1024px)
{
	.article, .banner {
		margin-right: 12%;
		margin-left: 12px; }
	#menubar  	{ opacity:0.95 !important; }
	.footer 	{ opacity:1; }
	ul.menu {
		padding-left: 10px; }
	ul.menu li:hover>ul 	{
		-webkit-transition: left 11s step-end;
			 -moz-transition: left 11s step-end;
		 			transition: left 11s step-end;
		left: -999em;
		}

	#content-wrapper,
	.tocbanner, .phototoc,
	.google,
	body > h1, body > h2, body > h3, body > h4, body > p, body > ul, body > ol, body > blockquote, body > table, body > img, body > .twocolumns, body > .indent, body > .threecolumns, csobj > .threecolumns, body > iframe, body > csobj > dl, body > csobj > h1, body > csobj > h2, body > csobj > ul, .photo,
	.legal,
	#disqus_thread
		{
		margin-right: 1%; margin-left: 2%;
		}
	blockquote 	{
		margin-left:0px; }
	.tiles li { width: 220px; }

	.article a	{
					border-bottom-style: dashed;
					border-bottom-width: 1px;
				}
}


/*––––– iPhone –––––*/
@media only screen and (max-device-width: 640px)
{
	.breadcrumb, .breadcrumb * { font-family: "Nunito Sans", Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; }
	
	#menubar  	{
		background-size: 100% 100%;
		opacity:0.95 !important; }
	ul.menu>li>a {
		letter-spacing: -1px;
		padding-right: 1px;
		padding-left: 0; }
	ul.menu li li		{
		min-width:320px;
		}
	ul.menu ul {
		position: fixed;
		left: 22px;
		padding-bottom: 44px;
		border: solid 7px silver; }
	ul.menu li:hover>ul 	{
		-webkit-transition: left 11s step-end;
		-moz-transition: left 11s step-end;
		left: -999em;
		}
	.footer 		{
		background-color: #636464;
		background-image: none;
		opacity:1; }

	#content-wrapper,
	.tocbanner, .phototoc,
	.google,
	body > h1, body > h2, body > h3, body > h4, body > p, body > ul, body > ol, body > blockquote, body > table, body > img, body > .twocolumns, body > .indent, body > .threecolumns, csobj > .threecolumns, body > iframe, body > csobj > dl, body > csobj > h1, body > csobj > h2, body > csobj > ul, .photo,
	.legal,
	#disqus_thread	{
		margin-right: 1%;
		margin-left: 2%; }
	.article {margin-top: 1em; }
	.article, .banner {
		max-width: 100%;
		margin-right: 2%;
		margin-left: 2%;
		padding-left: 0; }
	.marginalnote {
		background-color: #eee;
		float: none;
		margin-right: auto;
		position: relative;
		z-index: 2;
		left: 0;
		width: 100% ;
		clear: both;
		display: block; }
	h1 		{
		font-size: 38px;
		line-height: 42px; }
	.tiles li {
		width: 330px; }
	
	.display-phone { display:inline; }
	.display-notphone {
		display: none !important; }

	.twitter-block {display: none;}
	.cover{
		height: 100px; }
}


/*––––– narrow –––––*/
@media screen and (max-width: 800px)
{
	.xtwocolumns, .xthreecolumns{
		column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;
		}
	.columnbreak {
		break-before: column;
		-webkit-column-break-before: inherited;
		}
}

@media screen and (max-width: 640px)
{
	.article, .banner {
		margin-right: 2%;
		margin-left: 2%;
		padding-left: 0; }
	.marginalnote {
		background-color: #eee;
		float: none;
		margin-right: auto;
		position: relative;
		z-index: 2;
		left: 0;
		width: 100% ;
		clear: both;
		display: block; }

	tr {
		display:flex;
		margin-top: 2em;
		}

	.display-wide { display:none; }
	.display-narrow { display:inline; }
}

/*––––– printer –––––*/
@media print {
	#menubar, #menubar *, .breadcrumb, .footer, .copyright, iframe, #next-btn, .sticker, .noprint, .cover  { display:none; }
	h1 { font-size: 28px }
	h2 {
			font-size: 22px ;
			font-weight: 400;
			margin-top: 32px; }
	h3, .header p {
			font-size: 18px ;
			font-weight: 400;
			margin-top: 28px; }
	h4 {
			font-size: 16px ;
			font-weight: 500; }
	h5 { font-size: 14px }
	h6 { font-size: 12px }
	p, td, li, dl { font-size: 9pt !important; color:#000000; }
	a:visited { color:#0087c8; }
	a[href^="http"] {
		padding-right: 0px;
		background: none; }	
	a:after {
		content: " ["attr(href)"]";
		}
	img { max-width:100%; height:auto !important; }
}
#shuffleListItems {
	text-align: left;
	width: 100%;
	display: none; }
#shuffleListItems li {
	text-align: left;
	max-width: 100%;
	display: table-cell; }
