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;
}
/* Paul Irish said:; http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
/********************************************************/
/** end reset.css                                    ****/
/********************************************************/
html {
	min-height: 100%;
}
body {
	background-color: #fff;
}
body, a {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:400;
	text-decoration: none;
	color:#1e2348;
	line-height:22px;
	letter-spacing:0.02em;
	height:100%;
}
a {
	text-decoration: none;
	color:#000;
	font-weight:600;
}
a:hover {
	text-decoration: none;
	color:#373e75;
}

body {
	background-position:center bottom;
	background-size: 100% auto;
}
h1 {
	font-size: 28px;
	line-height:38px;
	font-weight: 400;
	margin-bottom:82px;
	padding:0 50px;
	clear: both;
}
h2 {
	font-size: 28px;
	line-height:34px;
	font-weight: 400;
	margin:38px 0 32px;
	padding:0 50px;
	text-transform: uppercase;
	clear: both;
}
h3 {
	font-size: 22px;
	line-height:28px;
	font-weight: 400;
	margin:38px 0 32px;
	padding:0 50px;
	clear: both;
}
p {
	margin-bottom:20px;
	padding: 0 50px;
	line-height:26px;
	clear: both;
}
div {
	padding: 0 50px;
}
ul {
	margin-bottom:20px;
	padding:0 70px;
	list-style-type: circle;
}
li {
	padding-left:5px;
	margin-bottom:12px;
	line-height: 26px;
}
/***
* Styles
*/
.block-wrapper {
    position: relative;
    width: 100%;
}

.center-wrapper {
    height: 100%;
    margin: 0 auto;
    position: relative;
    padding:0;
}
.center-wrapper.full {
	padding-right:0;
}
#nav {
	display:none;
}
#nav-trigger {
	display: none;
}
#menu-close {
	display: none;
}
#home-link img {
	position:absolute;
	max-width:100%;
	top:20px;
	right:0;
}
#header {
	height:200px;
}
#footer {
	padding:80px 0 0 ;
}
#bg {
	position:fixed;
	bottom:0;
	left:10px;
 	width:100%;
 	opacity:0.6;
}
.image {
	max-width:100%;
	height: auto;
}
.image.left {
	float:left;
	margin:0 15px 30px 0;
}
.image.klein {
	max-width:33%;
}
.galerie {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.galerie .image {
	height: auto;
	margin: 0 0 15px 0;
	flex: 0 1 auto;
}
.legende {
	font-size: 80%;
	line-height: 20px;
	color: #303030;
}
.legende img {
	margin-bottom: 1px;
}
.border {
	border: 1px solid #c0c0c1;
}
strong {
	font-weight: 700;
}
.red {
	font-weight: 700;
	color:red;
}
.jp_titel {
	margin-bottom:0;
	font-weight:600;
}
.jp_titel_with_margin {
	margin-bottom:15px;
}
.video {
}
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 000000000                                      00000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* =Media queries
-------------------------------------------------------------- */
@media screen and (max-width: 680px) {
#main {
    padding:0;

}
p,h1,h2,h3,#header,.galerie {
	padding: 0 20px;
}
.image.klein {
	max-width: 49%;
}
}
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 000000000                                      00000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* =Media queries
-------------------------------------------------------------- */
@media screen and (min-width: 825px) {
.galerie .image {
	width:48%;
	height: auto;
	flex: 0 1 auto;
}
}

/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 000000000                                      00000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* =Media queries
-------------------------------------------------------------- */
@media screen and (min-width: 310px) {
#home-link img {
   max-width:280px;
   right:30px;
}
}
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 000000000                                      00000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* =Media queries
-------------------------------------------------------------- */
@media screen and (min-width: 1000px) {
.center-wrapper {
   padding-right: 280px;
   padding-left:50px;
}
}
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 000000000                                      00000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* 0000000000000000000000000000000000000000000000000000000000000
/* =Media queries
-------------------------------------------------------------- */
@media screen and (min-width: 1200px) {
#nav-offcanvas {
	display:none;
}
#nav {
	display:block;
}
.center-wrapper {
   width: 1200px;
}
#nav-trigger {
	display:none;
}
}