@charset "utf-8";
@import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');
/* CSS Document */
/* Design by Photospirit */
/* Copyright - www.photospirit.ch */

@font-face {
    font-family: 'opusregular';
    src: url('../fonts/opus_regular-webfont.eot');
    src: url('../fonts/opus_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opus_regular-webfont.woff2') format('woff2'),
         url('../fonts/opus_regular-webfont.woff') format('woff'),
         url('../fonts/opus_regular-webfont.ttf') format('truetype'),
         url('../fonts/opus_regular-webfont.svg#opusregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'opusbold';
    src: url('../fonts/opus_bold-webfont.eot');
    src: url('../fonts/opus_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opus_bold-webfont.woff2') format('woff2'),
         url('../fonts/opus_bold-webfont.woff') format('woff'),
         url('../fonts/opus_bold-webfont.ttf') format('truetype'),
         url('../fonts/opus_bold-webfont.svg#opusbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


.slicknav_menu {
	display:none;
}

body {
	margin: 0 auto;
	padding: 0 auto;
	background: #000;
    font-family: 'opusregular';
	font-weight:300;	
	font-size: 100%; /* 16px */
	color: #a17a54;
	overflow-y:scroll;
}


h1 {
    font-family: 'opusbold';
	font-size:20px;
	text-align:left;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin:0 0 10px 0;
	line-height: 1.2;
	padding: 0 95px 0 0;
}

h1.chronik {
	font-size: 60px;
	letter-spacing: 30px;
	text-align: center;
	margin: 40px 0;
	padding:0;
}

h2 {
	font-size:16px;
	text-align:left;
	text-transform:uppercase;
	letter-spacing: 1px;
	padding: 0px 0px 30px 64px;
}

h2.chronik {
	text-align: center;
	padding:0;
	font-size:20px;
	letter-spacing: 10px;
	margin-bottom: 20px;
}

h3 {
	font-size:16px;
	text-align:left;
	text-transform:uppercase;
	letter-spacing: 1px;
	padding: 20px 0px 5px 0px;
}

h4 {
	text-align: center;
	padding:0;
	font-size:14px;
	letter-spacing: 4px;
	margin-top: 10px;
    margin-bottom: 30px;
	text-transform:uppercase;
    font-family: 'opusbold';
}

p {
	font-size: 16px;
	line-height:1.4;
	color: #000;
	padding: 0 75px 0 0;
	text-align: justify;
	margin: 0 0 20px 0;
}

p.impressum {
	margin-bottom: 0;
}

.bold {
	font-family: 'opusbold';
}

a {
	color: #a17a54;
/*	position: relative; */
	text-decoration: none;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

a:hover{ 
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	transition: all 0.5s linear;
	color:#fff;
}

section ol, section ul {
	margin: 0 0 20px 16px;
}

section ol > li, section ul > li {
	color: #000;
	font-size: 16px;
	line-height:1.4;
	text-align: justify;
	list-style: decimal;
	list-style-position: outside;
	padding: 0 95px 0 0;
}

section ul > li {
	list-style: disc;
}

table {
	text-align: left;
	font-size: 14px;
	color:#000;
	margin: 10px 0 40px 0;
}

th {
	font-weight: 600;
	font-size: 16px;
	padding: 5px 0 5px 5px;
}

th:nth-child(1) {
	background: #E3E3E3;
}

th:nth-child(2) {
	background: #CBCACA;
}

th:nth-child(3) {
	background: #C6BEB3;
}

td {
	padding: 5px 0 2px 5px;
	border-bottom: thin solid #000;
}
td:nth-child(1) {
	background: #F6F6F6;
}

td:nth-child(2) {
	background: #E3E3E3;
}

td:nth-child(3) {
	background: #D9CAB4;
}

td.none {
	border: none;
}

.clear {
	clear:both;
}

/* Wrapper Info */

#wrapper {
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
}

.col-1-2 {
	float: left;
	width:45%;
}

.col-1-6, .col-1-6-first {
	width: 8%;
	background: #000;
	min-height: 100vh;
	float: left;
	padding-bottom: 99999px; 
	margin-bottom: -99999px;	
}

.col-1-6-first {
    width: 25.33333%
}

.col-4-6 {
	width: 66.66666%;
	background: #ebe1d8;
	min-height: 100vh;
	float: left;
	padding-bottom: 99999px; 
	margin-bottom: -99999px;	
}

.col-4-6 img {
	max-width: 90%;
}

.col-1-6 img {
	max-width: 100%;
}


.start {
	padding-top:80px;
	background: #000;
	text-align: center;
	min-height: calc(100vh - 80px);
	position: relative;
}

/* Heading */

.logo {
	position: fixed;
	z-index: 100;
	margin-top:40px;
	margin-bottom: 50px;
	margin-left: -88px;
}

.logo-mobile {
	display: none;
}


img.open-door {
	position: absolute;
	top:40px;
	left:90px;
}

img.jubi {
    margin-top:30px;
}



/*********** NAV ***************/
.nav {
	margin-top: 200px;
}


.sidebar {
	width: 220px;
	height: calc(100vh - 240px);
	position: fixed;
	top: 240px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 100;
}
.sidebar #leftside-navigation ul,
.sidebar #leftside-navigation ul ul {
	margin: -2px 0 0;
	padding: 0;
}
.sidebar #leftside-navigation ul li {
	list-style-type: none;
}
.sidebar #leftside-navigation ul li.active > a {
	color: #fff;
}
.sidebar #leftside-navigation ul li.active ul {
	display: block; /* display: block to show nav on page change */
}
.sidebar #leftside-navigation ul li a {
	color: #a17a54;
	text-decoration: none;
	display: block;
	padding: 8px 0 8px 5px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	outline: 0;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.sidebar #leftside-navigation ul li a:hover {
	color: #fff;
}
.sidebar #leftside-navigation ul li a span {
	display: inline-block;
}
.sidebar #leftside-navigation ul li a i {
	width: 20px;
}
.sidebar #leftside-navigation ul li a i .fa-angle-left,
.sidebar #leftside-navigation ul li a i .fa-angle-right {
	padding-top: 3px;
}
.sidebar #leftside-navigation ul ul {
	display: none;
	width: 300px;
	background: #000;
}
.sidebar #leftside-navigation ul ul li {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	border-bottom: none;
}
.sidebar #leftside-navigation ul ul li a {
	font-size: 14px;
	padding: 3px 5px 3px 10px;
	text-transform: none;
	color: #a17a54;
	letter-spacing: normal;
	line-height: 1.2;
}

