/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- General
- Media Queries
- Menu
- Content
-
- Font

*/

/*------------------------------------*\
    #GENERAL
\*------------------------------------*/

body {
    margin: 0;
    padding: 0;
    /*    font-family: 'Avenir Book, Avenir Heavy';*/
    font-family: 'Sofia Regular, Sofia Bold';
}

* {
    /* font-size: 100%;*/
    font-family: 'Sofia Regular', 'Sofia Bold';
}

section {
    margin: 0;
    padding: 0;
    border: 0;
}

span {
    /*    font-family: "Avenir";*/
}


/* ---------- MENU ------------------------ */

div#menu {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 250px;
    background-color: white;
}

div#copyright {
    position: absolute;
    bottom: 20px;
    left: 10%;
    width: 80%;
    height: 50px;
    line-height: 15px;
    /* background-color: rgba(0,0,0,0.1); */
    /* text-align: center; */
    /* border: 1px solid black; */
    overflow-x: hidden;
    /*    font-size: 1.3rem;*/
    /*    font-size:18px;*/
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
    /*    font-family: 'Avenir Book';*/
    font-weight: 400;
}

div#copyright a {
    color: inherit;
    text-decoration: none;
    font-size: 0.77rem;
}

div#logo {
    position: absolute;
    top: 30px;
    left: 10%;
    height: 150px;
    width: 80%;
    /* background-color: rgba(0,0,0,0.1); */
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}

div#logomobile {
    display: none;
}

div#menubutton {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    /* background-color: rgba(0,0,0,0.1); */
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}

div#menubutton_a {
    top: 35px;
    left: calc(100% - 50px);
    right: 200px;
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: black;
}

ul.children {
    display: none;
}

svg g rect {
    fill: rgba(230, 230, 230, 1);
}


/* ---------- MENU EXTENDED ------------------------ */

div#menu_extended {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 0px;
    /*    background-color: black;*/
    overflow: hidden;
}

div#menu_extended div#copyright {
    color: white;
}

div#menu_extended div.mobile#copyright {
    display: none;
}


div#normal {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 250px;
    background-color: #e92338;
}

div#menu_extended div#logo,
div#menu_extended div#copyright {
    /* background-color: white; */
}

div#menulist {
    position: absolute;
    left: 250px;
    width: calc(100% - 250px);
    /* background-color: yellow; */
    height: 100%;
    overflow: hidden;
    background-color: #e92338;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}

div#menulist ul {
    position: absolute;
    top: 50px;
    left: 5%;
    text-decoration: none;
    list-style: none;
}

div#menulist div#menufield li {
    font-weight: 600;
    /*    font-family: 'Avenir Heavy';*/
    color: white;
    line-height: 60px;
    cursor: pointer;
}

div#menulist div#menufield li a {
    font-size: 2rem;
    color: white;
    text-decoration: none;
}

div.mobile#copywrite {
    display: none;
}


/* ---------- CONTENT ------------------------ */

div#content {
    position: absolute;
    left: 250px;
    top: 0px;
    height: 100%;
    width: calc(100% - 250px);
    background-color: rgba(0, 0, 0, 0.1);
    /*
    background-image: url("../assets/pictures/pub_laozi.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
*/
}

div#svgmap {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 80%;
    height: 80%;
}

div#svgmap #Layer_1 {
    width: 80%;
    height: 80%;
}

div#svgmap path {
    fill: rgba(0, 0, 0, 0.05);
}

h2#pagetitle {
    position: absolute;
    right: 100px;
    top: 50px;
    text-align: right;
    color: #e92338;
    font-weight: 600;
    /*    font-family: 'Avenir Heavy';*/
    font-size: 2.3rem !important;
}

div#text h3 {
    color: #e92338;
    font-weight: 600;
    /*    font-family: 'Avenir Heavy';*/
    font-size: 22px;
}

div#text h4 {
    color: #e92338;
    font-weight: 600;
    /*    font-family: 'Avenir Book';*/
    font-size: 1.1rem;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    /*border-bottom: 2px solid #e92338;*/
}



div#text {
    position: absolute;
    top: 170px;
    left: 50%;
    margin-left: -350px;
    width: 700px;
    min-height: 200px;
    max-height: calc(100% - 170px);
    /* background-color: rgba(0,0,0,0.2); */
    overflow: scroll;
}

div#text_fullwidth {
    position: absolute;
    top: 170px;
    left: 5%;
    /* margin-left: -350px; */
    width: 90%;
    /* min-height: 200px; */
    max-height: calc(100% - 170px);
    /* background-color: rgba(0,0,0,0.2); */
    overflow-y: scroll;
    /*    font-family: "Avenir Book";*/
    font-weight: 400;
}

div#text p {
    font-size: 1.1rem;
    /*    font-family: 'Avenir Book';*/
    font-weight: 400;
    line-height: 1.7rem;
}



/* window half */

