html {
    font-size: 100%;
}

body {
    background-color: white;
}

.hsrm_logo {
    position: relative;
    left: 27em;
    width: 10em;
    height: 2em;
    margin-top: -2em;
    background: transparent url(../elemente/hsrm_logo.png) center center no-repeat;
    background-size: 100%;
}

main.werkschau_ws1516 img {
    width: 100%;
}

nav.menue_haupt {
    background-color: transparent;
    box-shadow: none;
}

nav.menue_haupt .hamburger {
    width: 3.1em;
    top: 39%;
}

nav.menue_haupt .hamburger .balken {
    background-color: #ffffff;
    height: 0.6em;
    margin-top: 0.45em;
    border-radius: 0;
}

nav.inverted.menue_haupt .hamburger .balken {
    background-color: black;
}

nav.menue_haupt .hamburger .subnavi .leiste {
    top: 1em;
}

nav.menue_haupt .logo_werkschau {
    position: absolute;
    left: 2em;
    top: 50%;
    width: 20em;
    height: 4em;
    margin-top: -2em;
    background: transparent url(../elemente/werkschau_wiesbaden_logo_grau.png) center center no-repeat;
    background-size: 100%;
}

.uebersicht_container .logo_werkschau {
    position: absolute;
    left: 2em;
    width: 20em;
    height: 4em;
    top: 20px;
    background: transparent url(../elemente/werkschau_wiesbaden_logo_grau.png) center center no-repeat;
    background-size: 100%;
    z-index: 100;
}

@media (max-width: 550px) {
    nav.menue_haupt .logo_werkschau,
    .uebersicht_container .logo_werkschau {
        width: 14em;
        height: 4.5em;
    }
}

.uebersicht_container .logo_werkschau.fixed {
    position: fixed;
    top: 20px;
}

main.werkschau_ws1516 img.uebersicht {
    /*width:50%;*/
}

.uebersicht_container {
    position: relative;
}

@media (min-width: 830px) {
    .teaser-mobil {
        display: none;
    }
}

@media (max-width: 829px) {
    .teaser {
        display: none;
    }
}

/*.uebersicht a {*/
/*border: 1px solid red;*/
/*}*/

@media (min-width: 1200px) {

    .footer_index {
        margin: 30px auto;
        font-size: 65%;
        letter-spacing: 2px;
        position: absolute;
        top: 8440px;
        width: 100%;
    }

    .footer_inner {
        position: relative;
        margin: auto;
        width: 390px;
    }

    .uebersicht a {
        position: absolute;
    }

    .uebersicht1 {
        left: 50%;
        top: 0;
    }

    .uebersicht2 {
        left: 0;
        top: 380px;
    }

    .uebersicht3 {
        right: 0;
        top: 600px;
    }

    .uebersicht4 {
        left: 400px;
        top: 810px;
    }

    .uebersicht5 {
        left: 0;
        top: 1570px;
    }

    .uebersicht6 {
        right: 0;
        top: 2130px;
    }

    .uebersicht7 {
        right: 0;
        top: 2950px;
        z-index: 8;
    }

    .uebersicht8 {
        left: 0;
        top: 2670px;
        z-index: 7;
    }

    .uebersicht9 {
        right: 0;
        top: 1250px;
    }

    .uebersicht10 {
        left: 0;
        top: 3370px;
        z-index: 10;
    }

    .uebersicht11 {
        right: 300px;
        top: 3290px;
        z-index: 12;
    }

    .uebersicht12 {
        right: 0;
        top: 4160px;
    }

    .uebersicht13 {
        left: 0;
        top: 4290px;
    }

    .uebersicht14 {
        right: 0;
        top: 5030px;
        z-index: 15;
    }

    .uebersicht15 {
        top: 4810px;
    }

    .uebersicht16 {
        left: 0;
        top: 5330px;
    }

    .uebersicht17 {
        right: 0;
        top: 5890px;
        z-index: 17;
    }

    .uebersicht18 {
        left: 0;
        top: 6010px;
        z-index: 16;
    }

    .uebersicht19 {
        right: 0;
        top: 6470px;
    }

    .uebersicht20 {
        right: 0;
        top: 7170px;
    }

    .uebersicht21 {
        left: 0;
        top: 7200px;
        z-index: 18;
    }

    .uebersicht22 {
        right: 0;
        top: 7830px;
        z-index: 23;
    }

    .uebersicht23 {
        left: 0;
        top: 8071px;
        z-index: 22;
    }
}

