/**
 * Import webfonts
 */
@import url('https://fast.fonts.net/lt/1.css?apiType=css&c=2745f5a1-6c78-4024-8411-d8a6cf0610be&fontids=706860,706866');
@import url('https://fast.fonts.net/t/1.css?apiType=css&projectid=a487418a-d37d-4f59-93b2-0c13155e0d57');


/**
 * Linotype
 */
@font-face {
    font-family: 'Prestige Elite W01 Bold';
    src: url('../Fonts/706860/1c2346f9-683b-4713-9b96-c38e48777504.eot?#iefix');
    src: url('../Fonts/706860/1c2346f9-683b-4713-9b96-c38e48777504.eot?#iefix') format('eot'), url('../Fonts/706860/bf257704-d022-4e60-9c85-e52dd6966187.woff2') format('woff2'),
    url('../Fonts/706860/9345a0f5-95de-43c0-bd16-4197b9214b2e.woff') format('woff'), url('../Fonts/706860/2939886e-0f3b-4d1c-9821-2dd037f26246.ttf') format('truetype');
}

@font-face {
    font-family: 'Prestige Elite W01';
    src: url('../Fonts/706866/e2a42b91-a541-4750-bd13-8479ce03d89d.eot?#iefix');
    src: url('../Fonts/706866/e2a42b91-a541-4750-bd13-8479ce03d89d.eot?#iefix') format('eot'), url('../Fonts/706866/565f1fc6-2e7f-4255-9c98-9253a2f56355.woff2') format('woff2'), url('../Fonts/706866/fff8b220-a28b-4d03-8e1b-cae9ea3545f7.woff') format('woff'), url('../Fonts/706866/3fd2211a-c28b-43dc-b963-a3069328d31b.ttf') format('truetype');
}


/**
 * Fonts.com
 */
@font-face {
    font-family: 'Trade Gothic W01 Light';
    src: url('../Fonts/dc61b9f1-7609-475e-af7d-8b2b5deb401d.eot?#iefix');
    src: url('../Fonts/dc61b9f1-7609-475e-af7d-8b2b5deb401d.eot?#iefix') format('eot'), url('../Fonts/655d9d2d-89f2-4a22-8374-53dc74dfec80.woff2') format('woff2'), url('../Fonts/3490ccd3-6e42-49ba-9733-7af1e400a3b4.woff') format('woff'), url('../Fonts/c44646ee-cf36-4809-92b4-9b4f292a2ca1.ttf') format('truetype');
}

@font-face {
    font-family: 'Trade Gothic W01 Roman';
    src: url('../Fonts/40775ed4-d9b0-4f75-b874-80f2842332a9.eot?#iefix');
    src: url('../Fonts/40775ed4-d9b0-4f75-b874-80f2842332a9.eot?#iefix') format('eot'), url('../Fonts/24ba8ea7-bbf3-40e0-b924-fd985d79ebca.woff2') format('woff2'), url('../Fonts/9274bb7f-01c5-45cb-b935-f53683ab6dd6.woff') format('woff'), url('../Fonts/a94b3f7a-c1fd-4bbe-9273-1f6f081dcb2f.ttf') format('truetype');
}

@font-face {
    font-family: 'Trade Gothic W01 Bold';
    src: url('../Fonts/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot?#iefix');
    src: url('../Fonts/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot?#iefix') format('eot'), url('../Fonts/2bd4e485-6e2d-478c-94c7-9a7cabf8e98d.woff2') format('woff2'), url('../Fonts/3e9c6e62-e41c-408b-bef3-ffa454301b17.woff') format('woff'), url('../Fonts/a74675c3-a15b-41ed-8409-e90f921c3cb8.ttf') format('truetype');
}

