/*
  Name: Selva Arch Stylesheet
  Author: esense
  http://www.esense.ch
*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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

body {
line-height:1;
}

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

nav ul {
list-style:none;
}

ul, ol {
margin:0;
padding:0;
list-style:none;
}

blockquote, q {
quotes:none;
}

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

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

a:active,
a:hover {
outline: 0;
}

img {
border: 0;
-ms-interpolation-mode: bicubic;
}

/* change colours to suit your needs */
ins {
background-color:#fff;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#fff;
color:#000;
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border:none;
cursor:help;
}

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

/* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}

/* Prevent modern browsers from displaying `audio` without controls.
   Remove excess height in iOS 5 devices. */
audio:not([controls]) {
display: none;
height: 0;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
cursor: default;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

hr {
display:block;
height:1px;
border:0;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}

/* custom */
.box {
box-sizing: border-box;
}

/* border-box all the shizzle */
@media screen {
	*,*:after,*:before, .box {
	box-sizing:border-box;
	}
}

.ease {
transition: all 0.25s ease-in;
}

.ease-5 {
transition: all 0.5s ease-in-out;
}

::selection {
background-color: rgba(0,0,0,1) !important;
color: rgba(51,51,52) !important;
}

::-moz-selection {
background-color: rgba(0,0,0,1) !important;
color: rgba(51,51,52) !important;
}

/* hidden */
.hidden {
display:none;
visibility:hidden;
position:absolute;
left:-9999px;
top:-9999px;
height:1px;
width:1px;
overflow:hidden;
text-indent:-9999px;
color:#fff;
font-size:1px;
line-height:1px;
}

/* overwrite mgnl device switch */
.mgnlEditorMainbarWrapper {
padding:0;
}

.mgnlEditorButton.mgnlEditorButton-previewMenuButton {
display:none !important;
}
/*** font ***/
/*
@font-face {
font-family: 'robotothin';
src: url('/.resources/selvaarch/font/Roboto-Thin-webfont.eot');
src: url('/.resources/selvaarch/font/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
     url('/.resources/selvaarch/font/Roboto-Thin-webfont.woff') format('woff'),
     url('/.resources/selvaarch/font/Roboto-Thin-webfont.ttf') format('truetype'),
     url('/.resources/selvaarch/font/Roboto-Thin-webfont.svg#robotothin') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotolight';
src: url('/.resources/selvaarch/font/Roboto-Light-webfont.eot');
src: url('/.resources/selvaarch/font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
     url('/.resources/selvaarch/font/Roboto-Light-webfont.woff') format('woff'),
     url('/.resources/selvaarch/font/Roboto-Light-webfont.ttf') format('truetype'),
     url('/.resources/selvaarch/font/Roboto-Light-webfont.svg#robotolight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotoregular';
src: url('/.resources/selvaarch/font/Roboto-Regular-webfont.eot');
src: url('/.resources/selvaarch/font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('/.resources/selvaarch/font/Roboto-Regular-webfont.woff') format('woff'),
     url('/.resources/selvaarch/font/Roboto-Regular-webfont.ttf') format('truetype'),
     url('/.resources/selvaarch/font/Roboto-Regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotobold';
src: url('/.resources/selvaarch/font/Roboto-Bold-webfont.eot');
src: url('/.resources/selvaarch/font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('/.resources/selvaarch/font/Roboto-Bold-webfont.woff') format('woff'),
     url('/.resources/selvaarch/font/Roboto-Bold-webfont.ttf') format('truetype'),
     url('/.resources/selvaarch/font/Roboto-Bold-webfont.svg#robotobold') format('svg');
font-weight: normal;
font-style: normal;
}
*/

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

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

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

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

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 14, 2013 */
/*
@font-face {
font-family: 'selva-iconregular';
src: url('/.resources/selvaarch/font/selva-icon-font-webfont.eot');
src: url('/.resources/selvaarch/font/selva-icon-font-webfont.eot?#iefix') format('embedded-opentype'),
     url('/.resources/selvaarch/font/selva-icon-font-webfont.woff') format('woff'),
     url('/.resources/selvaarch/font/selva-icon-font-webfont.ttf') format('truetype'),
     url('/.resources/selvaarch/font/selva-icon-font-webfont.svg#selva-iconregular') format('svg');
font-weight: normal;
font-style: normal;
}
*/

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

.icon {
font-family: 'selva-iconregular';
font-weight: normal;
font-style: normal;
}

.link.icon {
font-size:140% !important;
float:left;
padding:0 0.2em 0 0;
margin:0.05em 0 -0.1em -0.1em;
}

a {
color: rgb(124,124,125);
}

a:hover {
color: rgb(51,51,52);
}

#nav li a strong,
#header #language,
#nav li a.active,
section,
#news-list.block .year,
.text p.date,
.news-list.list .year,
#project-list.list .project-info p a,
#news-list.list .project-info p a,
.news-list.list .project-info p a,
.text p a,
.project-info p a,
.team-list li p a,
.team-list li a,
.text.component ul a,
.text.component ol a,
.gallery .text ul a,
.gallery .text ol a,
#nav #sub-nav li.active a,
h1#firstHeading,
.text.file a.file-link,
a.news-link,
#footer p a {
font-family: 'robotoregular', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight:normal;
font-style: normal;
}

