/*
 Theme Name:   Visia Child
 Description:  for Basic Shopsystem
 Author:       Jochen Wichmann
 Author URI:   http://www.jochenwichmann.de
 Template:     visia
 Version:      1.0
 Text Domain:  visia-child
*/

/*  ----------------------------------
    Main-Navi
    ---------------------------------- */
nav .logo {
    max-width: 90px;
}

.desktop.navigation {
    width: 80%;
}

.desktop.navigation .nav-content {
    margin-top: 8px;
}

.desktop.navigation .nav-content li {
    margin-right: 25px;
}

.desktop.navigation .nav-content a {
    opacity: 1;
}

/*  ----------------------------------
    Main-Navi > Language
    ---------------------------------- */
.desktop.navigation .nav-content li.wpml-ls-item {
    margin-right: 10px;
}

.desktop.navigation .nav-content li.wpml-ls-item a span {
    text-transform: none;
}

.desktop.navigation .nav-content li.wpml-ls-item-de:after {
    content: '/';
    position: relative;
    left: 5px;
}

.wpml-ls-current-language a {
    font-weight: bold;
}

.logo .pe-wpml-lang-selector {
    display: none;
}

/*  ----------------------------------
    Page: Contact
    ---------------------------------- */
/*#home .ticker:before {*/
    /*content: '';*/
    /*background-image: url(/_dev/wp-content/uploads/2017/06/logo-big.png);*/
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*position: absolute;*/
    /*width: 360px;*/
    /*height: 180px;*/
    /*margin-top: -190px;*/
    /*margin-left: -180px;*/
/*}*/
/*  ----------------------------------
    Page: Contact
    ---------------------------------- */
.child-contact {
    background-color: #1c1c1c;
}

.child-contact * {
    color: white;
}

/*  ----------------------------------
    Page: Referenzen
    ---------------------------------- */
.child-referenzen {
    background-color: black;
}

/*  ----------------------------------
    Page: Historie
    ---------------------------------- */
.section-history {
    min-height: 600px;
}

.section-history * {
    color: black !important;
}

.section-history .border {
    background: black !important;
}

.section-history .title h2 {
    color: white;
}

/*  ----------------------------------
    Page: Produkte
    ---------------------------------- */
#produkte .button, #products .button {
    background-color: #ee3b16;
    color: white;
}

.project-title em,
.meta em{
    text-transform: none !important;
}



.projectinfo .meta em  {
    display: inline-block;
    width: 80%;
}

.projectlist li {
    width: 33.33%;
}

/*  ----------------------------------
    Page: Team
    ---------------------------------- */
#the-team {
    background-color: #edeeef;
}

#the-team .title h2,
#team .title h2 {
    color: white !important;
}

#the-team .title .border,
#team .title .border {
    background: white !important;
}

/*  ----------------------------------
    Stuff
    ---------------------------------- */
.button,
.button:link,
.button:visited,
.button:active {
    color: white;
    border-color: white;
    border-radius: 0;
}

#about-us .sub-heading,
#services .sub-heading {
    max-width: 800px;
}

.grid-1-4 {
    width: 24% !important;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 800px) {
    .grid-1-4 {
        width: 48% !important;
    }
}

@media (max-width: 500px) {
    .grid-1-4 {
        width: 100% !important;
    }
}

#clients > .container > ul {
    position: relative;
    left: -7%;
    width: 107%;
}

@media (max-width: 960px) {
    #clients > .container > ul {
        left: 0;
        width: 100%;
    }
}

* {
    hyphens: auto;
}

@media (max-width: 640px) {
    .projectlist .project {
        width: 50%;
    }
}


@media (max-width: 640px) {
    #services {
        background-image: none !important;
        background-color: #eaeaea !important;
    }
}

.cookiebanner {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.cookiebanner > span {
    padding: 15px;
    display: inline-block;
}

.cookiebanner .cookiebanner-close {
    padding-top: 13px !important;
}