@font-face {
    font-family: 'Trade Gothic W02 Bold 2';
    src: url('../Fonts/07702e82-1476-4552-97e1-682d5af3bd30.eot?#iefix');
    src: url('../Fonts/07702e82-1476-4552-97e1-682d5af3bd30.eot?#iefix') format('eot'), url('../Fonts/4a5b9bde-0062-4b1f-ae1f-d2ad4d283b55.woff2') format('woff2'), url('../Fonts/dd603555-b5c3-4df6-885b-b75ef30fa0f8.woff') format('woff'), url('../Fonts/6515df23-fbdf-459f-924c-b449b8b7ade8.ttf') format('truetype');
}


/*
 * Available webfonts
 *
 * 'Prestige Elite W01'
 * 'Prestige Elite W01 Bold'
 * 'Trade Gothic W01 Light'
 * 'Trade Gothic W01 Roman'
 * 'Trade Gothic W01 Bold'
 * 'Trade Gothic W02 Bold 2'
 */
body {
    font-size: 13px;
    margin: 0;
    color: #00092d;
}


/* --HIDE MOBILE ONLY ELEMENTS ---------------------------------------------- */
#topBarMobile, #filterMobile, #scrollToTopLayer {
    display: none;
}


/* -- FULLSCREEN BG IMAGE --------------------------------------------------- */
img.bg {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

@media screen and (max-width: 1024px) {
    /* Specific to this particular image */
    img.bg {
        left: 50%;
        margin-left: -512px;
    }
}


/* -- MAIN ELEMENTS --------------------------------------------------------- */
a {
    color: #00092d;
}

a:hover {
    text-decoration: none;
}

b, strong {
    font-family: 'Prestige Elite W01 Bold', Courier, Helvetica, Arial, sans-serif;
    font-weight: normal;
}


/* -- NEW RTE TEXT ELEMENTS ------------------------------------------------- */
.blauraumheadlinemedium,
.blauraumheadlinemediumversalien {
    font-family: 'Trade Gothic W02 Bold 2', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.blauraumheadlinesmall,
.blauraumheadlinesmallversalien {
    font-family: 'Trade Gothic W02 Bold 2', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.blauraumheadlinemediumversalien,
.blauraumheadlinesmallversalien {
    text-transform: uppercase;
}


/* -- FONT ASSIGNMENT ------------------------------------------------------- */
body {
    font-family: 'Prestige Elite W01', Courier, Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#topBarFull,
#topBarMobile,
#serviceNav,
.projectItem,
.publicationItem,
#projectDetailsContainer h2,
#publicationDetailsContainer h2,
#projectLinks h3,
#publicationLinks h3,
#relatedProjectsWrapper h3,
#relatedPublicationsWrapper h3,
#newsContainer .date,
#newsContainer .title,
#relatedProjectsWrapper .title,
#relatedProjectsWrapper .subtitle,
#relatedPublicationsWrapper .title,
#relatedPublicationsWrapper .subtitle,
.officeContentContainer h2,
.tx-blauraumoffice-pi2,
#contactSubnavContainer,
.projectlink .inner,
.projectlink .innerImage,
#publicationDetailsContainer .publicationsubtitle,
h2.csc-firstHeader,
#footerNavigation,
#footerNavigationContact,
.tx-blauraumstartpage-pi2 h2,
#slideShowNavigationMobile,
#scrollToTopLayer {
    font-family: 'Trade Gothic W01 Bold', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#newsContainer .subtitle,
.officeContentContainer h1,
.partnerItem .name,
.partner-cv .name,
#team .name,
.projectlink .inner .date,
.projectlink .innerImage .date,
.startNewsItem .date,
.startNewsItem .text {
    font-family: 'Trade Gothic W02 Bold 2', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#filter,
#filterMobile {
    font-family: 'Trade Gothic W01 Roman', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#projectNavigation,
#publicationNavigation {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
}


/*
 * Info image text styles
 */
.infotextlarge,
.infotextmedium,
.infotextsmall {
    display: inline-block;
    font-weight: normal;
}

.infotextlarge {
    font-family: 'Trade Gothic W01 Bold', Helvetica, Arial, sans-serif;
    font-size: 72px;
    line-height: 72px;
}

.infotextmedium {
    margin-bottom: 11px;
    font-family: 'Trade Gothic W02 Bold 2', Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 30px;
}

.infotextsmall {
    font-family: 'Trade Gothic W02 Bold 2', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
}


/* -- LOGO ------------------------------------------------------------------ */
#logo {
    position: fixed;
    top: 72px;
    left: 26px;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/blauraum-logo.png') no-repeat;
    background-size: 177px 29px;
    width: 177px;
    height: 29px;
    z-index: 1000;
}

#logo:hover {
    cursor: pointer;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #logo {
        background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/blauraum-logo-retina.png') no-repeat;
        -webkit-background-size: 177px 30px;
    }
}


/* -- TOP BAR FULLSCREEN ---------------------------------------------------- */
#topBarFull {
    position: fixed;
    width: 100%;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/topBarShadow.png') repeat-x;
    height: 25px;
    text-transform: uppercase;
    z-index: 1000;
}