.home #header h1 {
font-family: 'robotothin', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight:normal;
font-style: normal;
}

h1, h2, h3, strong, b,
#project-list li p,
#news-list li p,
.news-list li p,
#project-nav a,
#news-nav a,
#project p,
.text p,
.team-list li p,
.text.component ul li,
.text.component ol li,
.gallery .text ul li,
.gallery .text ol li,
#bodyContent p,
#header h1,
#header h1 a {
font-family: 'robotolight', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight:normal;
}

#news-list li p strong,
.news-list li p strong,
#project-list li p strong,
#project-nav a.active,
#news-nav a.active,
#project strong,
#category-nav li a.active,
.warning span b,
.info span b,
.text.component strong,
.text.component b {
font-family: 'robotobold', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight:normal;
}

.text p,
.text a {
font-size:80%;
}

.text p a {
font-size:100%;
}

.text p a,
.project-info p a {
transition: all 0.25s ease-in;
}

.text h2 {
font-size:120%;
}

/*** main ***/
html, body, #wrap {
width:100%;
height:100%;
min-height:100%;
margin:0;
padding:0;
}

body.home,
.home #wrap {
min-height:400px;
}

html {
overflow-y:scroll;
}

body {
font-size:1em;
font-family: 'robotolight', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight:normal;
font-style: normal;
line-height:130%;
color:rgb(51,51,52);
}

#wrapper {
position:relative;
width:100%;
margin:0;
padding:0;
float:left;
}

#container {
position:relative;
width:100%;
max-width:1280px;
min-width:1000px;
margin: 0 auto;
padding:0 10px;
}

.col-1 {
width:12.5%;
}

.col-2 {
width:25%;
}

.col-3 {
width:37.5%;
}

.col-4 {
width:50%;
}

.col-5 {
width:62.5%;
}

.col-6 {
width:75%;
}

.col-7 {
width:87.5%;
}

.col-8 {
width:100%;
}

.left {
float:left;
}

.right {
float:right;
}

.cols-4 article {
width:50%;
padding:2.3em 1.5% 0 0;
}

.cols-5 article {
width:62.5%;
padding:2.3em 1.5% 0 0;
}

.cols-8 article {
width:100%;
padding:2.3em 0 0 0;
}

.cols-2-2-2 article {
width:50%;
padding:2.3em 1.5% 0 0;
}

.cols-2-2-2 article#center,
.cols-2-2-2 article#aside {
width:25%;
padding:2.3em 1.5% 0 0;
}

.cols-4-4 article {
width:50%;
padding:2.3em 1.5% 0 0;
}

.cols-2-6 article {
width:25%;
padding:2.3em 1.5% 0 0;
}

.cols-2-6 article#aside {
/*
width:75%;
*/
width:50%;
padding:2.3em 1.5% 0 0;
}

/*** header ***/
#header {
position:relative;
width:100%;
float:left;
z-index:10;
}

.home #header {
border-bottom:1px solid rgb(216,216,217);
height:6.45em;
}

#header h1 {
font-size:120%;
float:left;
margin:1.45em 0 0.95em 0;
}

.home #header h1 {
font-size:460%;
position:absolute;
top:300px;
left:50%;
opacity:0;
margin:0;
padding:0;
line-height:120%;
}

.home #header h1.start {
opacity:1;
}

.nav-click #header h1 {
position:relative !important;
top:0 !important;
left:0 !important;
padding:0 !important;
margin: 1.45em 0 1em 0 !important;
font-size:120% !important;
}

.nav-click #header h1.normal {
font-family: 'robotolight', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight:normal;
font-style: normal;
}

#header h1,
#header h1 a {
float:left;
color: rgb(51,51,52);
}

#header #language {
float:right;
font-size:80%;
margin:2.45em 0 0 0;
}

#header h1 img {
width:835px;
padding:0 0 0 1px;
}

#header h1 img.page {
width:250px;
padding:0 0 0 1px;
}