.border {
	border-bottom: thin solid #a17a54;
	width: 90%;
	padding: 10px 0;
}


/**** Content ***/
#content {
	width:1280px;
	margin:0 auto;
	padding:0 auto;
	overflow: hidden;
}

section {
	margin: 245px 0 0 120px;
}

section#imgstart {
	margin-top:50px;
}

.bilder {
	width:calc(100% + 50px);
}

.bilder-mobile {
	display: none;
}

img.statuten {
	margin: 810px 0 0 -50px;
}

img.maskenball {
	margin: 30px 0 0 -50px;
}

img.normal-page {
	margin: 285px 0 0 -50px;
}

img.normal-page-titelbild {
	margin: 685px 0 0 -50px;

}

img.normal-page-adjust {
	margin: 50px 0 0 -50px;
}

img.adjust {
	margin: 0 0px 20px 0px;
	max-height: 329px;
}

img.middle {
	max-height: 400px;
}



@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	.col-1-6-first {width:20%;}
	.col-1-6 {display: none;}
	.col-4-6 {width:80%;}
	#content { position:relative; top:0px; width:100%; height:auto; background: none;}
	.bilder-mobile {display: inherit; margin-bottom: 20px;}
	.bilder-mobile img {width: 43%;}
}

@media only screen and (min-width: 200px) and (max-width: 1024px) {
	.col-1-2 {float: none;width: 100%;}
	.col-1-6-first {width:20%;padding-bottom: 0; margin-bottom: 0;}
	.col-1-6 {display: none;}
	.col-4-6 {width:80%;padding-bottom: 0; margin-bottom:0;}
	.col-4-6.start {width: 100%;}
	.col-4-6.start img {max-width:70%;}
	.logo {display: none;}
	.logo-mobile {display: block;position: relative; z-index: 100;float: none;margin: 80px 0 0 0}
	.logo-mobile img {width: 100%;}
	#content { position:relative; top:0px; width:100%; height:auto; background: none;}
	section {margin: 82px 0 0 10px}
	section#statuten {margin:72px 0 0 50px;}
	.home {display: none;}
	p {padding: 0 35px 0 0;}
	section ol > li, section ul > li {padding: 0 35px 0 0;}
	section ol, section ul {margin: 0 0 20px 20px;}

	.bilder-mobile {display: inherit; margin-bottom: 20px;}
	.bilder-mobile img {width: 47%;}
	.sidebar {display: none;}
}

@media only screen and (min-width: 200px) and (max-width: 667px) {
	.js .slicknav_menu {display:block; position:fixed; top:0;width:100%;z-index:100000;}
	.js #menu {display:none;}
	h1 {font-size:16px;	letter-spacing: 0.5px;padding-right:15px;}
	h1.chronik {font-size: 30px; letter-spacing: 10px;margin: 30px 0;}
	h2.chronik {font-size:14px;	letter-spacing: 5px;line-height: 1.4}
    h4 {font-size:10px;line-height: 1.4}
	section#imgstart {margin:72px 0 0 20px;}
	p {font-size: 14px; padding: 0 15px 0 0;}
	section ol > li, section ul > li {font-size:14px;line-height:1.4;padding: 0 15px 0 0;}
	.bilder-mobile img {width: 100%;}
	table, th, td {font-size: 12px;}
	img.open-door {position: relative;top:0;left:0;}
}

@media only screen and (min-width: 480px) and (max-width: 667px) {
	h1.chronik {font-size: 40px; letter-spacing: 10px;margin: 30px 0;}
	h2.chronik {font-size:16px;	letter-spacing: 5px;line-height: 1.4}
}

@media only screen and (min-width: 668px) and (max-width: 1024px) {
	.js .slicknav_menu {display:block; position:fixed; top:0;width:100%;z-index:100000;}
	.js #menu {display:none;}
	section {margin: 82px 0 0 20px}
	h1.chronik {font-size: 60px; letter-spacing: 30px;margin: 40px 0;}
	h2.chronik {font-size:20px;	letter-spacing: 10px;line-height: 1}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.col-1-2 {float: left;width:45%;}
}