#topBarFull a {
    text-decoration: none;
}

#mainNav {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0;
    z-index: 100;
}

#mainNav ul {
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
}

#mainNav ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 9px;
    padding: 0;
    position: relative;
    right: 50%;
}

#mainNav ul li a {
    display: block;
    margin: 0;
    padding: 1px 5px;
    color: #00092d;
    text-decoration: none;
}

#mainNav ul li a:hover {
    background: #00092d;
    color: #fff;
}

#mainNav ul li a.active,
#mainNav ul li a.active:hover {
    color: #ddd;
    background: #00092d;
}


/* -- SERVICE NAVIGATION ---------------------------------------------------- */
#serviceNav {
    position: fixed;
    top: 0;
    right: 12px;
    z-index: 1100;
    height: 18px;
    font-size: 12px;
}

.facebook,
.newsletter,
.instagram,
.linkedin {
    padding: 2px 0 0 0;
    text-transform: uppercase;
    float: right;
}

.facebook {
    padding-top: 3px;
}

.instagram {
    padding-top: 4px;
    padding-left: 9px;
}

.linkedin {
    padding-top: 3px;
    padding-left: 9px;
}

.newsletter {
    margin: 0 15px 0 0;
}

.facebook a,
.newsletter a {
    text-decoration: none;
}

.facebook a:hover,
.newsletter a:hover {
    text-decoration: underline;
}

#languageSwitch {
    padding: 2px 0 0 15px;
    float: right;
}

#languageSwitch a {
    margin: 0 0 0 5px;
    text-decoration: none;
}

#languageSwitch a.active {
    text-decoration: underline;
}

#languageSwitch a:hover {
    text-decoration: underline;
}


/* -- CONTENT ELEMENTS ------------------------------------------------------ */
#wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 120px 0 50px 0;
}

.serviceContainer {
    padding: 0 295px;
}

h2.csc-firstHeader {
    margin: 0 0 50px 0;
    font-size: 32px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
}

h2.csc-firstHeader .inner {
    background: #fff;
    display: inline-block;
    padding: 5px 10px;
}

.wrappercontact {
    max-width: none !important;
    width: auto !important;
    width: 290px;
    position: fixed;
    top: 120px;
    left: 50%;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999;
}

.wrappercontact h2.csc-firstHeader {
    margin: 0 0 50px -290px;
    font-size: 32px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
}

.wrappercontact h2.csc-firstHeader .inner {
    background: #fff;
    display: inline-block;
    padding: 5px 10px;
}

.wrappercontact .csc-default:last-child {
    float: right;
    width: 290px;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/bg90.png');
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}

.wrappercontact .csc-default:last-child DIV.csc-textpic,
.wrappercontact .csc-default:last-child .csc-textpic-imagewrap,
.wrappercontact .csc-default:last-child .csc-textpic-image {
    float: none;
    margin: 0;
}

.wrappercontact .csc-default:last-child .csc-textpic-text {
    padding: 20px;
}