/*** navigation ***/
#nav {
z-index:10;
width:100%;
float:left;
/*
background:transparent url('/.resources/selvaarch/images/nav-bg.png') bottom left repeat-x;
padding:0 0 1.25em 0;
margin:0 0 -1.25em 0;
*/
background-color:#fff;
margin:0;
padding:0;
}

#nav #main-nav {
width:100%;
float:left;
}

.main-page #nav #main-nav {
border-bottom:1px solid rgb(216,216,217);
}

#nav.relative-nav {
position:relative;
top:0;
}

#nav.fixed-nav {
position:fixed;
top:0;
width:100%;
max-width:1260px;
min-width:980px;
margin: 0 auto;
}

.editor-page #nav.fixed-nav {
top:24px;
}

.home #nav {
border:none;
position:absolute;
top:470px;
left:50%;
padding:0 0 0 5px;
margin:0;
opacity:0;
width:auto;
}

.home #nav.start {
opacity:1;
}

.nav-click #nav {
position:absolute !important;
top:4.25em !important;
left:10px !important;
padding:0 !important;
margin:0 !important;
}

#nav li {
width:auto;
float:left;
padding:0 45px 0 0;
}

#nav li:last-child {
margin-right: -40px;
}

#nav li a {
font-size:120%;
line-height:180%;
float:left;
}

#nav li a strong,
#nav li a.active,
#sub-nav li.active a {
color: rgb(51,51,52);
}

#nav #sub-nav {
width:100%;
float:left;
clear:both;
border-bottom:1px solid rgb(216,216,217);
padding:1em 0 0 0;
}

#nav #sub-nav li {
padding:0 23px 1px 23px;
margin:0 1px -1px 1px;
}

#nav #sub-nav li.active {
border-right:1px solid rgb(216,216,217);
border-left:1px solid rgb(216,216,217);
background-color:#fff;
margin:0 0 -1px 0;
padding:0 22px 1px 22px;
}

#nav #sub-nav li.first {
padding:0 23px 1px 0;
}

#nav #sub-nav li.active.first {
border-left:none;
border-right:1px solid rgb(216,216,217);
margin:0 0 -1px 0;
padding-right:22px;
}

/*** content ***/
#content {
position:relative;
z-index:5;
float:left;
margin-bottom:4em;
}

section,
article {
position:relative;
width:100%;
float:left;
}

/*
#project-list {
display:table;
}

#project-list ul {
display:table-row;
}

#project-list ul .list-item {
display:table-cell;
}
*/

/* no result */
.no-result {
width:100%;
float:left;
display:none;
padding:10px;
border-top:1px solid rgb(216,216,217);
border-bottom:1px solid rgb(216,216,217);
}

/*** project list ***/
#project-nav,
#news-nav,
#project-list,
#news-list,
.news-list {
font-size:80%;
line-height:150%;
}

#project-nav,
#news-nav {
position:fixed;
top:10.85em;
margin:0;
}

.open-subnav #project-nav,
.open-subnav #news-nav {
top:14.9em;
}

#project-nav a.active,
#news-nav a.active {
color: rgb(51,51,52);
}

#list-style {
position:absolute;
top:0;
right:0;
}

#project-list,
#news-list,
.news-list {
position:relative;
margin:0;
}

#project-list ul,
#news-list ul,
.news-list ul {
position:relative;
width:100%;
float:left;
background-color:#fff;
}

#project-list li.list-item,
#news-list li.list-item,
.news-list li.list-item  {
position:relative;
width:31.83333333333%;
float:left;
background-color:#fff;
z-index:9;
}

#news-list li.list-item,
.news-list li.list-item {
background-color:transparent;
}

#project-list h2.year,
#news-list h2.year,
.news-list h2.year {
position:relative;
width:100%;
height:1px;
margin:0;
float:left;
z-index:10;
}

#project-list li.break,
#project-list h2.year .break,
#news-list li.break,
#news-list h2.year .break,
.news-list li.break,
.news-list h2.year .break {
width:100%;
height:0px;
float:left;
overflow:hidden;
}

#project-list .image-wrapper img,
#news-list .image-wrapper img,
.news-list .image-wrapper img {
width:100%;
float:left;
}

#project-list .image-wrapper .preview {
/*
position:absolute;
bottom:0;
left:0;
*/
position:relative;
opacity:0;
}

#project-list li.hover:hover .image-wrapper .preview {
opacity:1;
}

#project-list h2 strong,
#news-list h2 strong,
.news-list h2 strong {
position:absolute;
top:0;
left:0;
width:3.5em;
float:left;
margin:2px 0 0 -3.5em;
padding:10px 0 0 0;
font-size:150%;
line-height:120%;
text-align:right;
}