div#windowhalf {
    position: absolute;
    top: 200px;
    left: 5%;
    width: 90%;
    min-height: 50%;
    max-height: calc(100% - 250px);
    /* background-color: yellow; */
    overflow: scroll;
}

div.half {
    float: left;
    position: relative;
    width: 45%;
    height: 100%;
    min-height: 50%;
    /* background-color: gray; */
    /* margin: 5px; */
}

div.half:nth-last-of-type(1) {
    padding-left: 10%;
}


/* window float */

/*landing page*/

div.persons {
    position: relative;
    float: left;
    width: 30%;
    height: auto;
    margin-right: 3.2%;
}

div.picture {}

img.alignnone.size-large.wp-image-42 {
    position: relative;
    width: 100%;
    height: 100%;
}

a.title {
    color: red;
    font-weight: normal;
    text-decoration: none;
}



/*Column (deustch / chinesisch)*/

div.column_two {
    position: relative;
    float: left;
    width: 47.5%;
}

div.column_two:nth-last-of-type(1) {
    margin-left: 5%;
}


/*vita*/

div.picture_left {
    position: relative;
    float: left;
    width: 30%;
    height: auto;
    margin-right: 5%;
}

div.vita {
    position: relative;
    float: left;
    width: 65%;
}




/*publikationen*/

div#windowfloat {
    position: absolute;
    top: 200px;
    left: 5%;
    width: 90%;
    min-height: 50%;
    max-height: calc(100% - 250px);
    /* background-color: yellow; */
    overflow: scroll;
}

div.float {
    position: relative;
    float: left;
    width: 28%;
    height: 400px;
    /*    background-color: gray;*/
    margin: 2%;
    text-align: center;
}

div#windowfloat div.float img.pub {
    height: 70%;
}

div#windowfloat h3.pub_title {
    text-align: center;
    color: #e92338;
    font-weight: 600;
    /*    font-family: 'Avenir Heavy';*/
    font-size: 1.2rem !important;
}

div#windowfloat div.float a.leseprobe {
    color: white;
    position: relative;
    font-weight: 400;
    /*    font-family: 'Avenir Book';*/
    text-align: center;
    text-decoration: none;
    background-color: #e92338;
    padding: 6px;
    padding-left: 10px;
    padding-right: 1ßpx;
    vertical-align: center;
    margin-top: 20px;
}

/*kontakt*/

div#contact-form-18 {}

div#contact-form-18 > form > div > label {
    /*    font-family: "Avenir Book";*/
    font-size: 1.1rem;
    font-weight: 400;
}


div#contact-form-18 > form > div > input {
    position: relative;
    top: 0px;
    display: block;
    border: 0px;
    border-bottom: 2px solid #e92338;
    outline: none;
    background-color: transparent;
    /*    font-family: "Avenir Book";*/
    font-weight: 400;
    font-size: 1.1rem;
    color: #e92338;
    width: 50%;
    margin-bottom: 30px;
}


div#contact-form-18 textarea {
    position: relative;
    top: 0px;
    display: block;
    border: 0px;
    border: 2px solid #e92338;
    outline: none;
    background-color: transparent;
    /*    font-family: "Avenir Book";*/
    font-weight: 400;
    font-size: 1.1rem;
    color: #e92338;
    width: 50%;
    margin-bottom: 30px;
    height: 10em;
}

div#contact-form-18 .contact-submit > input.pushbutton-wide {
    background-color: #e92338;
    color: white;
    position: relative;
    top: 0px;
    border: 0px;
    outline: none;
    /*    font-family: "Avenir Heavy";*/
    font-weight: 600;
    font-size: 1.1rem;

    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

div#map {
    position: absolute;
    left: 0%;
    top: 0px;
    height: 100%;
    width: 100%;
}

div.map#content {
    /*    background-color: white;*/
}


div#textmap {
    position: absolute;
    bottom: 0px;
    left: 20%;
    /* margin-left: -350px; */
    width: 60%;
    text-align: center;
    min-height: 200px;
    max-height: calc(100% - 240px);
    /* background-color: rgba(0,0,0,0.2); */
    overflow: scroll;
}

div#textmap p {
    font-size: 1.1rem;
    /*    font-family: 'Avenir Book';*/
    font-weight: 400;
    line-height: 1.7rem;
}

div#textmap h4 {
    color: #e92338;
    font-weight: 400;
    /*    font-family: 'Avenir Book';*/
    font-size: 1.1rem;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

div#textmap a.mail,
a.mail#anfrage {
    /*    color: #e92338;*/
    /*    font-weight: 600;*/
    /*    font-family: 'Avenir Book';*/
    /*    font-size: 1.1rem;*/
    /*    -webkit-margin-before: 0em;*/
    /*    -webkit-margin-after: 0em;*/
    color: white;
    position: relative;
    font-weight: 400;
    /*    font-family: 'Avenir Book';*/
    text-align: center;
    text-decoration: none;
    background-color: #e92338;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: center;
    margin-top: 20px;
}

