/*
-----------------------------------------------
		www.03arch.de
	 by www.kuchenbeiser.de
	  & www.lichtsignale.de
----------------------------------------------- */


/*		R E S E T
----------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		-webkit-text-size-adjust: 100%;
		font-variant-ligatures: none;
}

html {
		height: 100%;
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
		display: block;
}

blockquote, q {
		quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
		content: none;
}

a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		outline: none;
}

table {
		border-collapse: collapse;
		border-spacing: 0;
}

input, select {
		vertical-align: middle;
}

nav li {
		list-style: none;
}


/*		B A S I C S
----------------------------------------------- */

@font-face {
		font-family: "Gerstner Programm Medium";
		src: url("fonts/Gerstner-ProgrammMedium.woff2") format("woff2"),
			 url("fonts/Gerstner-ProgrammMedium.woff") format("woff");
		font-weight: normal;
		font-style: normal;
		font-display: swap;
}

body {
		color: #1a1a18;
		background: #fff;
		font-family: "Gerstner Programm Medium", Helvetica, Arial, sans-serif;
		font-size: 15px;
		line-height: 17px;
		letter-spacing: 0.01em;
		text-align: left;
}

#bslide {
		overflow: hidden;
}

.bslidepdf {
		overflow: inherit !important;
}

h1, h2, h3, strong, b {
		font-weight: normal;
}

a:link, a:visited {
		color: #141414;
		text-decoration: none;
}

a:hover {
		color: #939995;
}

::-moz-selection {
		background: #dbdddc;
	}
	
::selection {
		background: #dbdddc;
}


/*		M A I N
----------------------------------------------- */

#wrapper {
		margin: 10px 20px 0 20px;
}

#bindex #wrapper {
		display: grid;
		align-content: space-between;
		height: calc(100vh - 20px);
		padding-bottom: 10px;
}

#bindex header, #btext header {
		height: 68px;
}

header {
		position: relative;
}

header h1 {
		float: right;
		text-align: right;
}

header h2 {
		padding-top: 34px;
		margin-right: 26px;
}

header #number {
		position: relative;
		top: -17px;
		float: right;
}

header h2 span {
		display: none;
}

header ul {
		position: absolute;
		left: 0;
		top: 0;
}

header li {
		float: left;
		margin-right: 10px;
}

#navsearch:hover {
		color: #939995;
		cursor: pointer;
}

#search {
		outline: 0;
		border: none;
		padding: 0;
		color: #1a1a18;
		font-family: "Gerstner Programm Medium", Helvetica, Arial, sans-serif;
		font-size: 150%;
		line-height: 23px;
		letter-spacing: 0.015em;
		word-spacing: -0.03em;
		width: 100%;
		position: relative;
		top: -2px;
		cursor: default;
}

#search:focus {
		cursor: text;
}

::placeholder {
	color: #1a1a18;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #1a1a18;
}

::-ms-input-placeholder {
	color: #1a1a18;
}

.fancybox-can-swipe .fancybox-content {
	cursor: pointer !important;
}


/*		I N D E X
----------------------------------------------- */

.row {
		clear: both;
}

.bilder, .text {
		font-size: 150%;
		line-height: 23px;
		letter-spacing: 0.015em;
		word-spacing: -0.03em;
}

h1 span {
		padding-left: 1px;
		white-space: nowrap;
}

.bilder span, .text span {
		padding-left: 2px;
		white-space: nowrap;
}

.title {
		text-align: right;
		margin-left: 30px;
}

.bilder .title, .text .title {
		margin-left: 40px;
}

.number {
		float: left;
		width: 30px;
}

.type {
		float: right;
		display: none;
		text-align: right;
}

.filter .type {
		display: inherit;
		float: left;
}

.filter {
	display: none;
}


/*		T E X T
----------------------------------------------- */

#text {
		padding-bottom: 1px;
}

#text p, #text figure {
		margin-bottom: 20px;
}

#text img {
		max-width: 100%;
		margin-bottom: -3px;
		height: auto;
}


/*		S L I D E S
----------------------------------------------- */