#project-list li h3,
#news-list li h2,
.news-list li h2 {
font-size:150%;
width:100%;
float:left;
line-height:120%;
padding:10px 0 5px 0;
}

#project-list li h3 span,
#news-list li h2 span,
.news-list li h2 span,
.text h2 span {
padding:0 14px 0 0;
background:transparent url('/.resources/selvaarch/images/line.gif') right 1em no-repeat;
}

#project-list li a h2,
#project-list li a h3,
#project-list li h2,
#project-list li h3,
#project-list li h2 a,
#project-list li h3 a,
#news-list li h2,
.news-list li h2,
#news-list li a h2,
.news-list li a h2 {
color:rgb(51,51,52);
}

/*
#project-list li.detail:hover .shadow,
#news-list li.detail:hover .shadow,
.news-list li.detail:hover .shadow {
opacity:0;
}
*/
#project-list.list {
margin-top:2px;
}

#news-list.list {
margin-top:4px;
}

/* grid style */
#project-list.block,
#news-list.block {
margin-top:0.3em;
}

#project-list.block h2.year strong,
#news-list.block h2.year strong {
margin-top:0px;
}

#project-list.block li.list-item,
#project-list.block li.break span,
#project-list.block h2.year .break span,
#news-list.block li.list-item,
#news-list.block li.break span,
#news-list.block h2.year .break span {
width:31.83333333333%;
margin:0 0 0 1.5%;
padding:0 0 1em 0;
}

#project-list.block li.list-item,
#news-list.block li.list-item {
margin-top:-2px;
}

#project-list.block li.break,
#project-list.block h2.year .break,
#news-list.block li.break,
#news-list.block h2.year .break {
position:relative;
height:1px;
margin:0;
padding:0;
z-index:10;
}

#project-list.block h2.year .break,
#news-list.block h2.year .break {
margin:-1px 0 0 0;
}

#project-list.block li.break span,
#project-list.block h2.year .break span,
#news-list.block li.break span,
#news-list.block h2.year .break span {
border-top:1px solid rgb(216,216,217);
padding:0 0 0 0;
float:left;
}

#project-list.block li.list-item.hover,
#project-list.block li.list-item.shadow,
#news-list.block li.list-item.hover,
#news-list.block li.list-item.shadow {
padding:0 0 20px 0;
}

#project-list.block li .project-info,
#news-list.block li .project-info,
#news-list.list li .project-info.block-item {
width:100%;
float:left;
}

#project-list.block .image-wrapper,
#news-list.block .image-wrapper {
position:relative;
left:0;
bottom:0;
width:100%;
/*
height:200px;
*/
float:left;
margin:0 0 10px 0;
overflow:hidden;
}

#project-list.block li img,
#news-list.block li img {
width:100%;
float:left;
}

#project-list.block .image-wrapper .shadow,
#news-list.block .image-wrapper .shadow {
position:absolute;
bottom:0;
left:0;
/*
width:40%;
margin:0 30% 2em 30%;
*/
width:100%;
float:left;
margin:0;
}

/* list style */
#project-list.list li.list-item,
#news-list.list li.list-item {
width:98.5%;
margin:0 0 0 1.5%;
padding:10px 0;
}

.news-list.list li.list-item {
width:100%;
margin:0;
padding:10px 0;
}

#project-list li.list-item,
#news-list li.list-item,
.news-list li.list-item {
position:relative;
width:31.83333333333%;
float:left;
border-top:1px solid rgb(216,216,217);
}

#project-list li.list-item.no-border,
#project-list.block li.list-item,
#news-list.block li.list-item.no-border,
#news-list.block li.list-item,
.news-list.block li.list-item.no-border,
.news-list.block li.list-item {
padding-top:1px;
border-top:none;
}

#project-list.list li img,
#news-list.list li img,
.news-list.list li img {
width:100%;
float:left;
}

#project-list.list .image-wrapper,
#news-list.list .image-wrapper,
.news-list.list .image-wrapper {
position:relative;
top:0;
margin:-10px 0;
width:16%;
float:left;
}

/*
#project-list.list li.hover.detail:hover .image-wrapper,
#news-list.list li.hover:hover .image-wrapper,
*/
.news-list.list li.hover .image-wrapper {
position:relative;
width:32%;
float:left;
}

#project-list.list .project-info,
#news-list.list .project-info,
.news-list.list .project-info {
position:relative;
width:100%;
float:right;
}

#project-list.list .project-info,
#project-list.list li.hover .project-info,
#project-list.list li.shadow .project-info,
#news-list.list li.hover .project-info {
width:82.5%;
}

