@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family:'sohnebreithalbfett';
  src: url(soehne-breit-web-halbfett.woff);}



/* FOUNDATION */

html, body {
  	width:100%;
	height:100%;
  	background-color:#FBFBFB;}

body {
	margin:0 auto;
	padding:0;	
	height:auto;
	overflow-x:hidden;}

#wrapper {
	width:94.5%;
	height:auto;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:1.875%;
	margin-bottom:5%;
	
	display:grid;
	column-gap:3%;
	row-gap:0.625%;
	grid-template-columns: auto auto;}



/* PRIMARY STRUCTURE */

.entry1, .entry2, .entry4 {
	margin-top:1.25%;
	padding-top:2.5%;
	width:100%;
	border-top:1px solid red;}

.entry2 {
	grid-column-start: 1;
	grid-column-end: 3;}

.entry4 {
	grid-column-start: 1;
	grid-column-end: 4;
	border-top:1px solid black;
	padding-bottom:5%;}





/* TEXT */

#texts {
	font-family: 'EB Garamond', serif;
	color:black;
	position:relative;
	float:left;
	clear:right;
	width:70%;
	margin-bottom:2.5%;}

#text1,
#text2,
#text3,
#text4{
	position:relative;
	float:left;
	clear:right;}

/**/

#text1, #text1notes {
	width:90%;
	font-style:normal;
	font-size:2.1vw;
	line-height:132%;
	letter-spacing:0.02em;
	margin-left:5%;
	margin-bottom:0.5%;}

#text1 span.italic1{
	font-style:italic;
	letter-spacing:0.02em;}

/**/

#text2 {
	width:77.5%;
	font-style:normal;
	font-size:1.6vw;
	line-height:122%;
	letter-spacing:0.02em;
	margin-left:17.5%;
	margin-bottom:1%;}

#text2 span.smallcaps2 {
	text-transform: uppercase;
	font-size: 1.3vw;
	line-height:150%;
	letter-spacing:0.035em;}

#text2 span.italic {
	font-style:italic;
	letter-spacing:0.0325em;}

#text2 sup {
	line-height: 0;
	font-size:0.8vw;}

/**/

#text3 {
	width:77.5%;
	font-style:normal;
	font-size:1.3vw;
	line-height:120%;
	letter-spacing:0.02em;
	margin-left:10%;
	margin-bottom:1%;}

#text3 span.smallcaps3 {
	text-transform: uppercase;
	font-size: 1vw;
	line-height:156%;
	letter-spacing:0.035em;}

#text3 span.italic {
	font-style: italic;
	letter-spacing:0.025em;}

#text3 sup {
	line-height: 0;
	font-size:0.8vw;}
	
/**/

#text4 {
	width:60%;
	font-style:normal;
	text-transform:uppercase;
	font-size:0.8vw;
	line-height:156%;
	letter-spacing:0.2em;
	margin-left:25%;
	margin-bottom:2%;}

#text4 span.lower{
	text-transform:none;}

/**/

#text5 {
	width:95%;
	clear:left;
	font-style:normal;
	font-size:1vw;
	line-height:170%;
	letter-spacing:0.02em;
	margin-left:10%;
	margin-bottom:2%;}

#text5 span.supnum {
	font-weight:600;}

#text5 span.smallcaps5 {
	text-transform: uppercase;
	font-size: 1vw;
	line-height:156%;
	letter-spacing:0.045em;}

#text5 span.italic {
	font-style: italic;
	letter-spacing:0.025em;}

/**/

#textyear{
	font-family: 'EB Garamond', serif;
	color:black;
	font-size:1vw;
	line-height:128%;
	letter-spacing:0.7em;
	font-style:normal;
	text-transform:uppercase;
	clear:left;
	width:55%;
	margin-left:40%;}





/* IMAGES */

.image15,.image25,.image325,.image35,.image45,.image55,.image75,.image935{
	position:relative;
}

.image15 img,.image25 img,.image325 img,.image35 img,.image45 img,.image55 img,.image65 img,.image75 img,.image85 img,.image935 img,.image95 img{
	border:4px solid black;
	height:auto;
	float:left;
	clear:none;
	margin-bottom:2.5%;
	margin-left:1.25%;
	margin-right:2.5%;}