.wrappercontact .csc-default:last-child .bodytext {
    margin: 0;
    padding: 0;
}

.wrappercontact .csc-default:last-child .bodytext .important {
    font-family: 'Trade Gothic W01 Bold', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 24px;
}


/* -- NEWS ------------------------------------------------------------------ */
#newsContainer {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    display: none;
}

#newsContainer .newsEntry {
    width: 275px;
    float: left;
    line-height: normal;
    margin: 0 10px 30px 10px;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/bg90.png');
}

#newsContainer .newsEntry .image > a {
    display: block;
}

#newsContainer .padding {
    padding: 20px;
}

#newsContainer .date {
    font-size: 12px;
    margin: 0 0 25px 0;
}

#newsContainer .title {
    font-size: 20px;
    text-transform: uppercase;
}

#newsContainer .subtitle {
    margin: 15px 0 0 0;
}

#newsContainer .text {
    margin: 25px 0 0 0;
    line-height: 16px;
}

#newsContainer .text p.bodytext {
    padding: 0;
    margin: 0;
}


/* -- ARCHITECTURE / PUBLICATIONS ---------------------------------------------------------- */
#projectContainer,
#publicationContainer {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    display: none;
}

.projectItem,
.publicationItem {
    position: relative;
    width: 275px;
    float: left;
    line-height: normal;
    margin: 0 10px 30px 10px;
}

.projectItem .inner:hover,
.publicationItem .inner:hover {
    cursor: pointer;
}

.projectItem .title,
.publicationItem .title {
    font-size: 16px;
    line-height: 22px;
    padding: 7px 10px 5px 10px;
}

.projectItem .title a,
.publicationItem .title a {
    text-decoration: none;
}

.projectItem .title a:hover,
.publicationItem .title a:hover {
    text-decoration: underline;
}

.projectItem .subtitle,
.publicationItem .subtitle {
    font-size: 12px;
    line-height: 12px;
    padding: 0 10px 9px 10px;
}

.thumb img {
    display: block;
    border: none;
}


#filter {
    position: fixed;
    top: 18px;
    left: 0;
    width: 100%;
    height: 27px;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/filterShadow.png') 0 bottom repeat-x;
    z-index: 900;
    font-size: 12px;
    overflow: hidden;
    line-height: 17px;
    text-transform: uppercase;
}

#filter a {
    text-decoration: none;
}

#filter a:hover {
    text-decoration: none;
}

.tx-blauraumpublications-pi1 a.filterByCategory {
    margin: 0 20px 0 0;
}

#filter .inner {
    position: absolute;
    bottom: 7px;
    left: 50%;
    width: 836px;
    margin-left: -316px;
    padding: 0;
    z-index: -1;
}

#filter .inner > div {
    float: left;
}

#filterFirstSpacer {
    width: 70px;
    height: 10px;
}

#allProjects {
    width: 130px;
}

#allPublications {
    width: 150px;
}

#filterTasks {
    width: 150px;
}

#filter h3 {
    margin: 0 0 10px 0;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
}

.paddingTop {
    padding: 20px 0 0 0;
}

.filterHeadline {
    font-family: 'Trade Gothic W02 Bold 2', Helvetica, Arial, sans-serif;
    position: absolute;
    bottom: 0;
    width: auto !important;
    float: none !important;
}

#headlineFilter {
    left: 0;
}

#typology1row {
    display: none;
}

.filterFadeElement {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

#headlineSorting {
    left: 630px;
}

#filterSorting {
    width: 101px;
    position: absolute;
    bottom: 0;
    left: 735px;
}

#filterTypology {
    width: 180px;
    padding-right: 10px;
}

#activeFilter,
#activeSorting {
    position: absolute;
    bottom: 0;
    white-space: nowrap;
}

#activeFilter {
    left: 70px;
}

#activeSorting {
    left: 615px;
}

.sortBy a.active,
.filterBy a.active {
    text-decoration: underline !important;
}


