/* @import url(http://fonts.googleapis.com/css?family=Hammersmith+One|Josefin+Sans:100,400,700italic|Gafata|Roboto:400); */

/* 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'); /* IE9 Compat Modes */
  src: local('Josefin Sans Thin'), local('JosefinSans-Thin'),
       url('../_font/josefin-sans-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_font/josefin-sans-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_font/josefin-sans-v12-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../_font/josefin-sans-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_font/josefin-sans-v12-latin-100.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'); /* IE9 Compat Modes */
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'),
       url('../_font/josefin-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_font/josefin-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_font/josefin-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_font/josefin-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_font/josefin-sans-v12-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-700italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../_font/josefin-sans-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Josefin Sans Bold Italic'), local('JosefinSans-BoldItalic'),
       url('../_font/josefin-sans-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_font/josefin-sans-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_font/josefin-sans-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../_font/josefin-sans-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_font/josefin-sans-v12-latin-700italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* gafata-regular - latin */
@font-face {
  font-family: 'Gafata';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/gafata-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Gafata'), local('Gafata-Regular'),
       url('../_font/gafata-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_font/gafata-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_font/gafata-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_font/gafata-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_font/gafata-v6-latin-regular.svg#Gafata') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../_font/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_font/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_font/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_font/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_font/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* Layout */
body			{
	background-color: #fff;
	margin: 48px 0 0;
	alink: "#ff99ff";
	bgcolor: "white";
	link: "red";
	vlink: "#197ed7";
	-webkit-text-size-adjust: 100%; }

.page {
	width: 100%;
	clear: both;
	max-width: 1084px;
	margin: 0 auto; }


.metabar		{
	text-align: right;
	height: 0;
	z-index: 1;
	margin-right: 44px; }

.socialbadge	{
	position: fixed;
	left: 0;
	bottom: 222px;
	width: 44px;
	clear: none;
	margin-top: 3px;
	display: block;
	z-index: 222; }

.socialbadge img 	{
	width: 44px;
	height: 44px;
	margin-bottom: 6px;
	border: solid 1px #cacfdb; }
.socialbadge a:hover img	{
	background-color: white;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
	  	 	 	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
	}
.topbadge		{
	position: fixed;
	bottom: 8px;
	right: 0;
	width: 32px;
	z-index: 2;
	padding: 5px; }
.topbadge img 	{
	width: 16px;
	height: 16px;
	padding: 7px; }
.main 	{
	clear: none;
	margin-left: 48px; }

.footer 		{
	background-color: #f4f4f4;
	clear: none;
	margin-top: 44px;
	padding-top: 1em;
	padding-bottom: 1em;
	display:flex;
	justify-content: center; }

.footer .boxes {
	display: -webkit-flex;
	display:	-moz-flex;
	display: 		 flex;
	-webkit-flex-flow: row wrap;
	   -moz-flex-flow: row wrap;
			flex-flow: row wrap;
	}

.boxes > div {
	margin-bottom: 1em;
	-webkit-flex: 1 1 auto;
	   -moz-flex: 1 1 auto;
			flex: 1 1 auto;
	}

.container		{
	position: relative;
	margin-right: 33px;
	padding-right: 5px;
	padding-left: 11px; }

.main p, .main dl, .main li, .container ul	{
	max-width: 800px;
	max-width: 80ch;
	overflow-wrap: break-word;
	}
	
.twocolumns {
	margin-top: 1.5em;
	column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;
	column-width: 244px; -moz-column-width: 244px; -webkit-column-width: 244px;}
.threecolumns {
	margin-top: 1.5em;
	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,
.twocolumns h2+*:first-child, .threecolumns h2+*:first-child {margin-top: 0px;}
.nocolumnbreak 	{ display: inline-block; }
img { height: auto !important; max-width: 100%; }
	
	
/* Typography */
*				{ font-family: Gafata, Helvetica, Arial, Geneva, Swiss, sans-serif; }
.main xstrong, th, th p {
	font-family: Roboto, sans-serif;
	font-weight: normal;
	letter-spacing: -0.2pt;
	}

.menu *, .wall li > p:first-child, .wall li > p:first-child *
	{ font-family: 'Hammersmith One',Helvetica, Arial, Geneva, Swiss, sans-serif; }

h1,h1 *, .subtitle,
h2, h2 a, h3, h3 a, h4, h4 a, .footer a
	{ font-family: 'Josefin Sans',Helvetica, Arial, Geneva, Swiss, sans-serif; }

body, p, td, li, dl	{ color: #555; font-size: 18px; line-height: 21px; }

h1	{
	color: #041435;
	font-size: 52px;
	border-bottom: 1px solid #f66338;
	color: #133697;
	font-weight: 200;
	line-height: 36px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0;
	xtext-shadow: #555 2px 1px 3px; }
	
.cover
	{
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: -22px;
	background-size: cover;
	padding-top: 248px;
	margin-bottom: 2em;
	border-bottom-style: none;
	border-bottom-width: 0;
	box-shadow: inset 0px -33px 33px 0px #fff;
	}
.sectiondivider {
	position: absolute;
	left: 0;
	width: 100%;
	height: 480px;
	margin-top: 100px;
	background-size: cover;
	background-position-x: center;
	box-shadow: inset 2px 4px 12px -3px;
	}
.sectiondivider-post {
	height: 580px;
	margin-bottom: 5em;
	display: block;
	}

h2, .events h3	{
	color: #3b3b3b;
	font-size: 2.5vh;
	font-weight: 400 !important;
	font-stretch: semi-expanded;
	line-height: 30px;
	letter-spacing: -0.5pt;
	margin-top: 42px;
	margin-bottom: 22px;
	text-shadow: #eee 1px 1px 3px; }
h3, .events h4	{
	color: #222;
	font-size: 20px;
	}
.date	{
	color: #e1e1e1;
	font-weight: 100;
	font-size: 600%;
	text-align: right;
	}
h4	{
	color: #222;
	font-size: 18px;
	clear: left;
	}
h5	{ color: #222; font-size: 16px; }
h6	{ color: #222; font-weight: normal; font-size: 11px; }


/* link styling */

a,
ul a
	{
	color: #b22222;
	text-decoration: none;
	}
.container *:hover > a,
.container *:hover > * a
	{
	border-bottom: 1px dashed #b22222;
	}
.container * > a:hover, .container * > * a:hover
	{ border-bottom-style: solid; }

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

.main a[target]:after,
.main a[target][href^="http"]:after,
.footer a[target][href^="http"]:after 		{
	font-style: normal;
	display:inline-block;
	vertical-align: 0.4em;
	margin-right: 6px;
	margin-left: 0.55em;
	content:"[";
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg); }
.main a[target="_top"]:after 	{ content:""; }

a[href*="youtu"]:before,
a[href*="vimeo"]:before,
a[href*="youtu.be"]:before 		{ content:"\23ef"; }

.main a[href$=".pdf"]:after
	{
	content: "";
	background: transparent url(../_media/general/pdf.gif) no-repeat top right;
	display: inline-block;
	width: 19px;
	height: 1em;
	}

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

.main a[href^="http://twitter.com"]:before,
.main a[href^="https://twitter.com"]:before {
	content:"@";
	}
.main a[href*="twitter.com/search"]:before,
.main a[href*="twitter.com/hashtag"]:before,
.main a[href*="twitter.com/i/"]:before {
	content:"#";
	}
	
/* link indicator exceptions */	
.nolinkimage {}

.nolinkimage a:after,
.main .nolinkimage a:after,
a.nolinkimage:after,
.main a.nolinkimage:after,
.main .feedburnerFeedBlock a:after,
.main h1 a:after,
.container.events h2 a:after,
.legend a:after,
ul.wall a:after,
.btn:after,
.main a[href^="https://www.xing.com/events/"]:after,
.main a[href^="https://www.xing.com/profiles/"]:after,
.main a[href^="https://www.meetup"]:after,
.main a[href*="slideshare.net"]:after,
.main a[href*="speakerdeck.com"]:after,
.main a[href*="docs.google.com/presentation/"]:after,
.main a[href*="slidr.io"]:after,
.main a[href*="researchgate.net"]:after,
.container a[href^="https://www.xing.com/events/"]:after,
.container a[href*="eventbrite.de"]:after,
.main .mod a:after,
.nolinkimage:before
	{
	content: "" !important;
	background: transparent !important;
	width: 0 !important;
	padding-right: 0;
	display: none !important; }


.btn,
.container a[href*="eventbrite.de"],
.container a[href^="https://www.meetup"],
.main a[href*="slideshare.net"],
.main a[href*="speakerdeck.com"],
.main a[href*="docs.google.com/presentation/"],
.main a[href*="slidr.io"],
.main a[href*="researchgate.net"],
.main a[href$=".pdf"] {
	color: #fff;
	font-weight: bold;
	background-color: #1f67a2;
	vertical-align: middle;
	overflow: hidden;
	max-width: 100%;
	xmargin: 20px 0.5em 24px 0;
	margin-right: 0.5em;
	padding: 4px 1em 6px;
	border: outset 1px #fafafa !important;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	white-space: nowrap; }

.btn-chrono {
	color: #000;
	font-weight: bold;
	background-color: #e9e9e9;
	vertical-align: middle;
	overflow: hidden;
	max-width: 100%;
	margin: 4px 0.5em 6px 0;
	padding: 4px 1em 6px;
	border: outset 1px #fafafa !important;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	white-space: nowrap; }
	
a.btn:hover,
.btn-chrono:hover,
.container a[href*="eventbrite.de"]:hover,
.container a[href^="https://www.meetup"]:hover,
.main a[href*="slideshare.net"]:hover,
.main a[href*="speakerdeck.com"]:hover,
.main a[href*="docs.google.com/presentation/"]:hover,
.main a[href*="slidr.io"]:hover,
.main a[href*="researchgate.net"]:hover,
.main a[href$=".pdf"]:hover {
	-webkit-box-shadow: 1px 1px 6px #aaa;
	   -moz-box-shadow: 1px 1px 6px #aaa;
			box-shadow: 1px 1px 6px #aaa;
	}

.container a[href^="https://www.xing.com/events/"] {
	background-color: #00b189;
	}
.container a[href*="eventbrite.de"] {
	background-color: #f57500;
	}
.main a[href*="slideshare.net"],
.main a[href*="speakerdeck.com"],
.main a[href*="docs.google.com/presentation/"],
.main a[href*="slidr.io"],
.main a[href*="researchgate.net"],
.main a[href$=".pdf"] {
	color: #222;
	background-color: #fff524;
	}

span.btn {
	color: #909090;
	font-weight: bold;
	background-color: #f0f0f0;
	border-style: none !important; }


p, dd	{ line-height: 1.7em; margin-top: 0.3em; margin-bottom: 0.5em }
dt	{ margin-top: 6px }

li	{ line-height: 1.5em; }
ul li	{ list-style-image: url(../_media/design/marker.gif); }
ol {
	margin-left: 2em; }
ol li {
	margin-bottom: 0.5em; }


blockquote, blockquote p {
	font-style: italic;
}

blockquote:first-child, blockquote:first-child p	{
	font-family: "Josefin Sans", Optima, Candara, Lucida;
	font-size: 1em;
	line-height: 1.3em !important;
	}

h1 + blockquote, h2 + blockquote, h3 + blockquote {
	max-width: 33em;
	margin-left: auto;
	text-align: right;
	font-size: 111%;
	}

q {font-style: italic;}

.sans9			{ font-size: 10px; }
.email			{ font-size: 11px; font-family: Monaco, "Courier New", Courier, monospace; margin-right: 44px; margin-left: 44px }
.email blockquote	{ font-style: normal; margin-left: -30pt; padding-left: 35pt; border-left: 3px solid #696969 }
.legal, .legal *, .legal strong		{
	font-size: 16px;
	font-family: "Courier New", Courier, Monaco, monospace; }
.legal strong {
	font-weight: 700; }
.figure, .main p.figure			{
	color: #444;
	font-size: 14px;
	text-align: left;
	max-width: 100%;
	margin-bottom: 1em;
	padding-left: 30pt  }
.gray			{ color: #696969 }
.marker			{ background-color: #ffff4f; }
.markergreen	{ background-color: #93ff67; }
.markerred		{ background-color: #ff8fb1; }
.marker, .markergreen, .markerred { padding: 0 2px 2px; }
.legend			{ font-size: 9px; margin-top: 55px }
.invisible		{ background-color: #bababa; display: none }
.optional 		{ }
.indent			{ margin-right: 30pt; margin-left: 30pt }

/* Navigation via http://aplus.rs/adxmenu/examples/htb */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px); }
div.menu {
	background-color: #bd352f;
	background-image: url(../_media/design/flow-menu.jpg);
	background-size: cover;
	opacity: 0.88;
	box-shadow: 0 0 12px;
	}
ul.menu {
	display:flex;
	justify-content: center;
	}
li.hamburg {
	order:0;
	}
ul.menu, ul.menu > li	{
	}
ul.menu > li > a 		{ color: #fff; }

ul.menu > li li 		{ background-color: #fff; }
ul.menu > li li > a 	{ color: #c41a07; }

ul.menu			{
	height: 48px;
	margin: 0;
	padding: 0; }
	
	
ul.menu li		{
	display: block;
	float: left;
	position: relative;
	z-index: 10;
	margin: 0;
	padding: 10px 5px;}
ul.menu li a 	{
	padding: 8px;
	font-size: 16px; }
ul.menu li:empty {
	padding-right: 4px;
	background-image: none;
	}
ul.menu li:hover {
	white-space: normal;
	background-image: url(../_media/design/buttonhover.gif);
	background-image: -ms-linear-gradient( 180deg,#2470ee,#165fce );
	background-image: -moz-linear-gradient( 180deg,#2470ee,#165fce );
	background-image: -webkit-gradient( linear, left top, left bottom,
		from(#2470ee),
		to(#165fce));
	}
ul.menu li:hover,
ul.menu li:hover>a {

	color: #fff;
	z-index: 1000; }
ul.menu ul		{
	list-style-type: none;
	display: block;
	position: absolute;
	z-index: 10;
	top: inherit;
	left: 0;
	visibility: hidden;
	margin: 0;
	padding: 0;
	 -webkit-box-shadow: 1px 1px 5px #777;
		-moz-box-shadow: 1px 1px 5px #777;
			 box-shadow: 1px 1px 5px #777;
	transition-delay: 0.5s; }
ul.menu li:hover>ul {
	visibility: visible;
	transition-delay: 0s; }
ul.menu li li	{
	z-index: 10;
	float: none;
	min-width: 200px;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #fff; }
ul.menu li li a	{
	width: 100%;
	display: block; }

.portrait, .events h2 img	{ width: 96px; height: 96px; margin-right: 5px; margin-bottom:10px; border-width: 0; -moz-border-radius: 48px; -webkit-border-radius: 48px; border-radius: 48px; }
.events h2 img {
	background-color: white; }

.portrait[src$=".96x96.jpg"], .events h2 img[src$=".96x96.jpg"] {
	width: 96px;
	height: 96px;
	}

h1 img.portrait {
	 -webkit-box-shadow: 1px 1px 6px #999;
	 	-moz-box-shadow: 1px 1px 6px #999;
			 box-shadow: 1px 1px 6px #999;
	}

.shadow, img[border="1"]	{
	border: 0;
	 -webkit-box-shadow: 1px 1px 6px #999;
		-moz-box-shadow: 1px 1px 6px #999;
			 box-shadow: 1px 1px 6px #999; }

/* matrix for member images */

.matrix {
	text-align: center;
	margin-top: 33px; }
.matrix a img {
	width:10%;
	height: 10%;
	min-width: 7vh;
	min-height: 7vh;
	margin:-6px -4px -10px -1%;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
	border-radius: 64px;
	box-shadow: 0px -2px 4px 2px #fff; }

.matrix a img, .wall li {
  	opacity: 0;

	          -webkit-animation: fadeIn 2s;
		         -moz-animation: fadeIn 2s;
			 	      animationx: fadeIn 2s;
	    -webkit-animation-delay: 0.3s;
   	       -moz-animation-delay: 0.3s;
   	            animation-delayx: 0.3s;
	-webkit-animation-fill-mode: forwards;
	   -moz-animation-fill-mode: forwards;
	   	    animation-fill-mode: forwards;
	}

.matrix a:nth-child(3n) img, .wall li:nth-child(3n)
	{
      -webkit-animation-delay: 0.5s;
   	     -moz-animation-delay: 0.5s;
   	          animation-delay: 0.5s;
 	}
 
.matrix a:nth-child(5n+1) img, .wall li:nth-child(5n+1)
	{
      -webkit-animation-delay: 0.8s;
   	     -moz-animation-delay: 0.8s;
   	          animation-delay: 0.8s;
 	}
 
.matrix a:nth-child(4n+1) img		{ vertical-align: 11px; }
.matrix a:nth-child(4n+3) img		{ vertical-align: -11px; }
 
@-moz-keyframes fadeIn {
	from	{ opacity:0; }
	to		{ opacity:1; }
	}
@-webkit-keyframes fadeIn {
	from	{ opacity:0; }
	to		{ opacity:1; }
	}
@keyframes fadeIn {
	from	{ opacity:0; }
	to		{ opacity:1; }
	}

@-moz-keyframes fadeOut {
	from	{ opacity:1; }
	to		{ opacity:0; }
	}
@-webkit-keyframes fadeOut {
	from	{ opacity:1; }
	to		{ opacity:0; }
	}
@keyframes fadeOut {
	from	{ opacity:1; }
	to		{ opacity:0; }
	}

@-webkit-keyframes visualcue {
	from	{ opacity:0; }
	33%		{ opacity:0.9; }
	to		{ opacity:0; }
	}
@-moz-keyframes visualcue {
	from	{ opacity:0; }
	33%		{ opacity:0.9; }
	to		{ opacity:0; }
	}
@keyframes visualcue {
	from	{ opacity:0; }
	33%		{ opacity:0.9; }
	to		{ opacity:0; }
	}



/* social */

.twitter-block {
	display: inline-block;
	width: 480px;
	height: 80vh; }
.newsbox {
	top: 0;
	bottom: 0;
	width: 333px;
	height: 350px;
	display: inline-block; }
.fb-page {
	height: 80vh; }
.social-plugins {
	height: 80vh;
	overflow: hidden;
	max-height: 80vh;
	display: -webkit-flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap; }
	
/* iPad */
@media only screen and (max-device-width:1024px)
{
	ul.menu li		{
		letter-spacing: -1px;
		padding: 11px 0 0; }
	ul.menu li a 	{
		font-weight: bold;
		padding-right: 4px;
		padding-left: 4px; }
	ul.menu li:last-child ul{left:-77px;}
	ul.menu li:hover>ul 	{
		-webkit-transition: left 11s step-end;
		-moz-transition: left 11s step-end;
		-o-transition: left 11s step-end;
		left: -999em;
		}
	.socialbadge	{
		top: 42%; }
	.socialbadge img {  }
	.topbadge		{ display:none }
	.container a	{
					border-bottom: 1px dashed #b22222;
				}
}


/*––––– iPad –––––*/
@media only screen and (max-device-width:1024px)
{
h1.cover
	{
		font-weight: 400; }
}

/* iPhone */
@media only screen and (max-device-width: 640px)
{
	.menu *, .footer a, .wall li > p:first-child, .wall li > p:first-child * {
		xfont-family: 'Helvetica Neue', Helvetica, Arial, Geneva, Swiss, sans-serif; }
	.topbadge		{ display:none }
	.page			{ margin-left: Max(0px,env(safe-area-inset-left)); }
	.container, ul.wall		{
		margin-right: Max(0px,env(safe-area-inset-right));
		margin-left: Max(0px,env(safe-area-inset-left));
		}
	.twocolumns, .threecolumns{
		column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;
		}

	ul.menu ul,
	ul.menu li:last-child ul {
		position: fixed;
		left: 11%;
		border: solid 7px silver; }
	ul.menu li a 	{
		font-weight: bold;
		}
	ul.menu li li 	{
		text-align: center;
		min-width: 280px; }
	ul.menu li:hover>ul 	{
		-webkit-transition: left 11s step-end;
			 -moz-transition: left 11s step-end;
				 -o-transition: left 11s step-end;
		left: -999em;
		}
	.socialbadge img{
		background-color: #e3e8f6; }
		
	h1.cover 		{
		font-size: 32px;
		line-height: 32px;
		padding-top: 66px; }
	h2,h3,h4			{
		font-stretch: normal;
		text-shadow: none;
		}

	.wall li		{ height: auto; }
	.footer td		{ display: inline; }

	.optional, .sidebar {
		display: none !important; }
}


@media screen and (max-device-width: 640px) and (-webkit-max-device-pixel-ratio: 2)
{
	.twitter-block {
		width: 330px;
		display: block;
		}	
}

@media print {
.metabar, .menu, .menu *, .footer, .footer *, .sidebar, .sidebar *, #twitter-widget-0 {
	display:none !important;
	}

h1.cover
	{
	color: #000;
	background: none;
	max-height: 195px;
	margin-top: 0;
	padding-top: 0;
	}

.main
	{
		 -moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
					box-shadow:  0px 0px 0px #fff;
	}

.date {font-size: 24px; }
}

.hamburg img {
	vertical-align: -2px;
	width: auto;
	height: 16px; }


* {scroll-margin-top: 100px;}

a.scroll { }