.image15 img {width:15%;}
.image25 img {width:25%;}
.image325 img {width:33.4%;}
.image35 img {width:35%;}
.image45 img {width:45%;}
.image55 img {width:55%;}
.image65 img {width:65%;}
.image75 img {width:75%;}
.image85 img {width:85%;}
.image935 img {width:93.5%;}
.image95 img {width:95%;}



.slideshow display-container {
	width:93.5%;
	height:auto;
	float:left;
	clear:none;
	margin-bottom:2.5%;}

.slideshow .mySlides1, .mySlides2, .mySlides3, .mySlides4, .mySlides5, .mySlides6{
	width:93.5%;
	border:4px solid black;
	height:auto;}

.left, .right {
	position:relative;
	border: none;
	background-color:#FBFBFB;
	padding-top:2.5%;
	padding-right:5%;
	padding-left:0;
	padding-bottom:3.125%;

	font-family: 'EB Garamond', serif;
	font-size:1.3vw;
	color:black;}

.left {left:5%;}
.right {left:75%;}





/* FOOTER */

.footer {
	width:100%;
	z-index:100;
	position:fixed;
	bottom:0;
	padding-top:1.25%;
	padding-bottom:1.25%;
	background-color:#FBFBFB;
	border-top:1px solid black;
	height:auto;

	
	font-family:'EB Garamond', serif;
	text-align:center;
	font-style:normal;
	font-size:1vw;
	line-height:200%;}









/* LINKS */

a.textlink:link, a.textlink:visited {
	text-decoration:none;
	border-bottom: 1px solid black;
	padding-bottom:1px;
	color:black;}
	
a.textlink:hover { 
	color:grey;
	border-bottom:1px solid grey;}





/* MEDIA QUERIES  */

@media only screen and (min-width: 2000px) and (max-width: 2900px) {
#wrapper {grid-template-columns: auto auto auto auto;}
.entry2 {grid-column-end: 3;}
.entry4 {grid-column-end: 5;}
#texts {width:100%;}
#text1,#text1notes, #text1 span.italic1{font-size:1.25vw;}
#text1notes {margin-left:1%;}
#text2,#text2 span.italic{font-size:0.95vw;}
	#text2 sup {font-size:0.48vw;}
	#text2{width:80%;}
	#text2 span.smallcaps2 {font-size:0.7vw;}
#text3,#text3 span.italic{font-size:.77vw;}
	#text3{width:85%;}
	#text3 span.smallcaps3 {font-size:0.59vw;}	
	#text3 sup {font-size:0.48vw;}
#text4,#text4 span.lower{font-size:0.48vw;}
#text5 {font-size:0.59vw;}
	#text5 span.smallcaps5 {font-size:0.48vw;}
	#text5 {margin-left:2.25%;}
#textyear{font-size:0.59vw;}
.footer {font-size:0.59vw;}
.left {left:5%;font-size:0.88vw;}
.right {left:75%;font-size:0.88vw;}}


@media only screen and (min-width: 1750px) and (max-width: 2000px) {
#wrapper {grid-template-columns: auto auto auto auto;}
.entry2 {grid-column-end: 3;}
.entry4 {grid-column-end: 5;}
#texts {width:100%;}
#text1,#text1notes, #text1 span.italic1{font-size:1.39vw;}
#text1notes {margin-left:1%;}
#text2,#text2 span.italic{font-size:1.05vw;}
	#text2 sup {font-size:0.53vw;}
	#text2{width:80%;}
	#text2 span.smallcaps2 {font-size:0.77vw;}
#text3,#text3 span.italic{font-size:.86vw;}
	#text3{width:85%;}
	#text3 span.smallcaps3 {font-size:0.66vw;}
	#text3 sup {font-size:0.53vw;}
#text4,#text4 span.lower{font-size:0.53vw;}
#text5 {font-size:0.66vw;}
	#text5 span.smallcaps5 {font-size:0.53vw;}
	#text5 {margin-left:2.25%;}
#textyear{font-size:0.66vw;}
.footer {font-size:0.66vw;}
.left {left:5%;font-size:1vw;}
.right {left:75%;font-size:1vw;}}