@media (min-width: 421px)and (max-width: 1199px) {

    .footer_index {
        margin: 30px auto;
        font-size: 65%;
        letter-spacing: 2px;
        position: absolute;
        top: 12640px;
        width: 100%;
    }

    .footer_inner {
        position: relative;
        margin: auto;
        width: 390px;
    }

    .uebersicht a {
        position: absolute;
    }

    .uebersicht1 {
        top: 0;
        right: 0;
    }

    .uebersicht2 {
        left: 0;
        top: 570px;
    }

    .uebersicht3 {
        right: 0;
        top: 960px;
    }

    .uebersicht4 {
        left: 0;
        top: 1330px;
    }

    .uebersicht5 {
        left: 0;
        top: 2050px;
    }

    .uebersicht6 {
        right: 0;
        top: 2720px;
    }

    .uebersicht7 {
        right: 0;
        top: 3450px;
    }

    .uebersicht8 {
        left: 0;
        top: 3770px;
    }

    .uebersicht9 {
        right: 0;
        top: 4470px;
        z-index: 10;
    }

    .uebersicht10 {
        left: 0;
        top: 4670px;
        z-index: 9;
    }

    .uebersicht11 {
        right: 0;
        top: 5500px;
        z-index: 11;
    }

    .uebersicht12 {
        right: 0;
        top: 6560px;
        z-index: 14;
    }

    .uebersicht13 {
        left: 0;
        top: 6210px;
        z-index: 13;
    }

    .uebersicht14 {
        right: 0;
        top: 7150px;
        z-index: 14;
    }

    .uebersicht15 {
        top: 8400px;
        z-index: 16;
    }

    .uebersicht16 {
        left: 0;
        top: 7780px;
        z-index: 15;
    }

    .uebersicht17 {
        right: 0;
        top: 8800px;
        z-index: 17;
    }

    .uebersicht18 {
        left: 0;
        top: 9190px;
        z-index: 16;
    }

    .uebersicht19 {
        right: 0;
        top: 9990px;
    }

    .uebersicht20 {
        right: 0;
        top: 10710px;
    }

    .uebersicht21 {
        left: 0;
        top: 11280px;
    }

    .uebersicht22 {
        right: 0;
        top: 11900px;
    }

    .uebersicht23 {
        left: 0;
        top: 12270px;
    }
}

@media (max-width: 420px) {

    .footer_index {
        margin: 30px auto;
        font-size: 65%;
        letter-spacing: 2px;
        position: absolute;
        top: 9240px;
        width: 100%;
    }

    .footer_inner {
        position: relative;
        margin: auto;
        width: 390px;
    }

    .uebersicht a {
        position: absolute;
    }

    .uebersicht1 {
        top: 0;
    }

    .uebersicht2 {
        left: 0;
        top: 440px;
    }

    .uebersicht3 {
        right: 0;
        top: 690px;
    }

    .uebersicht4 {
        left: 0;
        top: 960px;
    }

    .uebersicht5 {
        left: 0;
        top: 1400px;
    }

    .uebersicht6 {
        right: 0;
        top: 1800px;
    }

    .uebersicht7 {
        right: 0;
        top: 2240px;
    }

    .uebersicht8 {
        left: 0;
        top: 2530px;
    }

    .uebersicht9 {
        right: 0;
        top: 2920px;
    }

    .uebersicht10 {
        left: 0;
        top: 3410px;
    }

    .uebersicht11 {
        right: 0;
        top: 4070px;
    }

    .uebersicht12 {
        right: 0;
        top: 4640px;
    }

    .uebersicht13 {
        left: 0;
        top: 4990px;
        z-index: 14;
    }

    .uebersicht14 {
        right: 0;
        top: 5260px;
        z-index: 13;
    }

    .uebersicht15 {
        top: 6410px;
        z-index: 17;
    }

    .uebersicht16 {
        left: 0;
        top: 6020px;
        z-index: 16;
    }

    .uebersicht17 {
        right: 0;
        top: 6650px;
        z-index: 17;
    }

    .uebersicht18 {
        left: 0;
        top: 6910px;
        z-index: 16;
    }

    .uebersicht19 {
        right: 0;
        top: 7490px;
    }

    .uebersicht20 {
        right: 0;
        top: 7900px;
    }

    .uebersicht21 {
        left: 0;
        top: 8390px;
    }

    .uebersicht22 {
        right: 0;
        top: 8800px;
    }

    .uebersicht23 {
        left: 0;
        top: 9050px;
    }
}