#bslide #wrapper {
		margin-top: 0;
}

#bslide header {
		z-index: 3000;
		background: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
}

#bslide header ul {
		top: 10px;
}

#bslide footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		width: calc(100% - 20px);
		height: 30px;
		background: #fff;
}

#folien {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
}

.slide-s p {
		margin: 100px 20px 30px 20px;
		overflow: hidden;
}

.rsImg {
		float: right;
}

.slide-s p, .slide-l {
		margin-bottom: 20px;
		padding-bottom: 20px;
}

.slide-m {
		width: 100%;
		width: calc(100% - 40px);
		height: 100%;
		height: calc(100% - 80px);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		margin-top: 50px;
		margin-left: 20px;
}

.slide-m img {
		max-height: 100%;
		width: auto;
}

.slide-l {
		font-size: 150%;
		line-height: 23px;
		letter-spacing: 0.015em;
		word-spacing: -0.03em;
		margin-top: 100px;
		margin-left: 20px;
		margin-right: 20px;
}

.slide-s, .slide-l {
		padding-top: 2px;
}

.slide-f, .slide-i {
		width: 100%;
		width: calc(100% - 40px);
		height: 100%;
		height: calc(100% - 80px);
		background-size: contain;
		background-position: right bottom;
		background-repeat: no-repeat;
		margin-top: 50px;
		margin-left: 20px;
}

.slide-i {
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
}

.slide-number {
		position: absolute;
		left: 20px;
		bottom: 5px;
		white-space: nowrap;
}

.rsGCaption {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 100;
		bottom: 5px;
		width: auto;
		text-align: right;
		margin-left: 60px;
		width: calc(100% - 80px);
		float: inherit;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}

.rsSlide {
		overflow-y: inherit !important;
}


/*		A B O U T
----------------------------------------------- */

.about {
		border-bottom: 20px solid #fff;
		max-width: 1253px !important;
}

#big03 {
		font-size: 300%;
		line-height: 100%;
		letter-spacing: -0.01em;
		margin-top: 12px;
		text-indent: -1px;
}

.about li {
		list-style: none;
}

.about #menschen h3 {
		cursor: text;
		color: #141414;
}

.about #menschen h3.bio:hover {
		cursor: pointer;
		color: #939995;
}

.ui-state-active {
		color: #939995 !important;
}

.nobio {
		display: none;
}

#menschen {
		margin: 34px 0;
}

#menschen span {
		float: left;
		display: block;
}

#menschen strong {
		margin-left: 65px;
		display: block;
}


/*		I N V E R T E D
----------------------------------------------- */

.inverted {
		color: #fff;
		background: #000;
}
	
.inverted a:link, .inverted a:visited {
		color: #fff;
		text-decoration: none;
}
	
.inverted a:hover {
		color: #939995;
}
	
#bslide.inverted header {
		background: #000;
}

#bslide.inverted footer {
		background: #000;
}


/*		R E S P O N S I V E
----------------------------------------------- */

@media screen and (min-width: 350px) {

.news .number {
		margin-left: 25px;
}

}


@media screen and (min-width: 550px) {

#wrapper {
		margin: 15px 30px 0 30px;
}

#bindex header {
		height: 100px;
}

#btext header {
		height: 30px;
}

#bindex #wrapper {
		height: calc(100vh - 25px);
		padding-bottom: 10px;
}

#bslide header h2, #btext header h2 {
		float: right;
		padding-top: 0;
}

#bslide header span, #btext header span {
		display: inline;
}

header #number {
	position: relative;
	top: 0;
	float: none;
	margin-left: 118px;
}

#search {
		width: auto;
		position: absolute;
		right: 90px;
		top: 12px;
		text-align: right;
}

.news {
		margin-left: 92px;
}

.news .title {
		margin-right: 92px;
		margin-left: 0;
}

.news .number {
		margin-left: 0;
}

.type {
		display: inherit;
		width: 92px;
}

.filter .type {
		float: right;
}