/* -- PROJECT / PUBLICATION DETAILS ----------------------------------------- */
#projectDetailsContainer,
#publicationDetailsContainer {
    width: 1160px;
    margin: 0 auto 50px auto;
}

#projectImages,
#publicationImages {
    position: relative;
    width: 1160px;
    height: 600px;
    border-bottom: 1px solid #b2b4c0;
    text-align: center;
    overflow: hidden;
}

#projectImages .projectImage,
#publicationImages .publicationImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 1160px;
    height: 600px;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    z-index: 100;
}

.publicationImage > a {
    display: inline-block;
}

#projectImages .projectImage img:hover,
#publicationImages .publicationImage img:hover {
    cursor: pointer;
}

img.fancybox-image {
    cursor: pointer;
}

#projectImages .active,
#publicationImages .active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    z-index: 200;
}

#projectNavigation,
#publicationNavigation {
    font-size: 12px;
    padding: 8px 20px;
    text-align: center;
}

#projectNavigation a,
#publicationNavigation a {
    text-decoration: none;
}

#projectNavigation a:hover,
#publicationNavigation a:hover {
    text-decoration: underline;
}

#projectoverview,
#publicationoverview,
#previousproject,
#previouspublication {
    float: left;
    margin: 0 20px 0 0;
}

#nextproject,
#nextpublication,
#maximizeimagesContainer {
    float: right;
    margin: 0 0 0 20px;
}

#maximizeimagesContainer .maximizeimages {
    display: none;
}

#maximizeimagesContainer .active {
    display: block;
}

#projectDetailsContainer h2,
#publicationDetailsContainer h2 {
    font-size: 32px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    margin: 25px 0 40px 0;
    padding: 0 20px;
}

#publicationDetailsContainer .publicationsubtitle {
    margin: -20px 0 20px 0;
    text-align: center;
    font-size: 16px;
    line-height: normal;
}

#publicationDetailsContainer .publicationdate {
    margin: -10px 0 30px 0;
    text-align: center;
    font-size: 14px;
    line-height: normal;
}

#projectText .left p,
#projectText .right p,
#publicationText .left p,
#publicationText .right p {
    padding: 0 30px 0 0;
    margin: 0;
}

#projectText .left,
#publicationText .left {
    float: left;
    width: 50%;
}

#projectText .left p,
#publicationText .left p {
    padding-left: 20px;
}

#projectText .right,
#publicationText .right {
    float: right;
    width: 50%;
}

#imageNavigation a {
    margin-right: 10px;
}

#imageNavigation a.active {
    font-weight: bold;
}

#imageNavigation a:last-child {
    margin-right: 0;
}

#galleryCloseButton,
#galleryPreviousButton,
#galleryNextButton {
    display: none;
    position: absolute;
    z-index: 9999999;
}

#galleryCloseButton {
    top: 10px;
    right: 10px;
    width: 19px;
    height: 19px;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/galleryClose.png');
}

#galleryPreviousButton,
#galleryNextButton {
    top: 50%;
    margin-top: -125px;
    width: 75px;
    height: 250px;
}

#galleryPreviousButton {
    left: 0;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/galleryPrevious.gif') 10px center no-repeat;
}

#galleryNextButton {
    right: 0;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/galleryNext.gif') 10px center no-repeat;
}

#galleryCloseButton:hover,
#galleryPreviousButton:hover,
#galleryNextButton:hover {
    cursor: pointer;
}

#infoBoxWrapper,
#infoBoxWrapper-midsize {
    margin: 30px 0 0 0;
}

#infoBoxWrapper-midsize {
    display: none;
}

.infoBoxContainer {
    border-top: 1px solid #00092d;
    margin: 0 0 20px 0;
    padding: 0;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/projectInfoBoxBgFull.png');
}

.infoBox {
    float: left;
    width: 245px;
    padding: 20px 20px 7px 20px;
}

.infoBox p {
    margin: 0 0 1em 0;
}

#projectLinks {
    position: relative;
    margin: 50px 0 0 0;
}

