html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
textarea, input, button {
  outline-color: transparent;
  outline-style: none;
}
textarea:focus, input:focus, button:focus { 
  outline-color: transparent;
  outline-style: none;
}
body {
	line-height: 1.15em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.text-center{text-align:center;}
.text-right{text-align:right;}


html {min-height:100%;}
body {
	color:#000;font-size:29px;font-family:'Nitti Grotesk';width:100%; overflow-x:hidden; overflow-y: scroll; 
	background: linear-gradient(to left, #ffffff 50%, #28f032 50%);
	-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;

}
body * {
	-moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
}

a {text-decoration:underline; color:#000; outline:none;}
a:hover {text-decoration:none; }

.img-responsive {max-width:100%;}

.container-fluid {
	max-width:1920px;
	padding: 0 30px;
	position:relative;
	background-color: #fff;
}

.main-wrapper svg {
	width:24px; fill:currentColor; stroke:currentColor; 
}
.main-wrapper svg * {
	stroke:currentColor;
}
nav {
	position:fixed;top:0;height:100%; z-index:100; margin-left:-30px; padding-left:25px;padding-top:25px; width:60px; min-height:100%; 
	overflow: visible!important;
}
nav .line {
	z-index:1;
	position:absolute;top:0;left:0;width:5px; height:100%; background: #28f032;
}
nav .mnu-container {
	position:relative;
	z-index:2;
	padding-bottom: 100px;
}
nav .mnu-title {
	opacity:0; display:none; overflow:hidden; margin-left:20px; font-size: 46px; line-height:1em; font-family:"Triade-Upright"; width: calc(100% - 60px);
}
nav .mnu-title.small{
	font-family:'Nitti Grotesk';font-size:23px; line-height:2em; width: auto;
}
nav .mnu-sub {
	z-index:2; opacity:0; display:none;position:absolute; bottom: 70px;left:55px;
}
nav .mnu-bottom {
	position:absolute; bottom: 0px;z-index:2;
}

nav a.topic {font-weight:bold;}

nav svg {vertical-align:top;margin-top:15px;}
nav a {text-decoration:none; color:#000; vertical-align:top; display:inline-block; }
nav a:hover {text-decoration:none; color:#28f032}
nav li {min-height:60px;}
nav li#mnu-menu{white-space:nowrap;}
nav li#mnu-menu span{opacity:0;}

#mnu-menu .lang {
    font-size: 70%;text-transform: uppercase; line-height: 1em;
    padding-left: 1px;
}
#mnu-menu .lang a.act {font-weight: bold;}
#mnu-menu .lang span  {opacity: 1}
#mnu-menu .lang span:last-child {display: none;}

#mnu-title  {
	position: relative; line-height: 1em; text-align:left;
}
#mnu-title h3 {
	display:inline;margin:0;padding:0; line-height: 1em; font-size:23px;
}
#mnu-title div {
	width: 20px;
	white-space:nowrap; margin-top: 220px; 
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#mnu-themes-content li.menu-item {
	min-height:0px;
}
#mnu-themes-content ul.sub-menu {
	margin-bottom: 1em;
	margin-lefT: 1em;
}
#mnu-themes-content a:hover {
	text-decoration: underline;
}
#mnu-themes-content div.title {
	font-weight:bold; margin: 1em 0;
}

header {padding-top: 25px;}
header a {text-decoration:none; color:#000; vertical-align:top;}
header a:hover {text-decoration:none; color:#28f032}
header .social{text-align:right;}
header .logo{text-align:center;}
header .logo svg {width:auto;height:24px;}

section .logo {margin-top:500px;margin-bottom:150px;}
section .logo svg{width:100%;height:auto;}

.editiontitle {
	position:absolute;z-index:10;top:-180px;
}

#mnu-search input {
	font-family:"Triade-Upright"; font-size: 46px; line-height: 1em; 
	margin:0; padding:0; border:none!important; background:transparent; vertical-align:bottom; width: calc(100% - 30px);
}
#mnu-search .input {
	border-bottom:2px solid #000; display: inline-block; width: 100%;
}
#mnu-search .icon-close,#mnu-themes .icon-close {
	line-height:46px; float:right; display: block;
}
#mnu-themes .icon-close {
	opacity:0;
}
.open#mnu-themes .icon-close {
	opacity:1;
}