.slide-m, .slide-l, .slide-f, .slide-i, .slide-s p {
		margin-left: 30px;
		margin-right: 30px;
}

.slide-m, .slide-f, .slide-i {
		width: calc(100% - 60px);
		height: calc(100% - 70px);
		margin-top: 35px;
}

.slide-s p, .slide-l {
		margin-top: 60px;
		padding-bottom: 30px;
}

#bslide footer {
		width: calc(100% - 30px);
		height: 35px;
}

.slide-number {
		left: 30px;
		bottom: 12px;
}

.rsGCaption {
		bottom: 12px;
		text-align: right;
		width: calc(100% - 90px);
}

#slide {
		float: left;
		margin-right: 10px;
}

}


@media screen and (min-width: 650px) {

#btext header {
		height: 15px;
}

#bslide header {
		height: 20px;
}

#btext h1, #btext nav ul {
		position: fixed;
}

#btext nav ul {
		margin-left: 30px;
		margin-top: 15px;
}

#bslide h1, #bslide nav ul {
		position: absolute;
		z-index: 9000;
}

#btext h1 {
		right: 30px;
		z-index: 9000;
}

#bslide h1 {
		right: 0;
}

.aboutpage h1, .aboutpage nav ul {
	position: inherit !important;
	margin-left: 0 !important;
	right: 0 !important;
}

#btext h2, #bslide h2 {
		margin-right: 118px;
}

#btext h2 {
		margin-left: 118px;
		padding-top: 34px;
}

#btext #number, #bslide #number {
		margin-left: 118px;
}


#search {
		font-size: 200%;
		line-height: 29px;
		letter-spacing: 0;
		right: 115px;
		top: 14px;
}

.bilder, .text, .about #bios h3 {
		font-size: 200%;
		line-height: 29px;
		letter-spacing: 0;
}

.news {
		margin-left: 118px;
}

.news .title {
		margin-right: 118px;
}

.bilder .title, .text .title {
		margin-left: 50px;
}

.type {
		width: 118px;
}

#text {
		margin-left: 118px;
		margin-right: 118px;
		margin-top: 17px;
}

#text .img-s {
		max-width: 50%;
}

#text .img-m {
		max-width: 60%;
}

#text .img-l {
		max-width: 70%;
}

.slide-s p {
		margin-right: 218px;
}

.slide-l {
		font-size: 200%;
		line-height: 29px;
		letter-spacing: 0;
}

.about {
		margin-left: 0 !important;
		margin-right: 0 !important;
}

.about div:first-child, #menschen div {
		margin-left: 118px;
}

.about span {
		display: inline-block;
		width: 114px;
}

#big03 {
		font-size: 610%;
		line-height: 100%;
		letter-spacing: -0.01em;
		margin-top: 12px;
		text-indent: -4px;
}

.textlink span {
		width: 115px;
}

.about span.ui-accordion-header-icon {
		display: inherit;
		width: auto;
}

.about h3 span {
		width: 111px;
}

.about #menschen span {
		float: left;	
		width: 118px;
}

#menschen strong {
		margin-left: 118px;
}

.about #menschen div {
		margin-left: 118px;
}

}


@media screen and (min-width: 900px) {

body {
		font-size: 20px;
		line-height: 22px;
		letter-spacing: 0.015em;
}

header, #btext nav ul {
		margin-top: 25px;
}

#bindex header {
		height: 125px;
}

#btext header {
		height: 20px;
}

#btext nav ul {
		margin-left: 50px;
}

#bslide header {
		height: 25px;
		padding-bottom: 0;
}

#btext h1 {
		right: 50px;
}

#bslide h1 {
		right: 0;
}

#btext h2, #bslide h2 {
		margin-right: 189px;
}

#btext h2 {
		margin-left: 189px;
		padding-top: 44px;
}

#btext #number, #bslide #number {
		margin-left: 189px;
}

#search {
		font-size: 250%;
		line-height: 48px;
		letter-spacing: -0.005em;
		right: 187px;
		top: 14px;
		width: 400px;
		width: calc(100% - 455px);
}

header li {
		margin-right: 15px;
}