#projectLinks h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}

#projectLinks a {
    text-decoration: none;
}

#projectLinks a:hover {
    text-decoration: underline;
}

#projectLinks .projectlink {
    position: relative;
    float: left;
    width: 216px;
    margin: 0 20px 0 0;
}

#projectLinks .projectlink .innerImage {
    display: none;
    position: relative;
    z-index: 100;
}

#projectLinks .projectlink .inner,
#projectLinks .projectlink .innerImage {
    padding: 20px 20px 0 20px;
}

#projectLinks .projectlink .inner .title,
#projectLinks .projectlink .innerImage .title {
    font-size: 20px;
    text-transform: uppercase;
}

#projectLinks .projectlink .inner .date,
#projectLinks .projectlink .innerImage .date {
    font-size: 12px;
}

#projectLinks .projectlink .inner .date,
#projectLinks .projectlink .innerImage .date {
    padding: 0 0 15px 0;
}

#projectLinks .projectlink:last-child {
    margin-right: 0;
}

#projectLinks .linkedImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
}

#projectLinks .linkedImage:hover {
    cursor: pointer;
}

#relatedProjectsWrapper,
#relatedPublicationsWrapper {
    margin: 50px 0 0 0;
}

#relatedProjectsWrapper a,
#relatedPublicationsWrapper a {
    text-decoration: none;
}

#relatedProjectsWrapper a:hover,
#relatedPublicationsWrapper a:hover {
    text-decoration: underline;
}

#relatedProjectsWrapper h3,
#relatedPublicationsWrapper h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}

#relatedProjectsWrapper .relatedProject,
#relatedPublicationsWrapper .relatedPublication {
    float: left;
    width: 275px;
    margin: 0 20px 0 0;
}

#relatedProjectsWrapper .relatedProject:hover,
#relatedPublicationsWrapper .relatedProject:hover {
    cursor: pointer;
}

#relatedProjectsWrapper .date,
#relatedPublicationsWrapper .date {
    font-size: 12px;
    margin: 0 0 25px 0;
}

#relatedProjectsWrapper .title,
#relatedPublicationsWrapper .title {
    font-size: 16px;
    line-height: 22px;
    padding: 7px 10px 5px;
}

#relatedProjectsWrapper .subtitle,
#relatedPublicationsWrapper .subtitle {
    font-size: 12px;
    line-height: 12px;
    padding: 0 10px 9px;
}


/* -- OFFICE ---------------------------------------------------------------- */
.tx-blauraumoffice-pi2,
#contactSubnavContainer {
    position: fixed;
    top: 18px;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 10px 0 17px 0;
    text-transform: uppercase;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/office_subnav_shadow.png') repeat-x center bottom;
    line-height: 15px;
}

#officeSubnav,
#contactSubnav {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0;
    z-index: 100;
}

#officeSubnav ul,
#contactSubnav ul {
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
}

#officeSubnav ul li,
#contactSubnav ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 9px;
    padding: 0;
    position: relative;
    right: 50%;
}

#officeSubnav ul li a,
#contactSubnav ul li a {
    display: block;
    margin: 0;
    padding: 1px 5px;
    color: #00092d;
    text-decoration: none;
}

#officeSubnav ul li a:hover,
#contactSubnav ul li a:hover {
    background: #00092d;
    color: #fff;
}

#officeSubnav ul li a.active,
#officeSubnav ul li a.active:hover,
#contactSubnav ul li a.active,
#contactSubnav ul li a.active:hover {
    color: #ddd;
    background: #00092d;
}

.officeContentContainer {
    margin: 0 0 50px 0;
}

.officeContentContainer h1 {
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 24px;
}

.officeContentContainer h2 {
    margin: 0 0 50px 0;
    font-size: 32px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
}

.officeContentContainer h2 .inner {
    background: #fff;
    display: inline-block;
    padding: 5px 10px;
}

.officeContentContainer p.bodytext {
    margin: 0 0 1em 0;
    line-height: 16px;
}