.news-list.list li.hover .project-info {
width:66%;
}

/*
#project-list.list li.hover.detail:hover .project-info,
#news-list.list li.hover:hover .project-info {
position:relative;
width:66.5%;
float:right;
}
*/

#project-list.list .project-info a,
#news-list.list .project-info a,
.news-list.list .project-info a {
display:block;
clear:both;
}

#project-list.list .project-info p a,
#news-list.list .project-info p a,
.news-list.list .project-info p a {
display:inline;
clear:none;
}

#project-list.list li h3,
#news-list.list li h3,
.news-list.list li h3 {
padding:0 0 5px 0;
}

#project-list.list .image-wrapper .preview,
#news-list.list .image-wrapper .preview,
.news-list.list .image-wrapper .preview {
position:relative;
top:0;
}

#project-list.list .image-wrapper .shadow,
#news-list.list .image-wrapper .shadow,
.news-list.list .image-wrapper .shadow {
position:absolute;
top:0;
left:0;
width:50%;
margin:10% 25% 0 25%;
}

#project-list.list li.list-item.shadow {
min-height:100px;
}

#project-list.list li.hover.detail:hover .image-wrapper .shadow,
#news-list.list li.hover.detail:hover .image-wrapper .shadow,
.news-list.list li.hover.detail:hover .image-wrapper .shadow {
display:none;
}

/* open close */
#news-list.block li .open,
#news-list.block li .close,
#project-list.block li .open,
#project-list.block li .close {
display:none;
}

#news-list.list li .open,
#news-list.list li .close,
#project-list.list li .open,
#project-list.list li .close {
position:absolute;
top:10px;
right:0;
color: rgb(51,51,52);
font-size:105%;
display:none;
}

#news-list.list li:hover .open,
#news-list.list li.show-large .close,
#project-list.list li.hover.detail:hover .open,
#project-list.list li.hover.detail.show-large .close {
display:block;
}

#news-list.list li .open,
#news-list.list li.show-large:hover .open,
#news-list.list li.show-large .open,
#project-list.list li .open,
#project-list.list li.hover.detail.show-large:hover .open,
#project-list.list li.hover.detail.show-large .open {
display:none;
}

#news-list.list li.show-large .project-info,
#project-list.list li.hover.detail.show-large .project-info {
position:relative;
width:66.5%;
float:right;
}

#news-list.list li.show-large.hover .project-info,
#project-list.list li.hover.detail.show-large.hover .project-info {
position:relative;
width:66.5%;
float:right;
}

#news-list.list li.show-large.hover .image-wrapper,
#project-list.list li.hover.detail.show-large.hover .image-wrapper {
position:relative;
width:32%;
float:left;
}

#news-list.list .project-info a,
#project-list.list .project-info a {
width:auto;
float:left;
}

#news-list.list .project-info p,
#project-list.list .project-info p {
width:100%;
float:left;
clear:both;
}

/* list style buttons */
.list-style {
position:relative;
margin:0.7em 0 0 0.35em;
float:right;
width:19px;
height:19px;
overflow:hidden;
}

.list-style img {
position:absolute;
top:0;
left:0;
width:100%;
float:left;
}

.list-style .on,
.list-style.active .off,
.list-style:hover .off {
opacity:0;
}

.list-style:hover .on,
.list-style.active .on {
opacity:1;
}

/*** project detail ***/
#project {
width:100%;
float:left;
margin:3.5em 0 0 0;
font-size: 80%;
line-height: 150%;
}

.gallery-wrapper {
min-height:402px;
margin-bottom:-1px;
}

.gallery {
position:relative;
float:left;
width:97.8%;
text-align:center;
min-height:402px;
}

.gallery li,
#project div.image {
position:relative;
/*
margin:0 1.5% 0 0;
background-color: rgb(236,236,237);
*/
border-top: 1px solid rgb(216,216,217);
border-bottom: 1px solid rgb(216,216,217);
overflow:hidden;
z-index:10;
height:402px;
z-index:2;
}

.gallery li.next-btn {
cursor:pointer;
}

/*
.gallery .next-image {
position:absolute;
left:0;
top:0;
width:100%;
height:402px;
z-index:20;
background-color:transparent;
border:none;
}

.gallery .next-image a {
position:relative;
width:100%;
height:402px;
z-index:2;
float:left;
text-indent:-9999px;
}
*/

/*
.gallery .image.inactive {
position:absolute;
top:-9999px;
left:-9999px;
width:100%;
height:402px;
overflow:hidden;
}

.gallery .image.active {
position:relative;
left:0;
}
*/