@media only screen and (min-width: 1600px) and (max-width: 1750px) {
#wrapper {grid-template-columns: auto auto auto auto;}
.entry2 {grid-column-end: 3;}
.entry4 {grid-column-end: 5;}
#texts {width:100%;}
#text1,#text1notes, #text1 span.italic1{font-size:1.54vw;}
#text1notes {margin-left:1%;}
#text2,#text2 span.italic{font-size:1.17vw;}#text2{width:80%;}
	#text2 sup {font-size:0.59vw;}
	#text2 span.smallcaps2 {font-size:0.85vw;}
#text3,#text3 span.italic{font-size:.95vw;width:85%;}
	#text3{width:85%;}
	#text3 span.smallcaps3 {font-size:0.73vw;}	
	#text3 sup {font-size:0.59vw;}
#text4,#text4 span.lower{font-size:0.59vw;}
#text5 {font-size:0.73vw;}
	#text5 span.smallcaps5 {font-size:0.59vw;}
	#text5 {margin-left:2.25%;}
#textyear{font-size:0.73vw;}
.footer {font-size:0.73vw;}
.left {left:5%;font-size:1vw;}
.right {left:75%;font-size:1vw;}}

@media only screen and (min-width: 1450px) and (max-width: 1600px) {
#wrapper {grid-template-columns: auto auto auto;row-gap:0.75%;}
.entry2 {grid-column-end: 4;}
.entry4 {grid-column-end: 4;}
#texts {width:100%;}
#text1,#text1notes, #text1 span.italic1{font-size:1.71vw;}
	#text1notes {margin-left:1.25%;}
#text2,#text2 span.italic{font-size:1.30vw;}
	#text2 sup {font-size:0.65vw;}
	#text2 span.smallcaps2 {font-size:0.95vw;}
#text3,#text3 span.italic{font-size:1.05vw;}
	#text3 span.smallcaps3 {font-size:0.81vw;}	
	#text3 sup {font-size:0.65vw;}
#text4,#text4 span.lower{font-size:0.65vw;}
#text5 {font-size:0.81vw;}
	#text5 span.smallcaps5 {font-size:0.65vw;}
	#text5 {margin-left:3.25%;}
#textyear{font-size:0.81vw;}
.footer {font-size:0.81vw;}}
	
@media only screen and (min-width: 1300px) and (max-width: 1450px) {
#wrapper {grid-template-columns: auto auto auto;row-gap:0.625%;}
.entry2 {grid-column-end: 4;}
.entry4 {grid-column-end: 4;}
#texts {width:100%;}
#text1,#text1notes, #text1 span.italic1{font-size:1.89vw;}
	#text1notes {margin-left:1.25%;}
#text2,#text2 span.italic{font-size:1.44vw;}
	#text2 sup {font-size:0.72vw;}
	#text2 span.smallcaps2 {font-size:1.05vw;}
#text3,#text3 span.italic{font-size:1.17vw;}
	#text3 span.smallcaps3 {font-size:0.9vw;}	
	#text3 sup {font-size:0.72vw;}
#text4,#text4 span.lower{font-size:0.72vw;}
#text5 {font-size:0.9vw;}
	#text5 span.smallcaps5 {font-size:0.72vw;}
	#text5 {margin-left:3.25%;}
#textyear{font-size:0.9vw;}
.footer {font-size:0.9vw;}}