#wrapper {
		margin: 0 50px 0 50px;
}

#bindex #wrapper {
		height: calc(100vh - 5px);
}

#bindex #index {
		padding-bottom: 25px;
}

.bilder, .text {
		font-size: 250%;
		line-height: 48px;
		letter-spacing: -0.005em;
}

.news {
		margin-left: 190px;
}

.news .title {
		margin-right: 190px;
}

.bilder .title, .text .title {
		margin-left: 75px;
}

.type {
		width: 189px;
}

#text {
		margin-left: 189px;
		margin-right: 189px;
		margin-top: 22px;
}

#text p, #text figure {
		margin-bottom: 25px;
}

#text .img-s {
		max-width: 50%;
}

#text .img-m {
		max-width: 60%;
}

#text .img-l {
		max-width: 70%;
}

#bslide header {
		margin-top: 0;
		padding-top: 25px;
}

#bslide nav ul {
		margin-top: 15px;
}

.slide-m, .slide-l, .slide-f, .slide-i, .slide-s p {
		margin-left: 50px;
		margin-right: 50px;
}

.slide-m, .slide-f, .slide-i {
		width: calc(100% - 100px);
		height: calc(100% - 100px);
		margin-top: 50px;
}

.slide-s p, .slide-l {
		margin-top: 90px;
		padding-bottom: 50px;
}

#bslide footer {
		width: calc(100% - 50px);
		height: 50px;
}

.slide-number {
		left: 50px;
		bottom: 24px;
}

.rsGCaption {
		bottom: 24px;
		width: calc(100% - 109px);
}

.slide-s p {
		margin-right: 358px;
		margin-bottom: 25px;
}

.slide-l {
		font-size: 250%;
		line-height: 48px;
		letter-spacing: -0.005em;
}

.about {
		border-bottom: 25px solid #fff;
}

#big03 {
		font-size: 740%;
		line-height: 22px;
		margin-top: 77px;
		margin-bottom: 44px;
		text-indent: -7px;
}

#menschen {
		margin: 44px 0;
}

.about div:first-child, #menschen div {
		margin-left: 189px;
}

.about span {
		width: 185px;
}

.about #menschen span {
		width: 189px;
}

#menschen strong {
		margin-left: 189px;
}

.about #menschen div {
		margin-left: 189px;
}

}


@media screen and (min-width: 1300px) {

#btext h2, #bslide h2 {
		margin-right: 258px;
}

#btext h2 {
		margin-left: 258px;
}

#btext #number, #bslide #number {
		margin-left: 258px;
}

#search {
		font-size: 350%;
		line-height: 67px;
		letter-spacing: -0.0125em;
		right: 256px;
		top: 14px;
		width: 600px;
		width: calc(100% - 585px);
}

.bilder, .text {
		font-size: 350%;
		line-height: 67px;
		letter-spacing: -0.0125em;
}

.news {
		margin-left: 260px;
}

.news .title {
		margin-right: 260px;
}

.bilder .title, .text .title {
		margin-left: 100px;
}

.type {
		width: 258px;
}

#text {
		margin-left: 258px;
		margin-right: 258px;
		max-width: 1000px;
}

#text .img-s {
		max-width: 40%;
}

#text .img-m {
		max-width: 50%;
}

#text .img-l {
		max-width: 60%;
}

.slide-s p {
		max-width: 1000px;
}

.slide-l {
		font-size: 350%;
		line-height: 67px;
		letter-spacing: -0.0125em;
}

.slide-number {
		bottom: 18px;
}

.rsGCaption {
		bottom: 18px;
}

#big03 {
		font-size: 1000%;
		margin-top: 99px;
		margin-bottom: 55px;
		text-indent: -10px;
}

#menschen {
		margin: 44px 0;
}

.about div:first-child, #menschen div {
		margin-left: 258px;
}

.about span {
		width: 253px;
}

.about #menschen span {
		width: 113px;
		margin-left: 145px;
}

#menschen strong {
		margin-left: 258px;
}

.about #menschen div {
		margin-left: 258px;
}

}