.officeContentContainer .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}

.officeContentContainer .csc-textpic {
    margin: 0 0 25px 0;
}

.two-column .left {
    float: left;
    width: 50%;
}

.two-column .left .inner,
.two-column .right .inner {
    padding: 0 20px;
}

.two-column .right {
    float: right;
    width: 50%;
}

.content-responsibilities {
    border-top: 1px solid #000;
}

.content-responsibilities .box {
    float: left;
    width: 254px;
    border-left: 1px solid #000;
    padding: 20px 20px 10px 20px;
}

.content-responsibilities .box:first-child {
    border-left: none;
    width: 255px;
}

.content-responsibilities-midsize {
    display: none;
    border-top: 1px solid #000;
}

.content-responsibilities-midsize .box {
    float: left;
    width: 295px;
    border-left: 1px solid #000;
    padding: 20px 20px 10px 20px;
}

.content-responsibilities-midsize .box:first-child {
    border-left: none;
    width: 296px;
}

.content-responsibilities-infoboxes .infobox {
    float: left;
    width: 255px;
    padding: 20px;
    margin: 0 1px 0 0;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/bg90.png');
}

.content-responsibilities-infoboxes .infobox:last-child {
    margin: 0;
    width: 252px;
}


/* -- OFFICE - PARTNER ------------------------------------------------------ */
#partner {
    padding: 0 20px;
}

#partner a {
    text-decoration: none;
    font-size: 14px;
}

#partner a:hover {
    text-decoration: underline;
}

#partner .partnerItem {
    float: left;
    margin: 0 20px 0 0;
    padding: 20px 80px 20px 20px;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/bg90.png');
}

#partner .cvinfo {
    position: relative;
}

#partner .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
}

#partner .close:hover {
    cursor: pointer;
    text-decoration: underline;
}

#partner .partnerItem .name,
#partner .partner-cv .name {
    font-size: 16px;
}

#partner .partnerItem .position,
#partner .partner-cv .position {
    font-size: 12px;
}

#partner .partner-cv {
    display: none;
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/bg90.png');
    position: absolute;
    left: 0;
    bottom: 10px;
    padding: 20px;
    width: 540px;
}

#partner .active {
    text-decoration: underline;
}

#partnerimage-mid {
    display: none;
}

#partner .curriculumvitae-minsize {
    display: none;
}


/**
 * Team overview
 */
#team {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px 0;
}

#team .member {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}

#team .member .image {
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/bg90.png');
}

#team .member .image img {
    width: 100%;
    height: auto;
}

#team .member .image.no-image {
    width: 100%;
    padding-bottom: calc(100% / 270 * 351);
    background: #f1f1f1;
}

#team a {
    text-decoration: none;
}

#team a:hover {
    text-decoration: underline;
}

#team .info {
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/bg90.png');
    padding: 20px 20px 20px;
    margin: 0 0 20px;
}

#team .name {
    font-size: 16px;
    line-height: 14px;
    margin: 0 0 10px;
}

#team .function {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 25px;
    height: 32px;
}


.content-job {
    padding: 0 20px;
}

.content-job .content-02 {
    float: left;
    width: 50%;
}

.content-job .content-02 .inner {
    padding: 0 20px 0 0;
}

.content-job .content-03,
.content-job .content-04 {
    float: left;
    width: 25%;
}

.content-job .jobinfobox {
    background: url('/typo3conf/ext/blauraum_settings/Resources/Public/Media/bg90.png');
    padding: 20px;
    margin: 0 1px 0 0;
}

#officeContent_17 p.bodytext {
    padding: 0 20px;
}

#officeContent_17 .csc-textpic-image img {
    margin: 0 0 20px 0;
    max-width: 1140px;
}


/**
 * Jobs page
 */

/* First two column row */
.jobs-page .officeContentContainer > div:nth-child(2) {
    margin-bottom: 44px;
}