#mnu-search-content  {
  padding-bottom: 1em; display: none;
}
#mnu-search-content .found {
	padding: 1em 0 1.5em 0;
}
#mnu-themes-content  {
  padding-bottom: 1em; display: none;
}
.small,.xml_grafik_text {
	font-family:'Nitti Grotesk';font-size:23px; line-height:1.15em;
}

div.body {
 	position: relative; margin:0 -30px; padding: 0 25px;
}
body.open nav {
	padding-right:25px;
}
body.open div.body {
 	position: fixed
}
body.open nav a:hover {text-decoration:none; color:#000}

body.home header .logo {
	display:none;
}


.theme h2 {margin-bottom:1em;margin-top:2em;}
.theme h2 svg {margin-right:15px;}

.lower {text-transform:lowercase;}
.color { color:#28f032}

h1 {font-size:58px;line-height:1em;font-family:"Triade-Upright"}
h2 {font-size:46px;line-height:1em;font-family:"Triade-Upright"}
h3 {font-size:29px;font-family:"Triade-Upright"; margin-bottom:0.5em;}

.social img {width:15px}
.social ul li {display:inline-block;margin-left:15px;}

.row-article {margin:0 -1.15em; position: relative;}
article { padding: 0 1.15em 1.15em 1.15em;}
article .wrapper {border-left:5px solid #28f032;padding-left:10px;}
article img {display:block;}
article a {text-decoration:none;}

section.editors,section.editions,section.gallerie,section.home {padding-top:220px; padding-bottom:100px;}
div.article-wrapper{padding-top:120px;}
section.article { padding:100px 0;}

section.gallerie a.picture { position:relative;display:block; }
section.gallerie a.picture > span { display:none; width:100%; height: 100%; border: 30px solid transparent;}
section.gallerie a.picture:hover > span {position:absolute; display:block;}
section.gallerie a.picture > span > h3 {position:absolute; width:100%; height: 100%; background-color:#28f032; overflow: hidden;}
section.gallerie a.picture > span > h3 > span {position:absolute; top:30px; bottom:30px;left:30px;right: 30px; overflow: hidden; display:block;}
section.gallerie a.picture img {width: 100%;}
section.gallerie article { padding: 0 0 1.15em 1.15em;}
section.home .picture {margin-bottom:1em;}

.padding-right {padding-right:1em;}

section.article h3 {margin-bottom:0;}

.headline {font-weight:bold; margin-bottom:10px;}
.bold {font-weight:bold; }
.subtitle{margin-bottom:2em;display:block;}

.xml_titel {  margin-bottom: 2em;}
.xml_dz { text-transform: uppercase; margin-bottom: 0em;}
.xml_vorspann {  margin-bottom: 1em; font-weight: bold;}
/*.xml_grafik { margin:0 auto 1em auto; text-align:center; display:table;}*/
.xml_grafik { margin:0 auto 1em 0; text-align:left; display:table;}


.xml_grafik img {max-width:100%; display: block;}
.xml_grafik_text { background:none; padding:5px; font-size:21px; font-weight:bold; text-align:center; display:table-caption;caption-side:bottom;}

.xml_text { margin-bottom: 1em; line-height: 1.3em;}
.xml_autor { margin-bottom: 1em;}



.xml_titel + br { display:none;}
.xml_vorspann + br { display:none;}
.xml_zt + br { display:none;}
.xml_dz + br { display:none;}
.xml_indent + br { display:none;}
p > br:first-child { display:none;}

.xml_zt {font-weight:600;margin-top:10px;}

.xml_indent {padding-left:30px;position: relative; }
.xml_indent:before {
  content: '\2022';
  position: absolute;
  left:12px;
  top:0; 
}
.xml_text br {margin-bottom:1em;}
.xml_text.xml_text_soft br { margin-bottom:0em;}

table.xml_table{border-collapse:collapse;margin:10px 0;width:100%;clear:both;}
table.xml_table caption{font-weight:600;padding:10px 0 5px 0;}
table.xml_table td{border:1px solid #666; padding:5px 10px;}
table.xml_table td br{margin-bottom:0;}


section.nextarticle { max-height: 500px; overflow: hidden; padding-bottom: 0; cursor: pointer; }
.nextheader {}
.nextheader a {line-height: 1em; text-decoration: none;}
.nextheader svg { vertical-align:middle; margin-right: 15px;}

.radWrapper{padding-left:60px;}
.radWrapper iframe {margin-bottom:30px;}
@media (max-width: 767px) {
	body {
		font-size:20px;
	
	}
	nav .mnu-title {
		font-size: 29px;
	}
	nav .mnu-title.small{
		font-size:17px;
	}
	#mnu-title h3 {
		font-size:17px;
	}
	h1 {font-size:29px;}
	h2 {font-size:29px;}
	h3 {font-size:20px;}

	.small,.xml_grafik_text {
		font-size:17px;
	}
	#mnu-search input {
		font-size: 29px; 
	}
	nav svg {vertical-align:top;margin-top:2px;}
	#mnu-search .icon-close,#mnu-themes .icon-close {
		line-height:29px; 
	}
	.radWrapper{padding-left:0;}
	
	div.article-wrapper{padding-top:30px;}
	
	section.editors,section.editions,section.gallerie,section.home {padding-top:45px; padding-bottom:30px;}
	section.article { padding:30px 0;}
	
	header .logo{ margin-top:20px; text-align:center;}
	#mnu-title div {
		margin-top: 150px; 
	}
	nav {
		padding-left:15px;
	}
	nav .mnu-bottom li {
		min-height: 45px;
	}
	
	.editiontitle {
		position:static;
	}

}
@media (min-width: 768px) and (max-width: 1023px) {
	body {
		font-size:23px;
	}
	nav .mnu-title {
		font-size: 34px;
	}
	nav .mnu-title.small{
		font-size:17px;
	}
	#mnu-title h3 {
		font-size:17px;
	}
	h1 {font-size:46px;}
	h2 {font-size:34px;}
	h3 {font-size:17px;}

	.small,.xml_grafik_text {
		font-size:17px;
	}
	#mnu-search input {
		font-size: 34px; 
	}
	#mnu-search input {
		font-size: 29px; 
	}
	nav svg {vertical-align:top;margin-top:6px;}
	#mnu-search .icon-close,#mnu-themes .icon-close {
		line-height:34px; 
	}
	.radWrapper{padding-left:0;}
}

