@charset "utf-8";@font-face {
  font-family: 'Font';
  src: url('/Css/Fonts/font.eot');
}
@font-face {
  font-family: 'Font';
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  src: url('/Css/Fonts/font.eot?#iefix') format('embedded-opentype'),url('/Css/Fonts/font.woff') format('woff'),url('/Css/Fonts/font.ttf') format('truetype'),url('/Css/Fonts/font.svg#font') format('svg');
 }
@font-face {
  font-family: 'Brands';
  src: url('/Css/Fonts/brands-webfont.eot');
}
@font-face {
  font-family: 'Brands';
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  src: url('/Css/Fonts/brands-webfont.eot?#iefix') format('embedded-opentype'),url('/Css/Fonts/brands-webfont.woff') format('woff'),url('/Css/Fonts/brands-webfont.ttf') format('truetype'),url('/Css/Fonts/brands-webfont.svg#brands') format('svg');
 }
@font-face {
  font-family: 'Social';
  src: url('/Css/Fonts/social-webfont.eot');
}
@font-face {
  font-family: 'Social';
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  src: url('/Css/Fonts/social-webfont.eot?#iefix') format('embedded-opentype'),url('/Css/Fonts/social-webfont.woff') format('woff'),url('/Css/Fonts/social-webfont.ttf') format('truetype'),url('/Css/Fonts/social-webfont.svg#social') format('svg');
 }
@font-face {
  font-family: 'ArrowsBrowse';
  src: url('/Css/Fonts/arrows-browse-webfont.eot');
}
@font-face {
  font-family: 'ArrowsBrowse';
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  src: url('/Css/Fonts/arrows-browse-webfont.eot?#iefix') format('embedded-opentype'),url('/Css/Fonts/arrows-browse-webfont.woff') format('woff'),url('/Css/Fonts/arrows-browse-webfont.ttf') format('truetype'),url('/Css/Fonts/arrows-browse-webfont.svg#arrows-browse') format('svg');
}
@font-face {
  font-family: 'ArrowsScroll';
  src: url('/Css/Fonts/arrows-scroll-webfont.eot');
}
@font-face {
  font-family: 'ArrowsScroll';
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  src: url('/Css/Fonts/arrows-scroll-webfont.eot?#iefix') format('embedded-opentype'),url('/Css/Fonts/arrows-scroll-webfont.woff') format('woff'),url('/Css/Fonts/arrows-scroll-webfont.ttf') format('truetype'),url('/Css/Fonts/arrows-scroll-webfont.svg#arrows-scroll') format('svg');
}
*,*:before,*:after {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -khtml-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -khtml-font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: subpixel-antialiased;
  -ms-font-smoothing: subpixel-antialiased;
  -o-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-rendering: optimizeLegibility;
  -khtml-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 0;
  -webkit-font-feature-settings: "liga" 0;
  -khtml-font-feature-settings: "liga" 0;
  -moz-font-feature-settings: "liga" 0;
  -ms-font-feature-settings: "liga" 0;
  -o-font-feature-settings: "liga" 0;
  font-variant-ligatures: no-common-ligatures;
  -webkit-font-variant-ligatures: no-common-ligatures;
  -khtml-font-variant-ligatures: no-common-ligatures;
  -moz-font-variant-ligatures: no-common-ligatures;
  -ms-font-variant-ligatures: no-common-ligatures;
  -o-font-variant-ligatures: no-common-ligatures;
  font-family: 'Font',Arial;
  font-size: 100%;
  margin: 0;
  padding: 0;
  page-break-inside: avoid;
  outline: none;
  zoom: 1;
}
article,aside,command,details,dialog,figure,figcaption,footer,header,main,menu,nav,section {
  display: block;
}
html {
  background-image: url('/Images/loading.gif');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8%;
}
html.startpage {
  background-color: #e7e8ea;
}
html.startpage>body {
  background-color: #e7e8ea;
  cursor: pointer;
}
html.startpage span.loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-image: url('/Images/loading.gif');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8%;
  display: block;
}
html,body {
  height: 100%;
  min-height: 100%;
  background-color: #fff;
}
body {
  transition: opacity 1000ms;
  -webkit-transition: opacity 1000ms;
  -khtml-transition: opacity 1000ms;
  -moz-transition: opacity 1000ms;
  -ms-transition: opacity 1000ms;
  -o-transition: opacity 1000ms;
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(Opacity=0);
  color: #231f20;
  position: relative;
  background-color: #fff;
  display: block;
  overflow: hidden;
  cursor: default;
}
body.visible {
  opacity: 1;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(Opacity=100);
}
hr {
  border: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}
ul,ul>li,ol,ol>li,menu,menu>li {
  list-style-type: none;
}
a {
  color: #231f20;
  text-decoration: none;
  line-height: 1.2em !Important;
  border-bottom: 3px solid transparent;
  display: inline-block;
}
a:hover,a.selected {
  border-bottom: 3px solid #231f20;
}
a.click-hidden {
  opacity: 0 !important;
  -webkit-opacity: 0 !important;
  -khtml-opacity: 0 !important;
  -moz-opacity: 0 !important;
  -ms-opacity: 0 !important;
  -o-opacity: 0 !important;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important;
  filter: alpha(Opacity=0) !important;
}
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  image-rendering: optimizeQuality;
  display: block;
}
img:-moz-loading {
  visibility: hidden;
}
img:-moz-broken {
  -moz-force-broken-image-icon: 0;
}
dialog {
  position: static;
  border: 0;
  background: transparent;
}
fieldset {
  border: 0;
}
legend {
  font-weight: normal;
}
input,textarea,button,select {
  border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-size: 1em;
  color: #333;
  resize: none;
}
input,textarea,button {
  width: 100%;
  padding: 10px;
  border: 0;
}
textarea {
  transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -khtml-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -ms-transition: height 0.2s;
  -o-transition: height 0.2s;
  border-right: 4px solid #fff;
  display: block;
  overflow: auto;
}
[class*='Grid-'] {
  position: relative;
  float: left;
}
.Grid-1-2 {
  width: 50%;
}
.Grid-1-3 {
  width: 33.33%;
}
.Grid-2-3 {
  width: 66.66%;
}
.Grid-1-4 {
  width: 25%;
}
.Grid-3-4 {
  width: 75%;
}
.Grid-1-5 {
  width: 20%;
}
.Grid-4-5 {
  width: 80%;
}
.Grid-1-6 {
  width: 16.66%;
}
.Grid-5-6 {
  width: 83.33%;
}
.Grid-1-8 {
  width: 12.5%;
}
.Grid-7-8 {
  width: 87.5%;
}
span.loader {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  width: 100px;
  height: 20px;
  position: absolute;
  top: 25px;
  left: 21px;
  z-index: 500;
  background: transparent url('/Images/loading.gif') 0 0 no-repeat;
  background-size: 100%;
  display: block;
}
#screensaver {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999;
}
#screensaver.hidden {
  display: none;
}
#screensaver>canvas {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
section[role="main"] {
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  -khtml-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  -khtml-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  position: absolute;
  z-index: 49;
  border-top: 10px solid rgba(0,0,0,0);
  border-bottom: 10px solid rgba(0,0,0,0);
  overflow: hidden;
}
section[role="main"] div[role="region"] {
  font-size: 24px;
  line-height: 34px;
 }