/* Second two column row */
.jobs-page .officeContentContainer > div:nth-child(3) {
    margin-bottom: 103px;
}

/* Contact info */
.jobs-page .contact-info {
    margin-top: 50px;
}

.jobs-page .contact-info .contact-image {
    width: 165px;
}

.jobs-page .contact-info .contact-image .csc-textpic {
    margin: 0 0 10px;
}

.jobs-page .contact-info .contact-image img {
    width: 100%;
    height: auto;
}

@media (min-width: 480px) {
    .jobs-page .contact-info .contact-image {
        float: left;
        margin-right: 30px;
    }

    .jobs-page .contact-info .contact-text {
        float: left;
        width: calc(100% - 195px);
    }
}

@media (min-width: 1180px) {
    .jobs-page .contact-info {
        margin-top: 0;
    }
}

/* Job entries */
.job-entry .job-entry-image .csc-textpic {
    margin: 100px 0 0;
}

.job-entry .job-entry-image div.csc-textpic-center .csc-textpic-center-outer,
.job-entry .job-entry-image div.csc-textpic-center .csc-textpic-center-inner {
    float: none;
    right: auto;
}

.job-entry .job-entry-image img {
    width: 100%;
    height: auto;
}

.job-entries .job-entry:first-child .job-entry-image .csc-textpic {
    margin-top: 0;
}

.job-entry .job-entry-headline h2 {
    margin: 50px 0 0;
}

.job-entry .content-responsibilities {
    display: block;
    border: none;
}

.job-entry .content-responsibilities .box:first-child,
.job-entry .content-responsibilities .box:last-child {
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid #000;
    box-sizing: border-box;
}

.job-entry .content-responsibilities .box:last-child {
    border-left: none;
}

@media (min-width: 480px) {
    .job-entry .content-responsibilities .box:first-child,
    .job-entry .content-responsibilities .box:last-child {
        width: 50%;
        border-top: 1px solid #000;
    }

    .job-entry .content-responsibilities .box:last-child {
        border-left: 1px solid #000;
    }
}


/* -- FOOTER NAVIGATION ----------------------------------------------------- */
#footerNavigationContainer {
    /*position: fixed;
    bottom: 15px;
    left: 0;*/
    /*width: 100%;*/
    width: 1180px;
    z-index: 99;
    text-transform: uppercase;
    line-height: 15px;
    margin: 0 auto 20px auto;
}

#footerNavigationContainerContact {
    position: fixed;
    bottom: 15px;
    left: 0;
    width: 100%;
    z-index: 99;
    text-transform: uppercase;
    line-height: 15px;
}

#footerNavigation {
    float: left;
    width: 1180px;
    overflow: hidden;
    position: relative;
    margin: 0;
    z-index: 100;
}

#footerNavigationContact {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0;
    z-index: 100;
}

#footerNavigation ul,
#footerNavigationContact ul {
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
}

#footerNavigation ul li,
#footerNavigationContact ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 9px;
    padding: 0;
    position: relative;
    right: 50%;
}

#footerNavigation ul li a,
#footerNavigationContact ul li a {
    display: block;
    margin: 0;
    padding: 1px 5px;
    color: #00092d;
    text-decoration: none;
}

#footerNavigation ul li a:hover,
#footerNavigationContact ul li a:hover {
    background: #00092d;
    color: #fff;
}

#footerNavigation ul li a.active,
#footerNavigationContact ul li a.active,
#footerNavigation ul li a.active:hover,
#footerNavigationContact ul li a.active:hover {
    color: #ddd;
    background: #00092d;
}


/* -- ISOTOPE CSS TRANSITIONS ----------------------------------------------- */
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/* -- CLEARFIX -------------------------------------------------------------- */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

*:first-child + html .clearfix {
    zoom: 1;
}


/**
 * New style for the typologie filter
 */
@media (min-width: 931px) {
    .filterByTypologieElement.float-right {
        float: right;
    }

    .filterByTypologieElement.float-left {
        float: left;
    }
}