@media only screen and (min-width: 1150px) and (max-width: 1300px) {
#wrapper {grid-template-columns: auto auto auto;row-gap:0.625%;}
.entry2 {grid-column-end: 4;}
.entry4 {grid-column-end: 4;}
#texts {width:100%;}
#text1notes {margin-left:1.25%;}
#text5 {margin-left:3.25%;}}

/* 
#text1, #text1notes {font-size:2.1vw;}
#text2 {font-size:1.6vw;}
#text2 sup {font-size:0.8vw;}
#text3 {font-size:1.3vw;}
#text3 sup {font-size:0.8vw;}	
#text4 {font-size:0.8vw;}
#text5 {font-size:0.8vw;}
#textyear{font-size:1vw;}
.footer {font-size:1vw;}
*/

@media only screen and (min-width: 1000px) and (max-width: 1150px) {
#wrapper {grid-template-columns: auto auto;row-gap:0.3125%;padding-bottom:65%;}
.entry2 {grid-column-end: 3;}
.entry4 {grid-column-end: 3;}
#texts {width:90%;}
#text1, #text1notes,#text1 span.italic1 {font-size:2.33vw;}
#text1notes {margin-left:2.5%;}
#text2,#text2 span.italic{font-size:1.77vw;}
	#text2 sup {font-size:0.89vw;}
	#text2 span.smallcaps2 {font-size:1.3vw;}
#text3,#text3 span.italic{font-size:1.44vw;}
	#text3 span.smallcaps3 {font-size:1.11vw;}	
	#text3 sup {font-size:0.89vw;}
#text4,#text4 span.lower{font-size:.88vw;}
#text5 {font-size:1.11vw;} 
	#text5 span.smallcaps5 {font-size:0.88vw;}
	#text5 {margin-left:5%;}
#textyear{font-size:1.11vw;}
.footer {font-size:1.11vw;}
.left {left:5%;font-size:1.6vw;}
.right {left:77%;font-size:1.6vw;}}

@media only screen and (min-width: 850px) and (max-width: 1000px) {
#wrapper {grid-template-columns: auto auto;row-gap:0.3125%;padding-bottom:65%;}
.entry2 {grid-column-end: 3;}
.entry4 {grid-column-end: 3;}
#texts {width:90%;}
#text1, #text1notes,#text1 span.italic1 {font-size:2.59vw;}
#text1notes {margin-left:2.5%;}
#text2,#text2 span.italic{font-size:1.96vw;}
	#text2 sup {font-size:0.99vw;}
	#text2 span.smallcaps2 {font-size:1.44vw;}
#text3,#text3 span.italic{font-size:1.60vw;}
	#text3 span.smallcaps3 {font-size:1.23vw;}	
	#text3 sup {font-size:0.99vw;}
#text4,#text4 span.lower{font-size:0.98vw;}
#text5 {font-size:1.23vw;} 
	#text5 span.smallcaps5 {font-size:0.98vw;}
	#text5 {margin-left:5%;}
#textyear{font-size:1.23vw;}
.left {left:5%;font-size:1.6vw;}
.right {left:77%;font-size:1.6vw;}}

@media only screen and (min-width: 700px) and (max-width: 850px) {
#wrapper {grid-template-columns: auto auto;row-gap:0.3125%;padding-bottom:65%;}
.entry2 {grid-column-end: 3;}
.entry4 {grid-column-end: 3;}
#texts {width:90%;}
#text1, #text1notes,#text1 span.italic1 {font-size:2.87vw;}
#text1notes {margin-left:2.5%;}
#text2,#text2 span.italic{font-size:2.18vw;}
	#text2 sup {font-size:1.09vw;}
	#text2 span.smallcaps2 {font-size:1.6vw;}
#text3,#text3 span.italic{font-size:1.78vw;}
	#text3 span.smallcaps3 {font-size:1.37vw;}
	#text3 sup {font-size:1.09vw;}
#text4,#text4 span.lower{font-size:1.09vw;}
#text5 {font-size:1.37vw;} 
	#text5 span.smallcaps5 {font-size:1.09vw;}
	#text5 {margin-left:5%;}
#textyear{font-size:1.37vw;}
.footer {font-size:1.37vw;}
.left {left:5%;font-size:1.6vw;}
.right {left:77%;font-size:1.6vw;}}


@media only screen and (min-width: 200px) and (max-width: 700px) {
#wrapper {grid-template-columns: auto;row-gap:0.3125%;padding-bottom:65%;}
.entry2 {grid-column-end: 2;}
.entry4 {grid-column-end: 2;}
#texts {width:95%;}
#text1, #text1notes, #text1 span.italic1 {font-size:4.88vw;}
#text2,#text2 span.italic{font-size:3.65vw;}
	#text2 sup {font-size:1.84vw;}
	#text2 span.smallcaps2 {font-size:2.71vw;}
#text3,#text3 span.italic{font-size:3.01vw;}
	#text3 span.smallcaps3 {font-size:2.32vw;}	
	#text3 sup {font-size:2.04vw;}
#text4,#text4 span.lower{font-size:2.04vw;}
#text5 {font-size:2.32vw;} 
	#text5 span.smallcaps5 {font-size:2.04vw;}
#textyear{font-size:2.32vw;}
.footer {font-size:3.65vw;}
.left {left:5%;font-size:2.88vw;}
.right {left:75%;font-size:2.88vw;}}


	
		 
/*#F3F385*/
/*url(Images/pivottable_web.jpg)*/