.gallery .image {
position:relative;
width:100%;
height:402px;
overflow:hidden;
opacity:0;
margin:0 0 -402px 0;
}

.gallery .image.inactive {
z-index:-100;
}

.gallery .image.active {
opacity:1;
z-index:100;
}

.gallery .image.info,
#project .image.info {
background-color:#fff;
text-align:justify;
border:none;
}

.gallery .image.info .text,
#project .image.info .text {
padding:0 20% 0 0;
float:left;
font-size:100%;
}

.gallery .image.info .youtube,
#project .image.info .youtube {
padding:0;
float:left;
width: 100%;
}

.gallery .image.info .youtube iframe,
#project .image.info .youtube iframe {
float:left;
width: 100%;
height: 100%;
}

.gallery .image.info .text p,
#project .image.info .text p {
font-size:100%;
}

.gallery img {
max-width:100%;
max-height: 100%;
margin:0;
background-color:#fff;
/*
border:1px solid rgb(236,236,237);
*/
}

.gallery-thumb {
width:100%;
float:left;
padding-top:1.2em;
}

.gallery-thumb li {
float:left;
}

.gallery-thumb li a {
border:1px solid rgb(216,216,217);
float:left;
margin:0 10px 10px 0;
height:55px;
}

.gallery-thumb li.img a {
width:55px;
}

.gallery-thumb li.plan a {
width:55px;
line-height:55px;
padding:0;
text-transform:uppercase;
font-size:70%;
overflow:hidden;
text-align:center;
}

.gallery-thumb li a:hover,
.gallery-thumb li.active a {
border:2px solid rgb(51,51,52);
}

.gallery-thumb li.plan a:hover,
.gallery-thumb li.active.plan a {
line-height:53px;
}

.gallery-thumb li img {
font-size:0;
line-height:0;
float:left;
width:100%;
}

#project h2 {
font-size: 150%;
width: 100%;
float: left;
line-height: 120%;
padding:0 0 5px 0;
margin:-0.2em 0 0 0;
}

#project h2 span {
padding: 0 14px 0 0;
background: transparent url("/.resources/selvaarch/images/line.gif") right 1em no-repeat;
}

#category-nav {
width:100%;
float:left;
margin:20px 0 10px 0;
}

#category-nav li {
width:100%;
float:left;
margin: 0 0 10px 0;
}

#category-nav li a.active {
color: rgb(51,51,52);
}

#project .prev,
#project .back,
#project .next {
float:left;
margin:1em 0;
}

#project .prev,
#project .next {
width:30%;
text-align:left;
}

#project .next {
width:30%;
text-align:right;
}

#project .next .icon {
float:right;
padding: 0 0 0 0.2em;
}

#project .back {
width:40%;
text-align:center;
}

#project .back.block {
width:100%;
text-align:left;
}

#project .back .center {
width:auto;
}

#project .back .center .icon {
float:none;
display:inline;
}

#project .back .center .overview {
position:relative;
top:-0.3em;
}

#project .border-top {
border-top:1px solid rgb(216,216,217);
}

/*
#project .bottom {
margin-bottom:2em;
}
*/

/* publication on project detail */
.gallery .image.info .publication-list,
.gallery .image.info .publication-list li {
width:100%;
float:left;
margin:0 !important;
padding:0 !important;
height:auto;
border:none;
}

.gallery .image.info .publication-list li,
#project .image.info .publication-list li {
margin:0 0 10px 0 !important;
padding:0 !important;
width:100% !important;
font-family: 'robotolight', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight: normal;
overflow:visible;
color:rgb(51,51,52);
text-align:left;
}

.gallery .image.info .publication-list li p,
#project .image.info .publication-list li p {
display:inline;
clear:none;
float:none;
width:auto;
font-family: 'robotobold', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight: normal;
}

.gallery .image.info .publication-list li p em,
#project .image.info .publication-list li p em {
font-family: 'robotolight', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight: normal;
padding:0 0.5em 0 0;
}

.gallery .image.info .publication-list li strong,
#project .image.info .publication-list li strong {
font-family: 'robotobold', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight: normal;
}

.gallery .image.info .publication-list li a,
#project .image.info .publication-list li a {
font-size:100%;
color:rgb(51,51,52);
}

.gallery .image.info .publication-list li a .doc-size {
font-style: normal;
font-size: 80%;
text-transform: uppercase;
padding: 0;
white-space: nowrap;
font-family: 'robotoregular', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
font-weight: normal;
font-style:normal;
color: rgb(124,124,125);
}

/*** news ***/
.news-link {
position:relative;
width:100%;
float:left;
padding:0 0 0 1.6em;
}

