/*Schriftarten*/

@font-face {
    font-family: "Univers LT W02 55 Roman";
    src: url('/font/Univers_LT_W02_55_Roman.eot');
    src: url('/font/Univers_LT_W02_55_Roman.eot?#iefix') format('eot'), url('/font/Univers_LT_W02_55_Roman.woff') format('woff'), url('/font/Univers_LT_W02_55_Roman.ttf') format('truetype'), url('/font/Univers_LT_W02_55_Roman.svg#Univers_LT_W02_55_Roman') format('svg');
}

@font-face {
    font-family: "Univers LT W02 65 Bold";
    src: url('/font/Univers_LT_W02_65_Bold.eot');
    src: url('/font/Univers_LT_W02_65_Bold.eot?#iefix') format('eot'), url('/font/Univers_LT_W02_65_Bold.woff') format('woff'), url('/font/Univers_LT_W02_65_Bold.ttf') format('truetype'), url('/font/Univers_LT_W02_65_Bold.svg#Univers_LT_W02_65_Bold') format('svg');
}

/*Grundlegendes*/

body {
    background-color: rgb(224,225,227);
    font-family: "Univers LT W02 55 Roman";
}

input[type="submit"] {
    color: white;
    background-color: #1E2124;
    padding: 6px 20px 6px 20px;
    border: 1px solid #79756B;
}

a, a:visited {
    color: black;
}

    a:hover {
        color: rgb(129,92,40);
    }

.row {
    background-color: rgb(223,208,177);
    -webkit-box-shadow: 0px 10px 10px 0px rgba(143,143,143,1);
    -moz-box-shadow: 0px 10px 10px 0px rgba(143,143,143,1);
    box-shadow: 0px 10px 10px 0px rgba(143,143,143,1);
    background-image: url('/images/white.jpg');
    background-repeat: repeat-y;
    background-position: right;
    /*Foundation max-width (62.5rem) übersteuern*/
    max-width: 70rem;
}

.main-content-column {
    padding-left: 5px;
    padding-right: 5px;
    width: 65%;
}

.side-content-column {
    padding-right: 0px;
    width: 17.5%;
    word-break: break-all;
}

.hidden, .filter_link.hidden {
    display: none;
}


.footerrow {
    padding: 0px;
    margin-bottom: 40px;
    background-color: rgb(223,208,177);
}

.footercontainer {
    text-align: center;
    padding: 5px 0px 5px 0px;
}

    .footercontainer > div, .footercontainer > span {
        padding: 3px 3px 3px 3px;
        font-size: 0.75rem;
        display: inline;
    }

.footerrow div, .footerrow a {
    text-align: center;
    color: black;
}

/*Orbit Bullets fuer Touchgeraete anzeigen*/
.touch .orbit-bullets {
    display: block;
    margin-bottom: 10px;
}

.logo {
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    margin-right: 30px;
    padding-top: 30px;
}

/* Ueberschriften */
h1 {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.2rem;
    /*text-transform: uppercase;*/
    margin-bottom: 30px;
}

div.subtitel {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 20px;
}

div.gridtitel {
    margin-bottom: 20px;
}

.dunkelrot {
    color: rgb(72,30,32);
}

.dunkelbraun {
    color: rgb(129,92,40);
}

.gruen {
    color: rgb(82,115,94);
}

.rot {
    color: rgb(135,76,70);
}

/*Navigation*/
.navigation-container {
    padding: 30px 0px 30px 0px;
}

.nav {
    font-size: 0.8rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    display: block;
}

.aktiv {
    font-weight: bold;
}

.anchor-navigation {
    margin-bottom: 30px;
}

/* Bilder */