section[role="main"] div[role="region"]:before,section[role="main"] div[role="region"]:after {
  content: '';
  display: table;
}
section[role="main"] div[role="region"]:after {
  clear: both;
}
section[role="main"] div[role="region"] a {
  border-bottom: 3px solid #231f20;
}
section[role="main"].view.archive,section[role="main"].view.teaching {
  padding-left: 20px;
  top: 173px;
  right: 100px;
  bottom: 56px;
  left: 140px;
  border-right: 60px solid rgba(0,0,0,0);
}
section[role="main"].view.links {
  width: auto !important;
  padding-left: 0;
  top: 159px;
  right: 160px;
  bottom: 159px;
  left: 160px;
}
section[role="main"].view-project.projects,section[role="main"].view-project.archive,section[role="main"].view-project.teaching {
  width: auto !important;
  padding-left: 0;
  top: 159px;
  right: 160px;
  bottom: 159px;
  left: 160px;
}
section[role="main"].read.projects,section[role="main"].read-project.projects,section[role="main"].read.archive,section[role="main"].read-project.archive,section[role="main"].read.teaching,section[role="main"].read-project.teaching,section[role="main"].read.links,section[role="main"].read-project.links {
  padding-left: 20px;
  top: 173px;
  right: 280px;
  bottom: 56px;
  left: 140px;
}
section[role="main"].read.projects div[role="region"],section[role="main"].read-project.projects div[role="region"],section[role="main"].read.archive div[role="region"],section[role="main"].read-project.archive div[role="region"],section[role="main"].read.teaching div[role="region"],section[role="main"].read-project.teaching div[role="region"],section[role="main"].read.links div[role="region"],section[role="main"].read-project.links div[role="region"] {
  height: auto !important;
  padding-right: 8px;
}
section[role="main"].read.projects div[role="region"]>span.project-text,section[role="main"].read-project.projects div[role="region"]>span.project-text,section[role="main"].read.archive div[role="region"]>span.project-text,section[role="main"].read-project.archive div[role="region"]>span.project-text,section[role="main"].read.teaching div[role="region"]>span.project-text,section[role="main"].read-project.teaching div[role="region"]>span.project-text,section[role="main"].read.links div[role="region"]>span.project-text,section[role="main"].read-project.links div[role="region"]>span.project-text {
  letter-spacing: 0.04em;
}
section[role="main"].read {
 }
section[role="main"].read.archive div[role="region"],section[role="main"].read.teaching div[role="region"] {
  letter-spacing: 0.04em;
  padding-bottom: 60px;
}
section[role="main"].scrollbar-hidden div.jspContainer:before {
  display: none;
}
section[role="main"]:hover div.jspContainer>div.jspVerticalBar,section[role="main"].scrolling div.jspContainer>div.jspVerticalBar {
  opacity: 1;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(Opacity=100);
}
section[role="main"] div.jspContainer {
  position: relative;
  overflow: hidden;
 }