.news-link .icon {
position:absolute;
left:0;
top:0;
}

.news-link em {
font-style:normal;
font-size:80%;
text-transform:uppercase;
padding:0;
white-space:nowrap;
}

#news-list li h2,
.news-list li h2 {
font-size: 150%;
width: 100%;
float: left;
line-height: 120%;
padding: 0 0 5px 0;
}

#news-list.block .year {
position:relative;
float:left;
clear:both;
padding: 10px 0 0 0;
}

#news-list.list .year {
position:absolute;
top:12px;
left:-6em;
width:5.5em;
text-align:right;
font-size:150%;
}

.news-list.list .year {
position:relative;
width:100%;
font-size:100%;
}

#news-list.block .image-wrapper {
position:relative;
width:100%;
height:auto;
min-height:1px;
}

#news-list.block .image-wrapper .preview {
position:relative;
top:0;
}

#news-list.block li.list-item.hover,
#news-list.block li.list-item.detail {
padding:0 0 20px 0;
}

.text.news-img {
width:25%;
float:left;
}

.text.news-text {
width:75%;
float:right;
padding:0 0 0 2.5%;
}

.text.news-img img {
width:100%;
float:left;
}

/*** title text ***/
.text.component {
width:100%;
float:left;
padding:0 0 2em 0;
text-align:justify;
}

.text.component ul,
.text.component ol,
.gallery .text ul,
.gallery .text ol {
padding:0 0 1.6em 1.5em;
margin:0;
text-align:left;
font-size:80%;
}

.gallery .text ul,
.gallery .text ol {
font-size:100%;
}

.gallery .text ul,
.gallery .text ol,
.gallery .text ul li,
.gallery .text ol li {
height:auto;
min-height:1px;
background-color:#fff;
overflow:visible;
}

.text.component ul,
.gallery .text ul {
list-style:square;
}

.text.component ol,
.gallery .text ol {
list-style: decimal;
}

.text.component ul a,
.text.component ol a,
.gallery .text ul a,
.gallery .text ol a {
font-size:100%;
}

.text.component h2 {
padding:0 0 5px 0;
width:100%;
float:left;
}

/*** team list ***/
.team-list,
.team-list ul {
width:100%;
float:left;
margin:0;
}

.team-list li {
width:23.875%;
float:left;
margin:0 1.5% 0 0;
font-size:80%;
padding:0 0 2em 0;
border-top:1px solid rgb(216,216,217);
}

.team-list.list li {
width:100%;
float:left;
margin:0;
font-size:80%;
padding:0;
border-top:1px solid rgb(216,216,217);
}

.team-list li.last {
margin:0;
}

.team-list li img {
width:60%;
/*
padding:0 40% 0 10%;
padding:0 25%;
*/
margin:0 20%;
float:left;
font-size:0;
line-height:0;
clear:both;
}

.team-list.list li img {
width:12.5%;
float:left;
font-size:0;
line-height:0;
}

.team-list.list li .name {
width:86%;
float:right;
padding:10px 0;
}

.team-list li .name {
clear:both;
}

/*
.team-list.list li:hover img {
width:25%;
}

.team-list.list li:hover .name {
width:73.5%;
}
*/

.team-list li h2 {
font-size: 150%;
width: 100%;
float: left;
line-height: 120%;
padding: 10px 0 5px 0;
}

.team-list.list li h2 {
width:auto;
padding:0 0.5em 0 0;
}

.team-list.list li p {
float:left;
padding:0.25em 0 0 0;
}

.team-list.list li .mail {
float:left;
width:100%;
clear:both;
}

/*** map ***/
.map-wrapper {
width:100%;
height:400px;
float:left;
}

#firstHeading,
#bodyContent p {
text-align:left;
font-size:100%;
}

.map-info {
width:200px;
float:left;
clear:both;
height:80px;
}

/*** download ***/
.file p {
padding:0 0 0 1.6em;
}

.file-link {
position:relative;
}

.file-link .file-title {
padding:0 0 0 1.6em;
float:left;
clear:both;
}

.file-link .icon {
position:absolute;
top:0;
left:0;
}

.file-link em {
font-style: normal;
font-size: 80%;
text-transform: uppercase;
padding: 0;
white-space:nowrap;
}

/*** footer ***/
#footer-wrapper {
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:10;
margin:-2.6em 0 0 0;
}

#footer {
position:relative;
width:100%;
max-width:1280px;
min-width:1000px;
margin: 0 auto;
padding:0 10px;
}

#footer p {
width:100%;
max-width:1280px;
min-width:980px;
padding:10px 0;
border-top:1px solid rgb(216,216,217);
background-color:#fff;
float:left;
font-size:80%;
height:3.25em;
overflow:hidden;
}