.container {
    margin-top: 7em;
}

.row {
    /*border-bottom: 1px solid red;*/
    margin-bottom: 15px;
}

.description {
    border: 10px solid #6d7c6f;
    padding: 25px 20px 20px 20px;
    min-height: 470px;
    font-size: 90%;
}

.description p {
    margin: 1em 0;
}

.center {
    width: 17em;
    margin: 30px auto;
    font-size: 65%;
    letter-spacing: 2px;
}

.center.footer {
    width: 38em;
}

.uppercase {
    text-transform: uppercase;
}

/*
 * Adjust grid spacing
 */
@media (min-width: 550px) {

    .one.column {
        width: 9%;
    }

    .two.columns {
        width: 17%;
    }

    .three.columns {
        width: 23.5%;
    }

    .four.columns {
        width: 32%;
    }

    .five.columns {
        width: 49%;
    }

    .six.columns {
        width: 49%;
    }

    .seven.columns {
        width: 49%;
    }

    .eight.columns {
        width: 66%;
    }

    .nine.columns {
        width: 74.5%;
    }

    .ten.columns {
        width: 81%;
    }

    .eleven.columns {
        width: 89%;
    }

    .column, .columns {
        margin-left: 2%;
    }
}

.project-links {
    text-transform: uppercase;
}

.project-links a {
    color: #333;
}

.project-links .gallery-link a {
    color: #A7A7A7;
}

@media (min-width: 720px) {
    .previous-project, .next-project {
        width: 32%
    }

    .previous-project a {
        transform: rotate(-90deg);
        position: fixed;
        left: -80px;
        top: 50%;
        letter-spacing: 0.2em;
        font-weight: bold;
    }

    .next-project a {
        transform: rotate(-90deg);
        position: fixed;
        right: -70px;
        top: 50%;
        letter-spacing: 0.2em;
        font-weight: bold;
    }

    .gallery-link {
        width: 17em;
        margin: 0 auto;
        font-size: 65%;
        letter-spacing: 2px;
        color: #A7A7A7;
    }

    .mobile {
        visibility: hidden;
    }

    .desktop {
        visibility: visible;
    }
}

@media (max-width: 719px) and (min-width: 551px) {

    .project-links a {
        width: 17em;
        margin: 0 auto;
        font-size: 65%;
        letter-spacing: 2px;
        color: #A7A7A7;
    }

    .align-right {
        position: absolute;
        right: 0;
    }

    .mobile {
        visibility: visible;
    }

    .desktop {
        visibility: hidden;
    }
}

.no-small-mobile {
    visibility: visible;
}

@media (max-width: 550px) {

    .no-small-mobile {
        visibility: hidden;
    }

    .desktop {
        visibility: visible;
    }

    .mobile {
        visibility: hidden
    }
}

@media (max-width: 549px) {
    .row .column,
    .row .columns {
        margin-top: 15px;
    }

    .row .column:first-child,
    .row .columns:first-child {
        margin-top: 0;
    }
}

/*.colum iframe,*/
/*.columns iframe {*/
/*width: 100%;*/
/*height: 32%;*/
/*}*/