.imgbox {
    padding: 0px;
    margin: 20px 0px 20px 0px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

    .imgbox:hover {
        opacity: 0.5;
    }

.img {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
}

.bildlegende {
    font-size: 0.7rem;
    text-align: center;
    padding: 10px 0px 10px 0px;
}

.fade-on-hover {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

    .fade-on-hover:hover {
        opacity: 0.5;
    }

/*Gallerie mit Text*/
div.gallery-text {
    margin: 10px 0px 60px 0px;
}

.gallery-text p {
    font-size: 0.85rem;
    line-height: 1.1rem;
}

.gallery-text a {
    text-decoration: underline;
}

.gallery-image {
    width: 100%;
    height: auto;
}

.gallery-video {
    width: 100%;
}

.flex-video {
    padding-bottom: 52.5%;
}

.lightbox_button_container {
    position: absolute;
    bottom: 35px;
    right: 15px;
    height: 30px;
    width: 30px;
    filter: brightness(70%);
}

.lightbox_button_container_single {
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 30px;
    width: 30px;
    filter: brightness(70%);
    cursor: pointer;
}

    .lightbox_button_container:hover, .lightbox_button_container_single:hover {
        filter: brightness(100%);
    }

/*img.lightbox_button:after {
    content: url("/images/Lighbox.png");
}

img.lightbox_button:hover:after {
    content: url("/images/Lighbox_hover.png");
}*/

.funkygrid_m > div, .funkygrid_a > div, .funkygrid_b > div, .funkygrid_c > div {
    /* Children werden per JS eingeblendet*/
    display: none;
    opacity: 0;
}


div.siblinggrid {
    padding-top: 80px;
    min-height: 400px;
}

    div.siblinggrid > div {
        /*Wird per JS bei runterscrollen eingefadet..*/
        display: none;
    }

/*Hintergrund von orbiter buttons übersteuern*/
.orbit-container .orbit-prev, .orbit-container .orbit-next {
    background-color: rgba(170, 170, 170, 0.40);
}


    .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
        background-color: rgba(143, 143, 143, 0.40);
    }

.orbit-prev {
    background-image: url("/images/gallery_previous.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 45px !important;
    height: 90px !important;
}

.orbit-next {
    background-image: url("/images/gallery_next.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 45px !important;
    height: 90px !important;
}

.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
    display: none;
}

.orbit-container .orbit-next, .orbit-container .orbit-prev {
    margin-top: -35px;
}

/*Accordion*/
.accordion {
    margin: 0px;
}

    .accordion .accordion-navigation > .content.block {
        display: block;
    }

    .accordion .accordion-navigation > a {
        /* Inaktiver Header */
        padding-left: 20px;
        background-image: url('/images/acc_expand.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

        .accordion .accordion-navigation > a:hover {
            /* Inaktiver Header hover */
            background-image: url('/images/acc_expand.png');
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }

    .accordion .accordion-navigation.block > a {
        /*Aktiver (ausgeklapplter) Header und Content*/
        padding-bottom: 0px;
        background-image: url('/images/acc_collapse.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

        .accordion .accordion-navigation.block > a:hover {
            /*Aktiver (ausgeklappter) Header hover */
            background-image: url('/images/acc_collapse.png');
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }

    /*Onhover highlighten*/
    .accordion .accordion-navigation > a:hover {
        filter: brightness(95%);
    }

    .accordion .accordion-navigation > .content.active {
        /*Ausgeklappter Content*/
        padding: 0px 20px 10px 20px;
    }


.vorschau.accordion .accordion-navigation > a, .vorschau.accordion > li, .vorschau.accordion > div {
    background-color: rgb(183,145,136);
}

/*Jede zweite Vorschau*/
.vorschau.accordion .accordion-navigation:nth-child(even) > a, .vorschau.accordion li:nth-child(even), .vorschau.accordion .accordion-navigation:nth-child(even) > div {
    background-color: rgb(214,191,183);
}

.rueckschau.accordion .accordion-navigation > a, .rueckschau.accordion > li, .rueckschau.accordion .div {
    background-color: #CED3D6;
}

/*Jede zweite Rueckschau*/
.rueckschau.accordion .accordion-navigation:nth-child(even) > a, .rueckschau.accordion li:nth-child(even), .rueckschau.accordion .accordion-navigation:nth-child(even) > div {
    background-color: #E7E7E7;
}

ol.orbit-bullets {
    margin-top: -10px;
    margin-bottom: 10px;
}

/*Bullet Point in Gallerie uebersteuern, da sonst Farbe nicht stimmt*/
.accordion .orbit-bullets-container li, .accordion .orbit-bullets-container li:nth-child(2), .orbit-bullets li {
    background-color: #ffffff;
}

    .accordion .orbit-bullets-container li.active, .orbit-bullets-container li.active {
        background-color: #999999;
    }

div.accordion_spacer {
    font-size: 1.2rem;
    font-weight: bold;
    background-color: white;
    padding: 50px 0px 20px 20px;
    color: #a8b0b5;
}

.accordion_spacer_link_right {
    font-size: 0.8rem;
    font-weight: bold;
    background-color: white;
    padding: 7px 20px 20px 0px;
    color: black;
    float: right;
}

/*Contact List*/
.accordion .accordion-navigation .contactListAccordionContent {
    padding: 0px 10px 10px 20px;
}


/*Event*/
div.event_type {
    font-size: 0.85rem;
    text-transform: uppercase;
}

div.event_title {
    font-weight: bold;
}

div.event_date {
    font-size: 0.85rem;
}

div.event_artist {
    margin-top: 0.5em;
    line-height: 1.5em;
    font-size: 0.85rem;
    width: 90%;
    font-weight: bold;
}

/* News */
.news-list {
    margin-bottom: 60px;
}

.news_type {
    font-size: 0.85rem;
}

/*Building Overview*/

div.filterbox {
    padding: 40px 0px 60px 0px;
}

div.filter {
    clear: both;
}

a.filter_link {
    text-transform: uppercase;
    font-size: 0.8rem;
    display: block;
    padding-left: 3px;
}

div.filter_chkbox_container {
    float: left;
    height: 26px;
    margin-left: 10px;
    margin-right: 10px;
}

/* Adressen */
.adresse {
    margin-bottom: 1em;
}

/* Eye Contact */
div.eyeContactContainer {
    position: relative;
    background-color: #C1B49F;
    margin-bottom: 20px;
}

img.eyeContactImage {
    max-width: 38.2%;
    min-width: 38.2%;
}

div.eyeContactDescription {
    position: absolute;
    width: 61.8%;
    padding: 30px;
    bottom: 0px;
    right: 0px;
}

li.employee, div.employee {
    font-size: 0.8rem;
    line-height: 1.2rem;
}

.employee-name {
    margin-top: 0.4rem;
    font-weight: bold;
}

.employee-filter {
    column-count: 3;
    column-gap: 1.2rem;
    padding: 0 0rem 3rem;
}

.employee-list {
    margin-right: -1.5rem;
}

.employee-link-containter {
    display: inline;
}

.employee-container {
    position: relative;
    overflow: hidden;
}

.employee-medium {
    padding-left: 0;
    padding-right: 1.5rem;
}

.employee-medium + .columns:last-child {
    float: left;
}

/*.employee-medium:nth-child(3n+1) {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.employee-medium:nth-child(3n+2) {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.employee-medium:nth-child(3n+3) {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}*/

.employee-small {
    display: none;
}

.employee-small:nth-child(odd) {
    padding: 0rem 0rem 2rem !important;
    padding-left: 1.6rem !important;
    padding-right: 0.8rem !important;
}
.employee-small:nth-child(even) {
    padding: 0rem 0rem 2rem !important;
    padding-left: 0.8rem !important;
    padding-right: 1.6rem !important;
}

.employee-content {
    position: absolute;
    padding: 0.5rem;
    width: 100%;
}

.employee-description {
    min-height: 9.5rem;
}

.employee-detail {
    margin-bottom: 0.4rem;
}

.employee-fade-in {
    opacity: 0;
}

.employee-fade-in, .employee-fade-out {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.employee-container:hover .employee-fade-in {
    opacity: 1;
}

.employee-container:hover .employee-fade-out {
    opacity: 0.25;
}

/* Formular */
.myContourFieldSet {
    border: none;
    padding: 0px;
    margin: 0px;
    max-width: 100%;
}

.broschuere_pic {
    width: 90%;
    margin-bottom: 10px;
    display: block;
}

.field-validation-error {
    color: red;
    font-size: 0.875rem;
    margin-top: -10px;
    margin-bottom: 16px;
    display: block;
}

.contourPageName {
    color: rgb(135, 76, 70);
    font-weight: bold;
	margin-bottom: 30px;
}

.contourField p {
    font-size: 14px;
}

/* HACK: Formular / Foundation: Wenn das Label einer Checkbox lang ist und umbricht entsteht ein unschöner abstand zwischen erster und zweiter Zeile */
input[type="checkbox"] {
    margin: 0px;
}

.checkbox-label {
    margin-bottom: 1em;
}

.contourField p {
    font-size: 14px;
    color: #4d4d4d;
}

#a85d5581-0a18-490f-d8b1-1aa32f3311dc li {
    width: 100%;
}

/* Dokumentationen */
/* Dokumentationen Mobile */
.documentation-image {
    padding: 0;
    margin-bottom: 1rem;
}

.documentation-text-sub {
    padding: 0;
    margin-bottom: 3rem;
}

    .documentation-text-sub p {
        margin-bottom: 1rem;
    }

/* Dokumentationen Desktop */
.documentation-item {
    display: flex;
    margin-bottom: 3rem;
}

.documentation-image-left {
    flex: 66%;
}

.documentation-text-right {
    flex: 34%;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .documentation-text-right p {
        margin: 0;
    }

/* Dokumentationen Buttons */

.documentation-link-container {
    margin-top: 1rem;
}
.documentation-button {
    border-width: 2px;
    border-style: solid;
    font-weight: 700;
    max-width: 175px;
    padding: 0.5rem 0.7rem;
}

.documentation-button:hover {
    background-color: black;
    color: white;
    border-color: black;
}

.documentation-link:hover {
    background-color: black;
    color: white;
    border-color: black;
}

    .documentation-link:hover .documentation-arrow {
        filter: invert(1);
    }

.documentation-arrow {
    height: 25px;
    float: right;
}

/* Search */
.searchBox {
    padding-top: 2px;
}

.searchBox input[type="search"] {
    width: 75%;
    height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/*li.search-result {
    min-height: 100px;
}*/

.mitarbeiterSearchBox {
    padding-top: 17px;
}

.mitarbeiterSearchBox input[type="search"] {
    width: 99%;
    height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
}

li.search-result hr {
    border-color: rgb(135, 76, 70);
}

.search-result-header {
    font-weight: bold;
    color: black;
    font-size: 1.10rem;
    line-height: 1.4rem;
    padding-bottom: 10px;
}

.search-term {
    color: white;
}

.publication-award-text p {
    line-height: 1.3rem;
}

/* Small gewisse styles übersteuern */
@media only screen and (max-width: 64em) {
    .employee-detail {
        font-size: 0.85rem;
    }

    .employee-detail {
        margin-bottom: 0.2rem;
    }
}

@media only screen and (max-width: 40em) {
    /*Hintergrund immer braun*/
    body {
        background-color: rgb(223,208,177);
        background-image: url(/images/white_small.jpg);
        background-repeat: repeat-y;
        background-position: right;
    }

    /* Kleinerer Haupttitel */
    h1 {
        font-size: 1.1rem;
        letter-spacing: 0rem;
        margin-bottom: 10px;
    }
    /* Schmaler weisser Rand rechts & Keine Schatten */
    .row {
        background-image: url(/images/white_small.jpg);
        box-shadow: none;
    }

    /* Weniger Padding für Contenspalte */
    .main-content-column {
        padding-left: 15px;
        padding-right: 25px;
        width: 100%;
    }

    /* Kein Margin rechts */
    div.gallery-text {
        margin: 20px 0px 0px 0px;
    }

    div.siblinggrid {
        min-height: 0px;
    }

    .employee-detail {
        font-size: 0.8rem;
    }
}

@media (min-width: 1106px) {
    .employee-filter {
        max-height: 161px;
    }
}