@media (min-width: 1024px) and (max-width: 1439px) {
	body {
		font-size:26px;
	}
	nav .mnu-title {
		font-size: 40px;
	}
	nav .mnu-title.small{
		font-size:20px;
	}
	#mnu-title h3 {
		font-size:20px;
	}
	h1 {font-size:52px;}
	h2 {font-size:40px;}
	h3 {font-size:26px;}

	.small,.xml_grafik_text {
		font-size:20px;
	}
	#mnu-search input {
		font-size: 40px; 
	}
	nav svg {vertical-align:top;margin-top:10px;}
	#mnu-search .icon-close,#mnu-themes .icon-close {
		line-height:40px; 
	}

}

@media print {
	body {
		font-size:14px;
	}

	h1 {font-size:30px;}
	h2 {font-size:20px;}
	h3 {font-size:14px;}

	.small,.xml_grafik_text {
		font-size:12px;
	}	
    .noprint {
         display: none!important;
    }
    body {
    	background: none!important;
    }
    div.article-wrapper {
    	padding-top: 0!important;
    }
    section.article {
    	padding: 60px 0 30px 0;
	}
	section.editors, section.editions, section.gallerie, section.home {
	    padding-bottom: 30px;
	    padding-top: 60px!important;
	}
	.grid-item {
    	position: static !important;
    	display: inline-block; /* <- this way, you get at least
                                 a bit of the original back */
  	}
  	.editiontitle {
  		position: static !important;
  		padding-top: 0!important;
  	}
}