/* general */

@media screen {

    body, html {
    }

    #wrapper {
    }

    #maindiv {
        margin-right: auto;
        margin-left: auto;
    }

    #contentdiv {
        max-width: 1000px;
        padding-top: 35px;
        padding-bottom: 50px;
        margin-right: auto;
        margin-left: auto;
    }

    .content-div h3 {
        margin-bottom: 1em;
    }

    .content-div {
        margin-top: 30px;
    }

    /* content divs */
    #header {
        height: 120px;
    }

    #header-adress-mobile {
        display: none;
    }

    #menu {
        height: 45px;
        text-align: center;
    }

    #vita {
        display: flex;
    }

    #contact {
        height: 420px;
        margin-top: 35px;
    }

    #footer {
        height: 60px;
        margin-top: 35px;
    }

    /* header */
    #headertop {
        height: 50%;
    }

    #headerbottom {
        height: 50%;
    }

    #headerbottom1 {
        float: left;
        width: 33%;
    }

    #headerbottom2 {
        float: left;
        width: 34%;
    }

    #headerbottom3 {
        float: left;
        width: 33%;
    }

    .headericon {
        width: 60px;
        height: 60px;
        margin-left: 10px;
        float: left;
        display: flex;
        align-items: center;
    }

    .headertext {
        height: 60px;
        display: flex;
        align-items: center;
    }

    /* menu */
    .menu-item {
        padding-right: 20px;
        padding-left: 20px;
    }

    #menu ul {
        height: 45px;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        justify-content: center;
        display: flex;
    }

    #menu li {
        height: 100%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #menu a {
        height: 100%;
        line-height: 45px;
        padding: 0 15px;
    }

    /* about */
    #about {
        margin-top: 35px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    #about-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    #about-image img {
        align-self: center;
        width: 100%;
    }

    #about-text-wrapper {
        margin: 30px;
    }

    #about-text-content {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
    }


    /* about ritter */
    #about-ritter, #goethe{
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #about-ritter-header, #goethe-header {
        margin: 0 30px;
        /*border-bottom: #4d17a6 2px solid;*/
    }

    #about-ritter-header h2, #goethe-header h2 {
        margin: 20px 0;
    }

    #about-ritter-content, #goethe-content {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #about-ritter-text-wrapper, #goethe-text-wrapper {
        margin: 30px;
    }

    #about-ritter-text-content, #goethe-text-content {
        height: 100%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #about-ritter-image img, #goethe-image img{
        margin-bottom: -4px;
    }

    /* services */
    #service1 {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

    #service1-content {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #service1-image {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-shrink: 0;
        width: 250px;
        margin: 30px;
    }

    #service1-image img {
        width: 100%;
        align-self: center;
    }

    #goethe-image {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-shrink: 0;
        flex-direction: row-reverse;
        width: 250px;
        margin: 30px;
    }

    #goethe-image img {
        width: 100%;
    }

    #service1-text-wrapper {
        margin: 30px;
    }

    #service1-text-content {
        /*text-align: right;*/
    }

    #service2 {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
    }

    #service2-text-wrapper {
        margin: 30px;
    }

    #service2-text-content {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    #service2-image {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 250px;
        flex-shrink: 0;
        margin: 30px;
    }

    #service2-image img {
        width: 100%;
        align-self: center;
    }

    /* vita */

    #vita-image {
        height: 100%;
    }

    #vita-image img {
        height: 100%;
    }

    #vita-content {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 30px;
        width: 100%;
    }

    #vita-text {
        height: 100%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        margin-left: 30px;
    }

    #vita-table-wrapper {
    }

    #vita-text table {
        max-width: 100% !important;

    }

    #goethe-content {
        width: 100%;
        margin-top: 50px;
    }


    #goethe-image{
        padding-right: 2em;
        padding-bottom: 2em;
    }

    /* contact */
    #contact {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;

        background-image: url("images/kontakt.png");

        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;

    }

    #contact-image {

    }

    #contact-image img {
    }

    .contact-text {
        margin-left: 30px;
    }

    #contact-text1 h3 {
        margin-top: 0;
    }

    #contact-text1 {
        margin-left: 30px;
    }

    #contact-text2 {
        width: 35%;
        margin-left: 30px;
    }

    #contact img {
        width: 20px;
        margin-bottom: -4px;
    }

    #contact-addition {
        display: none;
    }

    /* footer */
    #footer {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #footer span {
        color: white;
        font-size: 1.3em;
        white-space: nowrap;
    }

    #footer a {
        text-decoration: none;
        color: white;
        font-size: 1.3em;
    }


    /* miscellaneous */
    /* pin menu when scrolling down */
    .unsticky {
        margin-top: 35px;
    }

    .sticky {
        position: fixed;
        top: 0;
        margin-top: 0;
        width: 1220px;
        left: 50%;
        transform: translateX(-50%);
    }
}