svg,
rect {
    pointer-events: none;
}

/*exculde vat info*/

.footer-info.vat-info {
    display: none;
}


/* ---------- MEDIA QUERIES ------------------------ */

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    div#menu {
        width: 100%;
        height: 70px;
        overflow: hidden;
    }
    div#menu_extended {
        width: 0px;
        height: 100%;
        overflow: hidden;
    }
    div#copyright {
        display: none;
    }

    div.mobile#copyright {
        display: block !important;
        text-align: center;
        font-size: 17px;
        position: absolute;
        bottom: 20px;
        left: 10%;
        width: 80%;
        height: 25px;
    }
    div.mobile#copyright a {
        font-size: 1.1rem;
        cursor: pointer;
    }

    div#logo {
        top: 5px;
        width: 50%;
        display: none;
    }

    div#logomobile {
        display: block;
        top: 10px;
        position: absolute;
        width: 70%;
        height: 50px;
    }


    div#normal {
        width: 100%;
        height: 70px;
        overflow: hidden;
    }
    div#menulist {
        position: absolute;
        left: 0px;
        width: 100%;
        top: 70px;
        height: calc(100% - 70px);
    }
    div#menufield {
        position: absolute;
        width: 100%;
        left: 0px !important;
        top: 0px !important;
    }
    div#menufield ul {
        list-style: none;
        padding: 0;
        width: 100%;
        left: 0px;
    }
    div#menulist div#menufield li {
        /*        position: absolute;*/
        left: 0px;
        /*        top: 100px;*/
        /*        width: 100%;*/
        text-align: center;
    }
    div#menubutton {
        top: 35px;
        left: calc(100% - 50px);
        right: 200px;
        position: absolute;
    }

    /* content */
    div#content {
        left: 0px;
        width: 100%;
        top: 70px;
        height: calc(100% - 70px);
    }
    h2#pagetitle {
        text-align: center;
        position: absolute;
        left: 0px;
        width: 100%;
        top: 0px;
    }
    div#text {
        width: 90%;
        left: 5%;
        margin-left: 0px;
        top: 100px;
        max-height: calc(100% - 135px);

    }
    div.half {
        width: 100% !important;
        padding-left: 0px !important;
    }
    /* float */
    div.float {
        width: 100%;
        left: 0%;
        /* margin-left: -35%; */
        margin-left: 0px;
        margin-right: 0px;
        /* left: 5%; */
    }
    svg g rect {
        /* fill: white; */
    }

    /*    kontakt*/
    div#contact-form-18 > form > div > input,
    div#contact-form-18 textarea {
        width: 95%;
    }


    /*    karte/background*/
    div#svgmap {
        position: absolute;
        width: 90%;
        left: 5%;
    }

    svg#Layer_1 {
        width: 100% !important;
    }

    /*    person pictures*/
    div.persons {
        position: relative;
        float: left;
        width: 80%;
        height: auto;
        margin-right: 10%;
    }


    /*Column (deustch / chinesisch)*/
    div.column_two {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

    div.column_two:nth-last-of-type(1) {
        margin-left: 0%;
    }



    /*vita*/
    div.picture_left {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        margin-right: 0%;
    }

    div.vita {
        position: relative;
        float: left;
        width: 100%;
    }







}


/*------------------------------------*\
    #FONTS
\*------------------------------------*/

/*avenir*/

@font-face {
    font-family: 'Avenir Book';
    src: url('../fonts/AvenirLTStd-Book.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/AvenirLTStd-Book.woff') format('woff'), /* Modern Browsers */
    url('../fonts/AvenirLTStd-Book.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/AvenirLTStd-Book.svg#68ae522795537c9085762656931f5f55') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}



@font-face {
    font-family: 'Avenir Heavy';
    src: url('../fonts/AvenirLTStd-Heavy.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/AvenirLTStd-Heavy.woff') format('woff'), /* Modern Browsers */
    url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/AvenirLTStd-Heavy.svg#a1eb5a5cfcec2ff7c30fe732daf3b2e8') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 600;
}


/*sofia pro*/

@font-face {
    font-family: 'Sofia Regular';
    src: url('../fonts/sofia_pro_regular-webfont.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/sofia_pro_regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/sofia_pro_regular-webfont.woff') format('woff'), /* Modern Browsers */
    url('../fonts/sofia_pro_regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/sofia_pro_regular-webfont.svg#68ae522795537c9085762656931f5f55') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Sofia Bold';
    src: url('../fonts/sofia_pro_bold-webfont.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/sofia_pro_bold-webfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/sofia_pro_bold-webfont.woff') format('woff'), /* Modern Browsers */
    url('../fonts/sofia_pro_bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/sofia_pro_bold-webfont.svg#a1eb5a5cfcec2ff7c30fe732daf3b2e8') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 600;
}