section[role="main"] div.jspContainer:before {
  opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(Opacity=0);
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -khtml-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  content: '';
  font-size: 1px;
  line-height: 0;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 3px;
  z-index: 1;
  background-color: #efefef;
  display: block;
}
section[role="main"] div.jspContainer.hover:before {
  opacity: 1;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(Opacity=100);
}
section[role="main"] div.jspContainer>div.jspPane {
  margin-left: 11px;
  position: absolute;
}
section[role="main"] div.jspContainer>div.jspPane>div[role="region"] {
  margin-left: 9px;
}
section[role="main"] div.jspContainer>div.jspVerticalBar {
  opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(Opacity=0);
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -khtml-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
section[role="main"] div.jspContainer>div.jspVerticalBar>div.jspCap {
  display: none;
}
section[role="main"] div.jspContainer>div.jspVerticalBar>div.jspTrack {
  position: relative;
}
section[role="main"] div.jspContainer>div.jspVerticalBar>div.jspTrack>div.jspDrag {
  position: relative;
  top: 0;
  left: 0;
  background-color: transparent;
  cursor: row-resize;
}
section[role="main"] div.jspContainer>div.jspVerticalBar>div.jspTrack>div.jspDrag:before {
  content: '\e600';
  font-family: 'ArrowsScroll';
  font-size: 9px;
  position: absolute;
  left: -1px;
  top: 0;
}
section[role="main"] div.jspContainer>div.jspVerticalBar>div.jspTrack>div.jspDrag:after {
  content: '\e601';
  font-family: 'ArrowsScroll';
  font-size: 9px;
  position: absolute;
  left: -1px;
  top: 10px;
}
section[role="main"] div.jspContainer>div.jspVerticalBar>div.jspTrack>div.jspDrag>div.jspDragTop,section[role="main"] div.jspContainer>div.jspVerticalBar>div.jspTrack>div.jspDrag>div.jspDragBottom {
  display: none;
}
section[role="main"].view-project.projects div[role="region"],section[role="main"].view-project.archive div[role="region"],section[role="main"].view-project.teaching div[role="region"],section[role="main"].view.links div[role="region"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
section[role="main"].view-project.projects div[role="region"]>span.project-text,section[role="main"].view-project.archive div[role="region"]>span.project-text,section[role="main"].view-project.teaching div[role="region"]>span.project-text,section[role="main"].view.links div[role="region"]>span.project-text {
  display: none;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image,section[role="main"].view-project.archive div[role="region"]>span.project-image,section[role="main"].view-project.teaching div[role="region"]>span.project-image,section[role="main"].view.links div[role="region"]>span.project-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image:before,section[role="main"].view-project.archive div[role="region"]>span.project-image:before,section[role="main"].view-project.teaching div[role="region"]>span.project-image:before,section[role="main"].view.links div[role="region"]>span.project-image:before,section[role="main"].view-project.projects div[role="region"]>span.project-image:after,section[role="main"].view-project.archive div[role="region"]>span.project-image:after,section[role="main"].view-project.teaching div[role="region"]>span.project-image:after,section[role="main"].view.links div[role="region"]>span.project-image:after {
  content: '';
  display: table;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image:after,section[role="main"].view-project.archive div[role="region"]>span.project-image:after,section[role="main"].view-project.teaching div[role="region"]>span.project-image:after,section[role="main"].view.links div[role="region"]>span.project-image:after {
  clear: both;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>span.loading,section[role="main"].view-project.archive div[role="region"]>span.project-image>span.loading,section[role="main"].view-project.teaching div[role="region"]>span.project-image>span.loading,section[role="main"].view.links div[role="region"]>span.project-image>span.loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: transparent url('/Images/loading.gif') center center no-repeat;
  background-size: 13%;
  display: block;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>span.loading + img,section[role="main"].view-project.archive div[role="region"]>span.project-image>span.loading + img,section[role="main"].view-project.teaching div[role="region"]>span.project-image>span.loading + img,section[role="main"].view.links div[role="region"]>span.project-image>span.loading + img {
  opacity: 0.3;
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  -ms-opacity: 0.3;
  -o-opacity: 0.3;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
  filter: alpha(Opacity=30);
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>img,section[role="main"].view-project.archive div[role="region"]>span.project-image>img,section[role="main"].view-project.teaching div[role="region"]>span.project-image>img,section[role="main"].view.links div[role="region"]>span.project-image>img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transition: opacity 100ms;
  -webkit-transition: opacity 100ms;
  -khtml-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -ms-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>img.hidden,section[role="main"].view-project.archive div[role="region"]>span.project-image>img.hidden,section[role="main"].view-project.teaching div[role="region"]>span.project-image>img.hidden,section[role="main"].view.links div[role="region"]>span.project-image>img.hidden {
  display: none;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>iframe,section[role="main"].view-project.archive div[role="region"]>span.project-image>iframe,section[role="main"].view-project.teaching div[role="region"]>span.project-image>iframe,section[role="main"].view.links div[role="region"]>span.project-image>iframe {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>iframe.hidden,section[role="main"].view-project.archive div[role="region"]>span.project-image>iframe.hidden,section[role="main"].view-project.teaching div[role="region"]>span.project-image>iframe.hidden,section[role="main"].view.links div[role="region"]>span.project-image>iframe.hidden {
  display: none;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev,section[role="main"].view.links div[role="region"]>span.project-image>a.prev,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next,section[role="main"].view.links div[role="region"]>span.project-image>a.next {
  opacity: 1 !important;
  -webkit-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  -moz-opacity: 1 !important;
  -ms-opacity: 1 !important;
  -o-opacity: 1 !important;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)' !important;
  filter: alpha(Opacity=100) !important;
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border: none;
  display: block;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:hover>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:hover>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:hover>span,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:hover>span,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:hover>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:hover>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:hover>span,section[role="main"].view.links div[role="region"]>span.project-image>a.next:hover>span {
  opacity: 1;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(Opacity=100);
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev>span,section[role="main"].view.links div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next>span,section[role="main"].view.links div[role="region"]>span.project-image>a.next>span {
  opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(Opacity=0);
  transition: opacity 300ms;
  -webkit-transition: opacity 300ms;
  -khtml-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  font-family: 'ArrowsBrowse';
  font-size: 120px;
  line-height: 1em;
  vertical-align: middle;
  text-shadow: 0px 0px 1px #fff;
  height: 100%;
  display: none;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev,section[role="main"].view.links div[role="region"]>span.project-image>a.prev {
  cursor: url('/Images/arrow-left.png'),auto !important;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:link,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:link,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:link,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:link,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:focus,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:focus,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:focus,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:focus,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:active,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:active,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:active,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:active,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:visited,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:visited,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:visited,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:visited {
  cursor: url('/Images/arrow-left.png'),auto !important;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:-webkit-any-link,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:-webkit-any-link,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:-webkit-any-link,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:-webkit-any-link {
  cursor: url('/Images/arrow-left.png'),auto !important;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:-webkit-any-link:link,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:-webkit-any-link:link,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:-webkit-any-link:link,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:-webkit-any-link:link,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:-webkit-any-link:focus,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:-webkit-any-link:focus,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:-webkit-any-link:focus,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:-webkit-any-link:focus,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:-webkit-any-link:active,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:-webkit-any-link:active,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:-webkit-any-link:active,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:-webkit-any-link:active,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev:-webkit-any-link:visited,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev:-webkit-any-link:visited,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev:-webkit-any-link:visited,section[role="main"].view.links div[role="region"]>span.project-image>a.prev:-webkit-any-link:visited {
  cursor: url('/Images/arrow-left.png'),auto !important;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev>span,section[role="main"].view.links div[role="region"]>span.project-image>a.prev>span {
  text-align: left;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next,section[role="main"].view.links div[role="region"]>span.project-image>a.next {
  left: 50%;
  cursor: url('/Images/arrow-right.png'),auto !important;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:link,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:link,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:link,section[role="main"].view.links div[role="region"]>span.project-image>a.next:link,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:focus,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:focus,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:focus,section[role="main"].view.links div[role="region"]>span.project-image>a.next:focus,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:active,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:active,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:active,section[role="main"].view.links div[role="region"]>span.project-image>a.next:active,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:visited,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:visited,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:visited,section[role="main"].view.links div[role="region"]>span.project-image>a.next:visited {
  cursor: url('/Images/arrow-right.png'),auto !important;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:-webkit-any-link,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:-webkit-any-link,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:-webkit-any-link,section[role="main"].view.links div[role="region"]>span.project-image>a.next:-webkit-any-link {
  cursor: url('/Images/arrow-right.png'),auto !important;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:-webkit-any-link:link,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:-webkit-any-link:link,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:-webkit-any-link:link,section[role="main"].view.links div[role="region"]>span.project-image>a.next:-webkit-any-link:link,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:-webkit-any-link:focus,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:-webkit-any-link:focus,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:-webkit-any-link:focus,section[role="main"].view.links div[role="region"]>span.project-image>a.next:-webkit-any-link:focus,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:-webkit-any-link:active,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:-webkit-any-link:active,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:-webkit-any-link:active,section[role="main"].view.links div[role="region"]>span.project-image>a.next:-webkit-any-link:active,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next:-webkit-any-link:visited,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next:-webkit-any-link:visited,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next:-webkit-any-link:visited,section[role="main"].view.links div[role="region"]>span.project-image>a.next:-webkit-any-link:visited {
  cursor: url('/Images/arrow-right.png'),auto !important;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next>span,section[role="main"].view.links div[role="region"]>span.project-image>a.next>span {
  text-align: right;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image[data-display-type="video"]>a.prev,section[role="main"].view-project.archive div[role="region"]>span.project-image[data-display-type="video"]>a.prev,section[role="main"].view-project.teaching div[role="region"]>span.project-image[data-display-type="video"]>a.prev,section[role="main"].view.links div[role="region"]>span.project-image[data-display-type="video"]>a.prev,section[role="main"].view-project.projects div[role="region"]>span.project-image[data-display-type="video"]>a.next,section[role="main"].view-project.archive div[role="region"]>span.project-image[data-display-type="video"]>a.next,section[role="main"].view-project.teaching div[role="region"]>span.project-image[data-display-type="video"]>a.next,section[role="main"].view.links div[role="region"]>span.project-image[data-display-type="video"]>a.next {
  bottom: 55px;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image[data-display-type="video"]>span.project-title-area,section[role="main"].view-project.archive div[role="region"]>span.project-image[data-display-type="video"]>span.project-title-area,section[role="main"].view-project.teaching div[role="region"]>span.project-image[data-display-type="video"]>span.project-title-area,section[role="main"].view.links div[role="region"]>span.project-image[data-display-type="video"]>span.project-title-area {
  bottom: 55px;
}
section[role="main"].view-project.projects div[role="region"]>span.project-image>span.project-title-area,section[role="main"].view-project.archive div[role="region"]>span.project-image>span.project-title-area,section[role="main"].view-project.teaching div[role="region"]>span.project-image>span.project-title-area,section[role="main"].view.links div[role="region"]>span.project-image>span.project-title-area {
  position: absolute;
  top: 0;
  right: 44%;
  bottom: 0;
  left: 44%;
  z-index: 12;
  display: block;
  cursor: default;
}
section[role="main"].view-project.archive,section[role="main"].view-project.teaching,section[role="main"].view.links {
 }
section[role="main"].view-project.archive div[role="region"]>span.project-image,section[role="main"].view-project.teaching div[role="region"]>span.project-image,section[role="main"].view.links div[role="region"]>span.project-image {
  background: transparent url('/Images/loading.gif') center center no-repeat;
  background-size: 13%;
}
section[role="main"].archive,section[role="main"].teaching {
 }
section[role="main"].archive.view + div.image-title,section[role="main"].teaching.view + div.image-title {
  display: none;
}
section[role="main"].archive.view div.archive-view-scroll,section[role="main"].teaching.view div.archive-view-scroll {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
section[role="main"].archive.view div[role="region"],section[role="main"].teaching.view div[role="region"] {
  font-size: 1px;
  line-height: 0;
}
section[role="main"].archive.view div[role="region"]>a,section[role="main"].teaching.view div[role="region"]>a {
  display: none;
}
section[role="main"].archive.view div[role="region"]>a + br,section[role="main"].teaching.view div[role="region"]>a + br {
  display: none;
}
section[role="main"].archive.view div[role="region"]>div[data-column],section[role="main"].teaching.view div[role="region"]>div[data-column] {
  padding: 0 47px 0 0;
  float: left;
}
section[role="main"].archive.view div[role="region"]>div[data-column] + div[data-column],section[role="main"].teaching.view div[role="region"]>div[data-column] + div[data-column] {
  padding: 0 23px 0 23px;
}
section[role="main"].archive.view div[role="region"]>div[data-column] + div[data-column] + div[data-column],section[role="main"].teaching.view div[role="region"]>div[data-column] + div[data-column] + div[data-column] {
  padding: 0 0 0 47px;
}
section[role="main"].archive.view div[role="region"]>div[data-column]>a,section[role="main"].teaching.view div[role="region"]>div[data-column]>a {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
  -khtml-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transition: opacity 100ms;
  -webkit-transition: opacity 100ms;
  -khtml-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -ms-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  opacity: 1;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(Opacity=100);
  font-size: 1px;
  line-height: 0 !important;
  width: 100%;
  margin: 0 0 70px 0;
  position: relative;
  border: 0;
  background: transparent url('/Images/loading.gif') center center no-repeat;
  background-size: 40%;
  display: block;
}
section[role="main"].archive.view div[role="region"]>div[data-column]>a.hidden,section[role="main"].teaching.view div[role="region"]>div[data-column]>a.hidden {
  opacity: 0.3;
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  -ms-opacity: 0.3;
  -o-opacity: 0.3;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
  filter: alpha(Opacity=30);
}
section[role="main"].archive.view div[role="region"]>div[data-column]>a.complete,section[role="main"].teaching.view div[role="region"]>div[data-column]>a.complete {
  background: none;
}
section[role="main"].archive.view div[role="region"]>div[data-column]>a.complete>img,section[role="main"].teaching.view div[role="region"]>div[data-column]>a.complete>img {
  visibility: visible;
}
section[role="main"].archive.view div[role="region"]>div[data-column]>a>img,section[role="main"].teaching.view div[role="region"]>div[data-column]>a>img {
  width: 100%;
  visibility: hidden;
  display: block;
}
section[role="main"].archive.view div[role="region"]>span.category-text,section[role="main"].teaching.view div[role="region"]>span.category-text,section[role="main"].archive.view div[role="region"]>span.project-image,section[role="main"].teaching.view div[role="region"]>span.project-image,section[role="main"].archive.view div[role="region"]>span.project-text,section[role="main"].teaching.view div[role="region"]>span.project-text {
  display: none;
}
section[role="main"].archive.read + div.image-title,section[role="main"].teaching.read + div.image-title {
  display: none;
}
section[role="main"].archive.read div[role="region"]>a,section[role="main"].teaching.read div[role="region"]>a {
  border-bottom: 3px solid transparent;
}
section[role="main"].archive.read div[role="region"]>a:hover,section[role="main"].teaching.read div[role="region"]>a:hover {
  border-bottom: 3px solid #231f20;
}
section[role="main"].archive.read div[role="region"]>div[data-column],section[role="main"].teaching.read div[role="region"]>div[data-column],section[role="main"].archive.read div[role="region"]>span.project-image,section[role="main"].teaching.read div[role="region"]>span.project-image,section[role="main"].archive.read div[role="region"]>span.project-text,section[role="main"].teaching.read div[role="region"]>span.project-text {
  display: none;
}
section[role="main"].archive.read div[role="region"]>span.category-text,section[role="main"].teaching.read div[role="region"]>span.category-text {
  display: inline;
}
section[role="main"].archive.read div.archive-read-image,section[role="main"].teaching.read div.archive-read-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: transparent url('/Images/loading.gif') center center no-repeat;
}
section[role="main"].archive.read div.archive-read-image.landscape,section[role="main"].teaching.read div.archive-read-image.landscape {
  padding: 0 22% 0 22%;
}
section[role="main"].archive.read div.archive-read-image.portrait,section[role="main"].teaching.read div.archive-read-image.portrait {
  padding: 0 30% 0 30%;
}
section[role="main"].archive.read div.archive-read-image>img,section[role="main"].teaching.read div.archive-read-image>img {
  width: 100%;
  visibility: hidden;
  display: block;
}
section[role="main"].projects div[role="region"] a,section[role="main"].archive div[role="region"] a,section[role="main"].teaching div[role="region"] a {
  padding: 0;
}
section[role="main"].projects.view-project div[role="region"]>a[data-image],section[role="main"].archive.view-project div[role="region"]>a[data-image],section[role="main"].teaching.view-project div[role="region"]>a[data-image],section[role="main"].projects.read-project div[role="region"]>a[data-image],section[role="main"].archive.read-project div[role="region"]>a[data-image],section[role="main"].teaching.read-project div[role="region"]>a[data-image] {
  display: none;
}
section[role="main"].projects.view-project div[role="region"]>a[data-image] + br,section[role="main"].archive.view-project div[role="region"]>a[data-image] + br,section[role="main"].teaching.view-project div[role="region"]>a[data-image] + br,section[role="main"].projects.read-project div[role="region"]>a[data-image] + br,section[role="main"].archive.read-project div[role="region"]>a[data-image] + br,section[role="main"].teaching.read-project div[role="region"]>a[data-image] + br {
  display: none;
}
section[role="main"].projects.view-project div[role="region"]>div[data-column],section[role="main"].archive.view-project div[role="region"]>div[data-column],section[role="main"].teaching.view-project div[role="region"]>div[data-column],section[role="main"].projects.read-project div[role="region"]>div[data-column],section[role="main"].archive.read-project div[role="region"]>div[data-column],section[role="main"].teaching.read-project div[role="region"]>div[data-column],section[role="main"].projects.view-project div[role="region"]>span.category-text,section[role="main"].archive.view-project div[role="region"]>span.category-text,section[role="main"].teaching.view-project div[role="region"]>span.category-text,section[role="main"].projects.read-project div[role="region"]>span.category-text,section[role="main"].archive.read-project div[role="region"]>span.category-text,section[role="main"].teaching.read-project div[role="region"]>span.category-text {
  display: none;
}
section[role="main"].projects.view-project,section[role="main"].archive.view-project,section[role="main"].teaching.view-project {
  padding-right: 0;
}
section[role="main"].projects.view-project div[role="region"]>span.project-text,section[role="main"].archive.view-project div[role="region"]>span.project-text,section[role="main"].teaching.view-project div[role="region"]>span.project-text {
  display: none;
}
section[role="main"].projects.read-project + div.image-title,section[role="main"].archive.read-project + div.image-title,section[role="main"].teaching.read-project + div.image-title {
  display: none;
}
section[role="main"].projects.read-project div[role="region"]>span.project-image,section[role="main"].archive.read-project div[role="region"]>span.project-image,section[role="main"].teaching.read-project div[role="region"]>span.project-image {
  display: none;
}
section[role="main"].teaching.read div[role="region"]>a {
  display: none;
}
section[role="main"].teaching.read div[role="region"]>a + br {
  display: none;
}
section[role="main"].links.view div[role="region"]>span.project-text {
  display: none;
}
section[role="main"].links.read + div.image-title {
  display: none;
}
section[role="main"].links.read div[role="region"]>span.project-image {
  display: none;
}
p.modus {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transition: top 0.2s,left 0.2s;
  -webkit-transition: top 0.2s,left 0.2s;
  -khtml-transition: top 0.2s,left 0.2s;
  -moz-transition: top 0.2s,left 0.2s;
  -ms-transition: top 0.2s,left 0.2s;
  -o-transition: top 0.2s,left 0.2s;
  font-size: 14px;
  letter-spacing: 0.06em;
  white-space: nowrap;
  position: absolute;
  top: 100px;
  left: 60px;
  z-index: 99999;
}
div.fullscreen-image,div.fullscreen-image-slider {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(Opacity=0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
div.fullscreen-image.fade-intro,div.fullscreen-image-slider.fade-intro {
  transition: opacity 800ms;
  -webkit-transition: opacity 800ms;
  -khtml-transition: opacity 800ms;
  -moz-transition: opacity 800ms;
  -ms-transition: opacity 800ms;
  -o-transition: opacity 800ms;
}
div.fullscreen-image.fade-modus,div.fullscreen-image-slider.fade-modus {
  transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  -khtml-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  -o-transition: opacity 200ms;
}
div.fullscreen-image.hidden,div.fullscreen-image-slider.hidden {
  opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(Opacity=0);
}
div.fullscreen-image.visible,div.fullscreen-image-slider.visible {
  opacity: 1;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(Opacity=100);
}
div.fullscreen-image.transition,div.fullscreen-image-slider.transition {
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  -khtml-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
}
div.fullscreen-image.transition.in,div.fullscreen-image-slider.transition.in {
  transition: left 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -webkit-transition: left 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -khtml-transition: left 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -moz-transition: left 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -ms-transition: left 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -o-transition: left 500ms cubic-bezier(0.645,0.045,0.355,1.000);
}
div.fullscreen-image.transition.out,div.fullscreen-image-slider.transition.out {
  transition: left 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -webkit-transition: left 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -khtml-transition: left 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -moz-transition: left 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -ms-transition: left 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -o-transition: left 800ms cubic-bezier(0.645,0.045,0.355,1.000);
}
div.fullscreen-image.transition.in-view,div.fullscreen-image-slider.transition.in-view {
  left: 0 !important;
}
div.fullscreen-image.transition.left,div.fullscreen-image-slider.transition.left {
  left: -100% !important;
}
div.fullscreen-image.transition.right,div.fullscreen-image-slider.transition.right {
  left: 100% !important;
}
div.fullscreen-image.transform,div.fullscreen-image-slider.transform {
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
  -khtml-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -khtml-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
}
div.fullscreen-image.transform.in,div.fullscreen-image-slider.transform.in {
  transition: all 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -webkit-transition: all 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -khtml-transition: all 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -moz-transition: all 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -ms-transition: all 500ms cubic-bezier(0.645,0.045,0.355,1.000);
  -o-transition: all 500ms cubic-bezier(0.645,0.045,0.355,1.000);
}
div.fullscreen-image.transform.out,div.fullscreen-image-slider.transform.out {
  transition: all 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -webkit-transition: all 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -khtml-transition: all 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -moz-transition: all 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -ms-transition: all 800ms cubic-bezier(0.645,0.045,0.355,1.000);
  -o-transition: all 800ms cubic-bezier(0.645,0.045,0.355,1.000);
}
div.fullscreen-image.transform.in-view,div.fullscreen-image-slider.transform.in-view {
  transform: translate(0,0) !important;
  -webkit-transform: translate(0,0) !important;
  -khtml-transform: translate(0,0) !important;
  -moz-transform: translate(0,0) !important;
  -ms-transform: translate(0,0) !important;
  -o-transform: translate(0,0) !important;
}
div.fullscreen-image.transform.left,div.fullscreen-image-slider.transform.left {
  transform: translate(-100%,0) !important;
  -webkit-transform: translate(-100%,0) !important;
  -khtml-transform: translate(-100%,0) !important;
  -moz-transform: translate(-100%,0) !important;
  -ms-transform: translate(-100%,0) !important;
  -o-transform: translate(-100%,0) !important;
}
div.fullscreen-image.transform.right,div.fullscreen-image-slider.transform.right {
  transform: translate(100%,0) !important;
  -webkit-transform: translate(100%,0) !important;
  -khtml-transform: translate(100%,0) !important;
  -moz-transform: translate(100%,0) !important;
  -ms-transform: translate(100%,0) !important;
  -o-transform: translate(100%,0) !important;
}
div.fullscreen-image-slider {
  z-index: 1;
}
span.project-title {
  transition: font-size 0.5s,line-height 0.5s;
  -webkit-transition: font-size 0.5s,line-height 0.5s;
  -khtml-transition: font-size 0.5s,line-height 0.5s;
  -moz-transition: font-size 0.5s,line-height 0.5s;
  -ms-transition: font-size 0.5s,line-height 0.5s;
  -o-transition: font-size 0.5s,line-height 0.5s;
  font-size: 100px;
  line-height: 0.98em;
  width: 100%;
  position: absolute;
  top: -1px;
  left: 6px;
  z-index: 9999;
  display: block;
}
div.image-title {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  -khtml-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.14em;
  height: 139px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
}
div.image-title>a {
  line-height: 1.6em !important;
  border-bottom: 3px solid #231f20;
}
span.startpage-animation {
  font-size: 110px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: table;
}
span.startpage-animation>span {
  transition: font-size 200ms,line-height 200ms,text-indent 200ms;
  -webkit-transition: font-size 200ms,line-height 200ms,text-indent 200ms;
  -khtml-transition: font-size 200ms,line-height 200ms,text-indent 200ms;
  -moz-transition: font-size 200ms,line-height 200ms,text-indent 200ms;
  -ms-transition: font-size 200ms,line-height 200ms,text-indent 200ms;
  -o-transition: font-size 200ms,line-height 200ms,text-indent 200ms;
  text-align: left;
  line-height: 0.98em;
  text-indent: 0.08em;
  vertical-align: top;
  width: 100%;
  height: 100%;
  display: none;
}
div.content-wrapper-box {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
}
div.content-wrapper-box.transition {
  transition: left 1000ms cubic-bezier(0.230,1.000,0.320,1.000),top 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -webkit-transition: left 1000ms cubic-bezier(0.230,1.000,0.320,1.000),top 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -khtml-transition: left 1000ms cubic-bezier(0.230,1.000,0.320,1.000),top 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -moz-transition: left 1000ms cubic-bezier(0.230,1.000,0.320,1.000),top 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -ms-transition: left 1000ms cubic-bezier(0.230,1.000,0.320,1.000),top 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -o-transition: left 1000ms cubic-bezier(0.230,1.000,0.320,1.000),top 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
}
div.content-wrapper-box.transition.in-view {
  top: 0 !important;
  left: 0 !important;
}
div.content-wrapper-box.transition.top {
  top: -100% !important;
  left: 0 !important;
}
div.content-wrapper-box.transition.bottom {
  top: 100% !important;
  left: 0 !important;
}
div.content-wrapper-box.transition.left {
  top: 0 !important;
  left: -100% !important;
}
div.content-wrapper-box.transition.right {
  top: 0 !important;
  left: 100% !important;
}
div.content-wrapper-box.transform {
  transition: all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -webkit-transition: all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -khtml-transition: all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -moz-transition: all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -ms-transition: all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
  -o-transition: all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);
}
div.content-wrapper-box.transform {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -khtml-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
  -khtml-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  -khtml-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -khtml-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
}
div.content-wrapper-box.transform.in-view {
  transform: translate(0,0) !important;
  -webkit-transform: translate(0,0) !important;
  -khtml-transform: translate(0,0) !important;
  -moz-transform: translate(0,0) !important;
  -ms-transform: translate(0,0) !important;
  -o-transform: translate(0,0) !important;
}
div.content-wrapper-box.transform.top {
  transform: translate(0,-100%) !important;
  -webkit-transform: translate(0,-100%) !important;
  -khtml-transform: translate(0,-100%) !important;
  -moz-transform: translate(0,-100%) !important;
  -ms-transform: translate(0,-100%) !important;
  -o-transform: translate(0,-100%) !important;
}
div.content-wrapper-box.transform.bottom {
  transform: translate(0,100%) !important;
  -webkit-transform: translate(0,100%) !important;
  -khtml-transform: translate(0,100%) !important;
  -moz-transform: translate(0,100%) !important;
  -ms-transform: translate(0,100%) !important;
  -o-transform: translate(0,100%) !important;
}
div.content-wrapper-box.transform.left {
  transform: translate(-100%,0) !important;
  -webkit-transform: translate(-100%,0) !important;
  -khtml-transform: translate(-100%,0) !important;
  -moz-transform: translate(-100%,0) !important;
  -ms-transform: translate(-100%,0) !important;
  -o-transform: translate(-100%,0) !important;
}
div.content-wrapper-box.transform.right {
  transform: translate(100%,0) !important;
  -webkit-transform: translate(100%,0) !important;
  -khtml-transform: translate(100%,0) !important;
  -moz-transform: translate(100%,0) !important;
  -ms-transform: translate(100%,0) !important;
  -o-transform: translate(100%,0) !important;
}
body.share section,body.share section + div.image-title,body.share div.fullscreen-image.visible,body.share img#project-image {
  opacity: 0.05 !important;
  -webkit-opacity: 0.05 !important;
  -khtml-opacity: 0.05 !important;
  -moz-opacity: 0.05 !important;
  -ms-opacity: 0.05 !important;
  -o-opacity: 0.05 !important;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=5)' !important;
  filter: alpha(Opacity=5) !important;
}
div.share {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 51;
  display: table;
}
div.share>span {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
div.share>span>a {
  color: #000;
  margin-left: 6px;
  border: 0;
  display: inline-block;
}
div.share>span>a:first-child {
  margin-left: 0;
}
div.share>span>a:before {
  font-family: Brands;
  font-size: 80px;
  line-height: 26px;
}
div.share>span>a.facebook:before {
  content: "\E607";
}
div.share>span>a.twitter:before {
  content: "\E605";
}
div.share>span>a.google-plus:before {
  content: "\E606";
}
div.share>span>a.tumblr:before {
  content: "\E602";
}
div.share>span>a.linkedin:before {
  content: "\E603";
}
div.share>span>a.delicious:before {
  content: "\E600";
}
div.share>span>a.blogger:before {
  content: "\E601";
}
div.share>span>a.xing:before {
  content: "\E604";
}
html[lang="DE"] footer>nav ol.points.projects:before {
  content: 'Projekte';
}
html[lang="DE"] footer>nav ol.points.archive:before {
  content: 'Archiv';
}
html[lang="DE"] footer>nav ol.points.teaching:before {
  content: 'Lehre';
}
html[lang="DE"] footer>nav ol.under-points.images:before {
  content: 'Bilder';
 }
footer.two-row>nav ol.under-points {
  top: 41px;
}
footer.three-row>nav ol.under-points {
  top: 61px;
}
footer>nav a {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
footer>nav li.selected>a {
  border-bottom-color: #231f20;
}
footer>nav ul.navigation>li {
  transition: font-size 0.5s;
  -webkit-transition: font-size 0.5s;
  -khtml-transition: font-size 0.5s;
  -moz-transition: font-size 0.5s;
  -ms-transition: font-size 0.5s;
  -o-transition: font-size 0.5s;
  font-size: 15px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  width: 424px;
  height: 10px;
  position: absolute;
  z-index: 99999;
}
footer>nav ul.navigation>li[data-position="1"],footer>nav ul.navigation>li[data-position="4"] {
  margin-left: -212px;
}
footer>nav ul.navigation>li[data-position="2"],footer>nav ul.navigation>li[data-position="3"] {
  margin-top: -5px;
}
footer>nav ul.navigation>li[data-position="1"] {
  top: 20px;
  left: 50%;
}
footer>nav ul.navigation>li[data-position="2"] {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -khtml-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.98438,M12=-0.17605,M21=-0.17605,M22=0.98438,sizingMethod='auto expand')";
  filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.98438,M12=-0.17605,M21=-0.17605,M22=0.98438,sizingMethod='auto expand')";
  top: 50%;
  left: -187px;
}
footer>nav ul.navigation>li[data-position="3"] {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.44807,M12=--0.894,M21=0.894,M22=-0.44807,sizingMethod='auto expand')";
  filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.44807,M12=--0.894,M21=0.894,M22=-0.44807,sizingMethod='auto expand')";
  top: 50%;
  right: -187px;
}
footer>nav ul.navigation>li[data-position="4"] {
  bottom: 27px;
  left: 50%;
}
footer>nav ol.points {
  opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(Opacity=0);
  font-size: 14px;
  text-transform: none;
  width: 66.8%;
  position: absolute;
  top: 100px;
  left: 160px;
  z-index: 99999;
}
footer>nav ol.points:before,footer>nav ol.points:after {
  content: '';
  display: table;
}
footer>nav ol.points:after {
  clear: both;
}
footer>nav ol.points.visible {
  opacity: 1;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(Opacity=100);
}
footer>nav ol.points.projects:before,footer>nav ol.points.archive:before,footer>nav ol.points.teaching:before {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  letter-spacing: 0.06em;
  margin-right: 2px;
  display: inline-block !important;
  float: left;
}
footer>nav ol.points.projects:before {
  content: 'Projects';
}
footer>nav ol.points.archive:before {
  content: 'Archive';
}
footer>nav ol.points.teaching:before {
  content: 'Teaching';
}
footer>nav ol.points.projects>li,footer>nav ol.points.archive>li,footer>nav ol.points.teaching>li {
  margin: 0 0 0 3px;
  float: left;
}
footer>nav ol.points>li {
  letter-spacing: 0.06em;
  margin: 0 12px 0 0;
  float: left;
}
footer>nav ol.points>li>a {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
footer>nav ol.under-points {
  transition: top 0.2s;
  -webkit-transition: top 0.2s;
  -khtml-transition: top 0.2s;
  -moz-transition: top 0.2s;
  -ms-transition: top 0.2s;
  -o-transition: top 0.2s;
  font-size: 14px;
  text-transform: none;
  white-space: nowrap;
  width: 66.8%;
  position: absolute;
  top: 24px;
  left: 0;
  z-index: 99999;
}
footer>nav ol.under-points:before,footer>nav ol.under-points:after {
  content: '';
  display: table;
}
footer>nav ol.under-points:after {
  clear: both;
}
footer>nav ol.under-points.images:before {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  content: 'Images';
  margin-right: 6px;
  display: inline-block !important;
  float: left;
}
footer>nav ol.under-points.images>li {
  margin-right: 3px;
}
footer>nav ol.under-points.images>li.share {
  margin-left: 11px;
}
footer>nav ol.under-points>li {
  margin: 0 12px 0 0;
  display: inline-block;
}
footer>nav ol.under-points>li.share {
 }
footer>nav ol.under-points>li.share>a[href="#facebook"] {
  margin-right: 11px;
  display: inline-block;
}
footer>nav ol.under-points>li.share>a[href="#facebook"]:before,footer>nav ol.under-points>li.share>a[href="#twitter"]:before {
  font-family: 'Social';
}
footer>nav ol.under-points>li.share>a[href="#facebook"]:before {
  content: '\f09a';
}
footer>nav ol.under-points>li.share>a[href="#twitter"]:before {
  content: '\f099';
  position: relative;
  top: 1px;
}
footer>nav ol.under-points>li>a {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
footer>ul.sharing-and-switch {
  position: absolute;
  top: 20px;
  right: 23px;
  z-index: 99999;
}
footer>ul.sharing-and-switch:before,footer>ul.sharing-and-switch:after {
  content: '';
  display: table;
}
footer>ul.sharing-and-switch:after {
  clear: both;
}
footer>ul.sharing-and-switch li {
  transition: font-size 0.5s;
  -webkit-transition: font-size 0.5s;
  -khtml-transition: font-size 0.5s;
  -moz-transition: font-size 0.5s;
  -ms-transition: font-size 0.5s;
  -o-transition: font-size 0.5s;
  font-size: 15px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-left: 12px;
  float: left;
}
footer>ul.sharing-and-switch li.selected>a {
  border-bottom-color: #231f20;
}
footer>ul.sharing-and-switch li abbr {
  border: none;
}
footer>ul.sharing-and-switch li abbr[title="Facebook"]:before,footer>ul.sharing-and-switch li abbr[title="Twitter"]:before {
  font-family: 'Social';
}
footer>ul.sharing-and-switch li abbr[title="Facebook"]:before {
  content: '\f09a';
  position: relative;
  bottom: 1px;
}
footer>ul.sharing-and-switch li abbr[title="Twitter"]:before {
  content: '\f099';
}
footer>ul.sharing-and-switch li a {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -khtml-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
@media only screen and (max-width: 480px) and (max-height: 480px) {
  span.loader {
    width: 50px;
    top: 12px;
    left: 8px;
     }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 192dpi)  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 2dppx)   and (max-width: 480px) and (max-height: 480px) {
    width: 50px;
    top: 12px;
    left: 8px;
     }
}
@media only screen and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
  span.loader {
    width: 80px;
    top: 15px;
    left: 11px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
    width: 80px;
    top: 15px;
    left: 11px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 480px) {
  p.modus {
    font-size: 10px;
    top: 28px;
    left: 34px;
     }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 192dpi)  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 2dppx)   and (max-width: 480px) and (max-height: 480px) {
    font-size: 10px;
    top: 28px;
    left: 34px;
     }
}
@media only screen and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
  p.modus {
    font-size: 11px;
    top: 50px;
    left: 36px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
    font-size: 11px;
    top: 50px;
    left: 36px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 480px) {
  body {
     }
  body.two-row footer>nav ol.under-points {
    top: 31px;
  }
  body.three-row footer>nav ol.under-points {
    top: 46px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 192dpi)  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 2dppx)   and (max-width: 480px) and (max-height: 480px) {
       body.two-row footer>nav ol.under-points {
      top: 31px;
    }
    body.three-row footer>nav ol.under-points {
      top: 46px;
    }
  }
}
@media only screen and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
  body.two-row footer>nav ol.under-points {
    top: 31px;
  }
  body.three-row footer>nav ol.under-points {
    top: 46px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 192dpi)  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 2dppx)   and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
    body.two-row footer>nav ol.under-points {
      top: 31px;
    }
    body.three-row footer>nav ol.under-points {
      top: 46px;
    }
  }
}
@media only screen and (max-width: 480px) and (max-height: 480px) {
  footer>nav ul.navigation>li {
    font-size: 11px;
  }
  footer>nav ul.navigation>li[data-position="1"] {
    top: 6px;
  }
  footer>nav ul.navigation>li[data-position="2"] {
    left: -201px;
  }
  footer>nav ul.navigation>li[data-position="3"] {
    right: -201px;
  }
  footer>nav ul.navigation>li[data-position="4"] {
    bottom: 8px;
  }
  footer>nav ol.points {
    font-size: 10px;
    width: 74%;
    top: 45px;
    left: 34px;
  }
  footer>nav ol.under-points {
    font-size: 10px;
    top: 16px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 192dpi)  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 2dppx)   and (max-width: 480px) and (max-height: 480px) {
    footer>nav ul.navigation>li {
      font-size: 11px;
    }
    footer>nav ul.navigation>li[data-position="1"] {
      top: 6px;
    }
    footer>nav ul.navigation>li[data-position="2"] {
      left: -201px;
    }
    footer>nav ul.navigation>li[data-position="3"] {
      right: -201px;
    }
    footer>nav ul.navigation>li[data-position="4"] {
      bottom: 8px;
    }
    footer>nav ol.points {
      font-size: 10px;
      width: 74%;
      top: 45px;
      left: 34px;
    }
    footer>nav ol.under-points {
      font-size: 10px;
      top: 16px;
    }
  }
}
@media only screen and (max-width: 480px) and (max-height: 480px) {
  footer>ul.sharing-and-switch {
    top: 6px;
    right: 8px;
  }
  footer>ul.sharing-and-switch>li {
    font-size: 11px;
    margin-left: 5px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 192dpi)  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 2dppx)   and (max-width: 480px) and (max-height: 480px) {
    footer>ul.sharing-and-switch {
      top: 6px;
      right: 8px;
    }
    footer>ul.sharing-and-switch>li {
      font-size: 11px;
      margin-left: 5px;
    }
  }
}
@media only screen and (orientation: portrait) and (max-width: 480px) and (max-height: 480px) {
  footer {
     }
  footer>ul.sharing-and-switch>li {
    font-size: 11px;
    text-align: right;
    margin-left: 0;
    float: none;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (max-width: 480px) and (max-height: 480px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (orientation: portrait) and (max-width: 480px) and (max-height: 480px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (orientation: portrait) and (max-width: 480px) and (max-height: 480px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 192dpi)  and (orientation: portrait) and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 2dppx)   and (orientation: portrait) and (max-width: 480px) and (max-height: 480px) {
       footer>ul.sharing-and-switch>li {
      font-size: 11px;
      text-align: right;
      margin-left: 0;
      float: none;
    }
  }
}
@media only screen and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
  footer>nav ul.navigation>li {
    font-size: 13px;
  }
  footer>nav ul.navigation>li[data-position="1"] {
    top: 9px;
  }
  footer>nav ul.navigation>li[data-position="2"] {
    left: -198px;
  }
  footer>nav ul.navigation>li[data-position="3"] {
    right: -198px;
  }
  footer>nav ul.navigation>li[data-position="4"] {
    bottom: 13px;
  }
  footer>nav ol.points {
    font-size: 11px;
    width: 74%;
    top: 50px;
    left: 112px;
  }
  footer>nav ol.under-points {
    font-size: 11px;
    top: 16px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
    footer>nav ul.navigation>li {
      font-size: 13px;
    }
    footer>nav ul.navigation>li[data-position="1"] {
      top: 9px;
    }
    footer>nav ul.navigation>li[data-position="2"] {
      left: -198px;
    }
    footer>nav ul.navigation>li[data-position="3"] {
      right: -198px;
    }
    footer>nav ul.navigation>li[data-position="4"] {
      bottom: 13px;
    }
    footer>nav ol.points {
      font-size: 11px;
      width: 74%;
      top: 50px;
      left: 112px;
    }
    footer>nav ol.under-points {
      font-size: 11px;
      top: 16px;
    }
  }
}
@media only screen and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
  footer>ul.sharing-and-switch {
    top: 9px;
    right: 11px;
  }
  footer>ul.sharing-and-switch>li {
    font-size: 13px;
    margin-left: 8px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
    footer>ul.sharing-and-switch {
      top: 9px;
      right: 11px;
    }
    footer>ul.sharing-and-switch>li {
      font-size: 13px;
      margin-left: 8px;
    }
  }
}
@media only screen and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
  footer>nav ol.points {
    font-size: 11px;
    width: 74%;
    top: 70px;
    left: 36px;
  }
  footer>nav ol.under-points {
    font-size: 11px;
    top: 16px;
  }
  footer>ul.sharing-and-switch>li {
    font-size: 13px;
    text-align: right;
    margin-left: 0;
    float: none;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 192dpi)  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 2dppx)   and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
    footer>nav ol.points {
      font-size: 11px;
      width: 74%;
      top: 70px;
      left: 36px;
    }
    footer>nav ol.under-points {
      font-size: 11px;
      top: 16px;
    }
    footer>ul.sharing-and-switch>li {
      font-size: 13px;
      text-align: right;
      margin-left: 0;
      float: none;
    }
  }
}
@media only screen and (max-width: 480px) and (max-height: 480px) {
  div.image-title {
    line-height: 13px;
    height: 55px;
     }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 192dpi)  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 2dppx)   and (max-width: 480px) and (max-height: 480px) {
    line-height: 13px;
    height: 55px;
     }
}
@media only screen and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
  div.image-title {
    line-height: 13px;
    height: 65px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
    line-height: 13px;
    height: 65px;
  }
}
@media only screen and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
  div.image-title {
    line-height: 13px;
    height: 60px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 192dpi)  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 2dppx)   and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
    line-height: 13px;
    height: 60px;
  }
}
@media only screen and (max-width: 400px) {
  div.share>span>a:before {
    font-size: 16px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (max-width: 400px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (max-width: 400px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (max-width: 400px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (max-width: 400px),
				only screen and (                min-resolution: 192dpi)  and (max-width: 400px),
				only screen and (                min-resolution: 2dppx)   and (max-width: 400px) {
    font-size: 16px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 500px) {
  div.share>span>a:before {
    font-size: 28px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 401px) and (max-width: 500px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 401px) and (max-width: 500px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 401px) and (max-width: 500px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 401px) and (max-width: 500px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 401px) and (max-width: 500px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 401px) and (max-width: 500px) {
    font-size: 28px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 600px) {
  div.share>span>a:before {
    font-size: 42px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 501px) and (max-width: 600px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 501px) and (max-width: 600px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 501px) and (max-width: 600px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 501px) and (max-width: 600px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 501px) and (max-width: 600px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 501px) and (max-width: 600px) {
    font-size: 42px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
  div.share>span>a:before {
    font-size: 36px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 601px) and (max-width: 700px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 601px) and (max-width: 700px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 601px) and (max-width: 700px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 601px) and (max-width: 700px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 601px) and (max-width: 700px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 601px) and (max-width: 700px) {
    font-size: 36px;
  }
}
@media only screen and (min-width: 701px) and (max-width: 1024px) {
  div.share>span>a:before {
    font-size: 76px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 701px) and (max-width: 1024px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 701px) and (max-width: 1024px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 701px) and (max-width: 1024px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 701px) and (max-width: 1024px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 701px) and (max-width: 1024px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 701px) and (max-width: 1024px) {
    font-size: 76px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) {
  div.share>span>a:before {
    font-size: 90px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 1025px) and (max-width: 1300px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 1025px) and (max-width: 1300px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 1025px) and (max-width: 1300px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 1025px) and (max-width: 1300px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 1025px) and (max-width: 1300px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 1025px) and (max-width: 1300px) {
    font-size: 90px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  div.share>span>a:before {
    font-size: 120px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 1301px) and (max-width: 1600px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 1301px) and (max-width: 1600px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 1301px) and (max-width: 1600px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 1301px) and (max-width: 1600px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 1301px) and (max-width: 1600px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 1301px) and (max-width: 1600px) {
    font-size: 120px;
  }
}
@media only screen and (min-width: 1601px) {
  div.share>span>a:before {
    font-size: 150px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 1601px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 1601px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 1601px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 1601px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 1601px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 1601px) {
    font-size: 150px;
  }
}
@media only screen and (min-width: 2001px) and (max-width: 2400px) {
  div.share>span>a:before {
    font-size: 190px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 2001px) and (max-width: 2400px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 2001px) and (max-width: 2400px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 2001px) and (max-width: 2400px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 2001px) and (max-width: 2400px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 2001px) and (max-width: 2400px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 2001px) and (max-width: 2400px) {
    font-size: 190px;
  }
}
@media only screen and (min-width: 2401px) and (max-width: 3000px) {
  div.share>span>a:before {
    font-size: 240px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 2401px) and (max-width: 3000px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 2401px) and (max-width: 3000px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 2401px) and (max-width: 3000px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 2401px) and (max-width: 3000px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 2401px) and (max-width: 3000px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 2401px) and (max-width: 3000px) {
    font-size: 240px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 480px) {
  body {
     }
  body.two-row section[role="main"].links {
    top: 91px;
  }
  body.three-row section[role="main"].links {
    top: 106px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 192dpi)  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 2dppx)   and (max-width: 480px) and (max-height: 480px) {
       body.two-row section[role="main"].links {
      top: 91px;
    }
    body.three-row section[role="main"].links {
      top: 106px;
    }
  }
}
@media only screen and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
  body.two-row section[role="main"].links {
    top: 120px;
  }
  body.three-row section[role="main"].links {
    top: 135px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 192dpi)  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 2dppx)   and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
    body.two-row section[role="main"].links {
      top: 120px;
    }
    body.three-row section[role="main"].links {
      top: 135px;
    }
  }
}
@media only screen and (max-width: 480px) and (max-height: 480px) {
  section[role="main"] {
    padding-left: 10px;
    top: 78px !important;
    left: 36px !important;
    bottom: 30px !important;
    right: 36px !important;
    border-top-width: 5px;
    border-bottom-width: 5px;
     }
  section[role="main"] div[role="region"] {
    font-size: 15px;
    line-height: 20px;
  }
  section[role="main"] div[role="region"]>span.project-image>span.loading {
    background-size: 20% !important;
  }
  section[role="main"].view-project.archive,section[role="main"].view-project.teaching,section[role="main"].view.links {
    bottom: 78px !important;
  }
  section[role="main"].view-project.projects,section[role="main"].view-project.archive,section[role="main"].view-project.teaching,section[role="main"].view.links {
    padding-left: 0;
  }
  section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev>span,section[role="main"].view.links div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next>span,section[role="main"].view.links div[role="region"]>span.project-image>a.next>span {
    font-size: 60px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 192dpi)  and (max-width: 480px) and (max-height: 480px),
				only screen and (                min-resolution: 2dppx)   and (max-width: 480px) and (max-height: 480px) {
    padding-left: 10px;
    top: 78px !important;
    left: 36px !important;
    bottom: 30px !important;
    right: 36px !important;
    border-top-width: 5px;
    border-bottom-width: 5px;
       section[role="main"] div[role="region"] {
      font-size: 15px;
      line-height: 20px;
    }
    section[role="main"] div[role="region"]>span.project-image>span.loading {
      background-size: 20% !important;
    }
    section[role="main"].view-project.archive,section[role="main"].view-project.teaching,section[role="main"].view.links {
      bottom: 78px !important;
    }
    section[role="main"].view-project.projects,section[role="main"].view-project.archive,section[role="main"].view-project.teaching,section[role="main"].view.links {
      padding-left: 0;
    }
    section[role="main"].view-project.projects div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.prev>span,section[role="main"].view.links div[role="region"]>span.project-image>a.prev>span,section[role="main"].view-project.projects div[role="region"]>span.project-image>a.next>span,section[role="main"].view-project.archive div[role="region"]>span.project-image>a.next>span,section[role="main"].view-project.teaching div[role="region"]>span.project-image>a.next>span,section[role="main"].view.links div[role="region"]>span.project-image>a.next>span {
      font-size: 60px;
    }
  }
}
@media only screen and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
  section[role="main"] {
    padding-left: 10px;
    top: 86px !important;
    left: 60px !important;
    bottom: 31px !important;
    right: 60px !important;
  }
  section[role="main"] div[role="region"]>span.project-image>span.loading {
    background-size: 17% !important;
  }
  section[role="main"].read.archive {
    left: 90px !important;
    right: 130px !important;
  }
  section[role="main"].projects.view-project,section[role="main"].archive.view-project,section[role="main"].teaching.view-project,section[role="main"].links.view {
    padding-left: 0;
    left: 112px !important;
    right: 112px !important;
    bottom: 86px !important;
  }
  section[role="main"].projects.view-project div[role="region"]>span.project-image>a.prev>span,section[role="main"].archive.view-project div[role="region"]>span.project-image>a.prev>span,section[role="main"].teaching.view-project div[role="region"]>span.project-image>a.prev>span,section[role="main"].links.view div[role="region"]>span.project-image>a.prev>span,section[role="main"].projects.view-project div[role="region"]>span.project-image>a.next>span,section[role="main"].archive.view-project div[role="region"]>span.project-image>a.next>span,section[role="main"].teaching.view-project div[role="region"]>span.project-image>a.next>span,section[role="main"].links.view div[role="region"]>span.project-image>a.next>span {
    font-size: 100px;
  }
  section[role="main"].projects.read-project,section[role="main"].archive.read-project,section[role="main"].teaching.read-project,section[role="main"].links.read {
    left: 90px !important;
    right: 130px !important;
  }
  section[role="main"].projects.read-project div[role="region"],section[role="main"].archive.read-project div[role="region"],section[role="main"].teaching.read-project div[role="region"],section[role="main"].links.read div[role="region"] {
    font-size: 16px;
    line-height: 22px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 360px) and (max-width: 900px) and (min-height: 360px) and (max-height: 900px) {
    padding-left: 10px;
    top: 86px !important;
    left: 60px !important;
    bottom: 31px !important;
    right: 60px !important;
    section[role="main"] div[role="region"]>span.project-image>span.loading {
      background-size: 17% !important;
    }
    section[role="main"].read.archive {
      left: 90px !important;
      right: 130px !important;
    }
    section[role="main"].projects.view-project,section[role="main"].archive.view-project,section[role="main"].teaching.view-project,section[role="main"].links.view {
      padding-left: 0;
      left: 112px !important;
      right: 112px !important;
      bottom: 86px !important;
    }
    section[role="main"].projects.view-project div[role="region"]>span.project-image>a.prev>span,section[role="main"].archive.view-project div[role="region"]>span.project-image>a.prev>span,section[role="main"].teaching.view-project div[role="region"]>span.project-image>a.prev>span,section[role="main"].links.view div[role="region"]>span.project-image>a.prev>span,section[role="main"].projects.view-project div[role="region"]>span.project-image>a.next>span,section[role="main"].archive.view-project div[role="region"]>span.project-image>a.next>span,section[role="main"].teaching.view-project div[role="region"]>span.project-image>a.next>span,section[role="main"].links.view div[role="region"]>span.project-image>a.next>span {
      font-size: 100px;
    }
    section[role="main"].projects.read-project,section[role="main"].archive.read-project,section[role="main"].teaching.read-project,section[role="main"].links.read {
      left: 90px !important;
      right: 130px !important;
    }
    section[role="main"].projects.read-project div[role="region"],section[role="main"].archive.read-project div[role="region"],section[role="main"].teaching.read-project div[role="region"],section[role="main"].links.read div[role="region"] {
      font-size: 16px;
      line-height: 22px;
    }
  }
}
@media only screen and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
  section[role="main"] {
    padding-left: 10px;
    top: 108px !important;
    left: 60px !important;
    bottom: 30px !important;
    right: 60px !important;
     }
  section[role="main"].projects.view-project,section[role="main"].archive.view-project,section[role="main"].teaching.view-project,section[role="main"].links.view {
    padding-left: 0;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 192dpi)  and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px),
				only screen and (                min-resolution: 2dppx)   and (orientation: portrait) and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {
    padding-left: 10px;
    top: 108px !important;
    left: 60px !important;
    bottom: 30px !important;
    right: 60px !important;
       section[role="main"].projects.view-project,section[role="main"].archive.view-project,section[role="main"].teaching.view-project,section[role="main"].links.view {
      padding-left: 0;
    }
  }
}
@media only screen and (min-width: 1700px) and (max-width: 2050px) {
  section[role="main"] {
     }
  section[role="main"].read-project.projects div[role="region"],section[role="main"].read-project.archive div[role="region"],section[role="main"].read-project.teaching div[role="region"],section[role="main"].read.archive div[role="region"],section[role="main"].read.teaching div[role="region"],section[role="main"].read.links div[role="region"] {
    font-size: 32px;
    line-height: 48px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 1700px) and (max-width: 2050px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 1700px) and (max-width: 2050px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 1700px) and (max-width: 2050px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 1700px) and (max-width: 2050px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 1700px) and (max-width: 2050px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 1700px) and (max-width: 2050px) {
       section[role="main"].read-project.projects div[role="region"],section[role="main"].read-project.archive div[role="region"],section[role="main"].read-project.teaching div[role="region"],section[role="main"].read.archive div[role="region"],section[role="main"].read.teaching div[role="region"],section[role="main"].read.links div[role="region"] {
      font-size: 32px;
      line-height: 48px;
    }
  }
}
@media only screen and (min-width: 2051px) {
  section[role="main"].read-project.projects div[role="region"],section[role="main"].read-project.archive div[role="region"],section[role="main"].read-project.teaching div[role="region"],section[role="main"].read.archive div[role="region"],section[role="main"].read.teaching div[role="region"],section[role="main"].read.links div[role="region"] {
    font-size: 42px;
    line-height: 54px;
  }
}
@else if {
  @media only screen and (-webkit-min-device-pixel-ratio: 2) 	  and (min-width: 2051px),
				only screen and (   min--moz-device-pixel-ratio: 2) 	  and (min-width: 2051px),
				only screen and (     -o-min-device-pixel-ratio: 2/1) 	  and (min-width: 2051px),
				only screen and (        min-device-pixel-ratio: 2) 	  and (min-width: 2051px),
				only screen and (                min-resolution: 192dpi)  and (min-width: 2051px),
				only screen and (                min-resolution: 2dppx)   and (min-width: 2051px) {
    section[role="main"].read-project.projects div[role="region"],section[role="main"].read-project.archive div[role="region"],section[role="main"].read-project.teaching div[role="region"],section[role="main"].read.archive div[role="region"],section[role="main"].read.teaching div[role="region"],section[role="main"].read.links div[role="region"] {
      font-size: 42px;
      line-height: 54px;
    }
  }
}