@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Khula:400,700');

html {
	font-family: 'Khula', Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	box-sizing: border-box;
}

body {
	font-family: 'Khula', Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	width: 100%;
	margin: 5%;
	padding: 0;
	color: #000000;
	overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: hidden; /* Add vertical scrollbar */
}

.container {
	width: 100%;
	background: #FFFFFF;
	margin: 0 auto; 
}
.page-wrapper {
	margin: 0 auto;
	max-width: 100%;
	background-color: #FFFFFF;
}
.content-wrapper {
	display: table;
}
.main-wrapper {
	background: none;
	background-color: #FFFFFF;
	padding: 2em 0;
	display: table;
}
.main-content {
	margin-top: 0;
	display: table-cell;
	width: 100%;
	border: 0;
	padding: 0 3em 0 3em;
}	

article {
	padding: 0 0.8em 0 1.2em;
}
.main-content article p {
		margin: 0 0 1.0em 0;
		column-count: 2;
		column-gap: 5%; 
		line-height: 1.2em;
		font-size:1.0em; 
		text-align: justify;
		word-wrap: break-word;
		overflow-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		margin-bottom: 2.0em;
}
.main-content article img {
		padding: 0 1.0em 0 0;
}

h1 { 
	font-family: 'Khula', sans-serif;
	font-size: 24px;
	font-weight:700;
	padding-top: 0;	 
	padding-bottom: -10px;
	margin: 0;
}
h2, h3, h4, h5, h6, {
	padding-top: 2rem;	 
	padding-bottom: -1rem;
}
h2 { 
font-family: 'Khula', sans-serif;
font-size:22px;
font-weight:400;
}
h3 { 
font-family: 'Khula', sans-serif;
font-size:20px;
font-weight:700;
}
h3#umbruch {
	page-break-before: left;
}
h4 { 
font-family: 'Khula', sans-serif;
font-size:16px;
font-weight:700;
}
h4#umbruch {
	page-break-before: left;
}
h5 { 
font-family: 'Khula', sans-serif;
font-size: 12px;
font-weight:700;
}
h6 { 
font-family: 'Khula', sans-serif;
font-size: 9px;
font-weight:400;
}

h6 a:link {
	color:#000;
	text-decoration: none;
}
h6 a:active {
	color:#000;
	text-decoration: none;
}
h6 a:visited {
	color:#000;
	text-decoration: none;
}

a img { 
	border: none;
}

a:link {
	color:#000000;
	text-decoration: none; 
}
a:hover {
	color:#000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:active, a:focus { 
	text-decoration: none;
}

p {
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
p.teasertext {
	margin: 0.8em 0;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
ul,
ol {
	padding: 0;
	margin: 0;
}

figure {
	margin: 1em 0;
	border: 0;
	line-height: 0;
	width: 33%;
	max-width:33%;
	height:auto;
	float:left;
}
figure.vollbreit {
	margin: 1em 1em 1em 0;
	border: 0;
	line-height: 0;
	width: 100%;
	max-width: 100%;
	height:auto;
	float:none !important;
}
figure.halbbreit {
	margin: 1em 1em 1em 0;
	border: 0;
	line-height: 0;
	width: 100%;
	max-width: 48%;
	height:auto;
	float:none !important;
}
article#bilder p figure img.printbild {
	width: 33%;
	max-width:33%;
	height:auto;
}
.printbild {
}
figcaption {
	font-family: 'Khula', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.0em;
	text-align: left;
	padding: 0.5rem;
	max-width: 95%;
	color: black;
}

.logo {
	font-size: 2.8em;
	text-align: left;
	display: inline-block;
	padding: 0;
	border: 0;
}
.logo a:link,
.logo a:visited {
	padding: 0;
	border: 0;
}
.logo a:hover,
.logo a:focus,
.logo a:active {
	background-color: #ffffff;
	color: #000000;
	border: 0;
}

.header {
	padding: 0em 2.4rem 0.5em 2.4rem;
	text-align: left;
	text-align: center;
	background:#FFFFFF;
	background-image: none;
}
.header img {
	max-width:30%;
	border:none 0.00;
}

.footer {
	padding: 0;
	background: #ffffff;
	background-image: none);
	text-align: center;
}
.footer a:link {
	text-decoration: none;
}

.aside {
	display: none;
}

.content {
	padding: 0;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}


.section {
	padding: 1em 0;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

p#zusatzinfo {
	background-color: #FFF; 
	padding: 0.5rem; 
	text-align:justify;
	border:#333333;
}
#zusatzinfo {
	background-color: #FFF; 
	padding: 0.5rem; 
	text-align:justify;
	border:#333333;
}


article:after {
	content: "\ Vielen Dank für das Ausdrucken dieses Artikels aus unserem elektronischen Museumsführer. Wir hoffen, dass auch weitere Inhalte aus dem Ortsmuseum Schwamendingen Ihr Interesse wecken können. Gerne begrüssen wir Sie persönlich im Museum, wo Ihnen weiteres Informationsmaterial zur Verfügung steht. ";
	color:#990000 !important;
	font-size: 1em;
	text-align: center;
}

	/*** Zierelemente: Pfeil verwendet in Header und in Nav ***/
	.arrow-down {
		display: none;
	}
	.arrow-down::after {
		display: none;
	}
	.nav.arrow-down::after {
		display: none;
	}
	/* Zierelemente: Pfeil in Header einblenden, Pfeil in Nav ausblenden */
	.header.arrow-down::after {
		display: none;
	}
	.nav.arrow-down::after {
		display: none;
	}
	
.main-nav {
		display: none;
	}
a.toggle-nav {
		display: none;
	}
	
nav {
	display: none;
}nav ul {
	display: none;
}nav ul li {
	display: none;
}

#back-to-top {
		display: none;
	}
#dashaus {
	width: 30%;
	max-width:30%;
	height:auto;
}
article h4#linkstitel {
	display: none;
}
article p#linkliste {
	display: none;
}
article p dl#mehrlinks {
	display:none;
}
dl#mehrlinks {
	display:none;
}
.mehrlinks {
	display:none;
}
#print-button {
	display: none;
}