#back-top {
position:absolute;
right:10px;
top:0;
padding:10px 0;
font-size:80%;
text-align:right;
font-family:'robotoregular', Verdana, Arial, Helvetica, sans-serif, 'sans serif';
opacity:0;
}

/*** editor info ***/
.warning {
position:relative;
width:100%;
float:left;
padding:5px;
background-color: #ff5555;
text-align:center;
color:#fff;
z-index:10;
margin:0 0 1em 0;
}

.info {
position:relative;
width:100%;
float:left;
/*
padding:5px;
*/
background-color: #ffffaa;
text-align:center;
color:#000;
z-index:10;
vertical-align:top;
margin:0 0 1em 0;
}

.col-4.warning,
.col-4.info {
width:48%;
text-align:left;
}

.warning img,
.info img {
float:right;
font-size:0;
line-height:0;
}

.warning span,
.info span {
padding:10px;
float:left;
font-size:80%;
}

.col-4.warning.right,
.col-4.info.right {
float:right;
}

a.info.pointer,
a.info.pointer.disabled {
position:relative !important;
font-family: Verdana, sans-serif !important;
font-size: 11px !important;
font-style: normal !important;
font-weight: normal !important;
height: 23px !important;
line-height: 20px !important;
border-top: 1px solid #bcd56f !important;
border-left: 1px solid #bcd56f !important;
border-bottom: 1px solid #678b0f !important;
border-right: 1px solid #678b0f !important;
background: #9abe00 url('/.resources/magnolia-templating-editor/img/bars/component.buttons/edit.png') center right no-repeat !important;
color: #2f491b !important;
clear: both !important;
padding:0 30px 0 5px !important;
display:block !important;
float:none !important;
cursor:pointer !important;
}

a.info.pointer:hover,
a.info.pointer.disabled:hover,
li:hover a.info.pointer,
li:hover a.info.pointer.disabled {
background: #9abe00 url('/.resources/magnolia-templating-editor/img/bars/component.buttons/edit_hover.png') center right no-repeat !important;
}

.list a.info.pointer,
.list a.info.pointer.disabled {
margin:-11px 0 0 0 !important;
}

.block a.info.pointer,
.block a.info.pointer.disabled {
margin:-1px 0 0 0 !important;
}

/* bugfix 2018 */
.list-item .inner-wrapper.match {
width: 100%;
float: left;
}

/* CSS cookie banner */

:root {
     --fontSizeCookieBanner: 1em; /* custom font size */
}
.cookie-banner {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: #efefef;
     padding: 1em;
     display: grid;
     place-items: center;
     z-index: 10000;
}

.cookie-banner > div {
     display: flex;
     justify-content: center;
     justify-items: center;
     align-items: center;
     gap: 1em;
     max-width: 100ch;
     padding: 0 1em;
}

@media screen and (max-width: 600px) {
     .cookie-banner > div {
          flex-direction: column;
          align-items: end;
          gap: 1em;
     }
}
.cookie-banner p {
     font-size: var(--fontSizeCookieBanner);
     line-height: 125%;
}

.cookie-banner p a {
     text-decoration: underline;
}

.cookie-banner button {
     background-color: #000;
     color: white;
     border: none;
     padding: 0.3em 1em;
     font-size: var(--fontSizeCookieBanner);
     cursor: pointer;
}
.member_list {
    display: grid;
    max-width: 100%;

    --grid-gap: 2em;
}

.member_list li {
    display: grid;
    grid-template-columns: calc(50% - (2 * var(--grid-gap))) 1fr 1fr;
    grid-auto-rows: auto;
    column-gap: var(--grid-gap);
    width: 100%;
    padding-bottom: 0.8em
}

.member_list li:has(a:where(:hover, :focus-visible)) {
    background-color: #fcfcfc;
}

.member_list li > :where(.mail, .phone) {
    width: max-content;
}

.member_list li h2 {
    grid-column: 1 / -1;
}

.visually-hidden:where(:is(:not(:focus-visible))) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.member_list .phone span {
    display: none;
}

@media screen and (max-width: 750px){
    .member_list li {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .member_list li :not(a) {
        grid-column: 1 / -1;
    }

    .member_list li .mail {
        grid-column: 1 / span 2;
    }

    .member_list li .phone {
        grid-column: 3;
    }
}

@media screen and (max-width: 450px) {
    .member_list li {
        grid-template-columns: 1fr;
    }

    .member_list li > * {
        grid-column: 1 !important;
    }

    .member_list .phone span {
        display: block;
        float: left;
    }
}