/*
Theme Name: Inverto
Theme URI: www.baseplus.de
Description:
Version: 1.0
Author: Marvin Bölsterli | Baseplus Digital Media
Author URI: www.baseplus.de
License: GNU/GPL
Last Change: 02.01.2017
*/


/*
#wheel_inner{
    background: url(./img/wheel_inner.png) no-repeat;
}

#wheel_outer {
    background: url(./img/wheel_outer.png) no-repeat;
}

#wheel.leistungen #shapewheel #wheel_outer{
    background-image: url(./img/wheel_outer_leistungen.png) !important;
}
*/

.text-primary{
    color: #005a96 !important;
}

.text-primary a {
    color: #005a96 !important;
}

#content .standorte-subtext a{
    color: #a5d76b;
    text-decoration: underline;
}

#shapewheel{
    width: 534px;
    max-width: 100%;
}

#shapewheel #wheel_inner{
    width: 79.8%;
    padding-bottom: 79.8%;
    top: 10.1%;
    left: 10.3%;
}

#shapewheel #wheel_outer.nrt.de{
    background-image: url(img/wheel_outer_leistungen.png) !important;
}
#shapewheel #wheel_outer.nrt.en{
    background-image: url(img/wheel_outer_leistungen_en.png) !important;
}

.wheel_content ul li{
    padding-bottom: 15px;
    line-height: 120%;
    position: relative;
    padding-left: 25px;
}
.wheel_content ul li:before{
    content: '\f00c';
    color: #a5d76b;
    font-size: 1.1em;
    font-family: FontAwesome;
    padding-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

header .mainlogo{
    width: 168px;
}

.wpcf7-spam-blocked {
    background-color:#d10000 !important;
}

#filterarea .container ul>li ul li a {
    padding-top:0 !important;
    padding-bottom:0 !important;
    font-size:0.9em;
}

#standorte .standort{
    min-height: 458px;
}

#map:after{
    height: 50px;
}

#studien{
    text-align: center;
    font-size: 0;
}
#studien h2{
    font-size: 19.2px;
}
#studien .lg-4{
    float: none;
    display: inline-block;
    font-size: 16px;
}
#studien .studie img{
    left: 0 !important;
}
@media (max-width: 1285px){
    header #mainslider a.ls-nav-prev,
    header #mainslider a.ls-nav-next{
        display: none;
    }
}
input[type="checkbox"]{
    -moz-appearance:checkbox;
    -webkit-appearance:checkbox;
}

#filterarea .container ul > li ul{
    max-height: 35vh;
    overflow-y: scroll;
    -webkit-box-shadow: 0 15px 20px 1px rgba(0,0,0,0.4);
    box-shadow: 0 15px 20px 1px rgba(0,0,0,0.4);
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.bluebg,
#publikationsthemen .publikationsthema{
    cursor: pointer;
}

.branchenbox .background-image-holder{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.branchenbox:hover .background-image-holder{
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

textarea{
    min-height: 150px;
}


/* Historie */
#glance_container .glance_box{
    position: relative;
    min-height: 200px;
    cursor: pointer;
    background-size: cover;
    /*height: 100%;*/
    background-color: #f2f7fa;
    overflow: hidden;
    background-repeat: no-repeat;
}
#glance_container .glance_box.open{
    background-image: none !important;
}
#glance_container .glance_box.green{
    background-color: #f0f7fc; /* old: ddf2c5 now blue */
}
#glance_container .glance_box.green .short_info{
    padding: 20px;
}
#glance_container .glance_box.green img{
    position: absolute;
    right: 20px;
    top: 20px;
}
#glance_container .glance_box.green.textright img{
    right: auto;
    left: 20px;
}
#glance_container .glance_box.green.textright .short_info{
    text-align: right;
}
#glance_container .glance_box.green .text p{
    padding-right: 180px;
}
#glance_container .glance_box.green.textright .text p{
    padding-left: 180px;
    padding-right: 0;
}
#glance_container .glance_box.green h2{
    font-size: 2.3em;
    color: #7cbc32;
    padding-bottom: 20px;
}
#glance_container .glance_box.green h3{
    font-size: 1.3em;
    color: #000;
    padding-bottom: 15px;
}
#glance_container .glance_box.open .short_info{
    display: none;
}
#glance_container .glance_box.open{
    cursor: auto;
}
#glance_container .glance_box:not(.open){
    background-position: 70% 0;
}
#glance_container .glance_box.open img{
    margin-bottom: 25px;
    margin-right: 25px;
}
#glance_container .glance_box.open img.pull-right {
    margin-left: 25px;
    margin-right: 0;
}
#glance_container .glance_box a.getmore{
    background-color: #005a96;
    color: white;
    padding: 10px;
    display: none;
}
#glance_container .glance_box.open a.getmore{
    display: none;
}
#glance_container .glance_box.open .preview_data{
    display: none;
}
#glance_container .glance_box .preview_data{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 90, 150, .7);
    z-index: 1;
}
#glance_container .glance_box .preview_data h2,
#glance_container .glance_box .preview_data h3{
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: white;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
    font-family: open_sansbold;
    font-size: 1.2em;
}
#glance_container .glance_box .preview_data h2{
    display: none;
}
#glance_container .glance_box a.getmore i{
    padding-right: 5px;
    font-size: 16px;
}
#glance_container .glance_box .text{
    display: none;
    z-index: 11;
    text-align: left;
    position: relative;
    padding: 25px;
}
#glance_container .glance_box.open .text{
    display: block;
}
#glance_container .glance_box.open.textright .text{
    text-align: right;
}

#glance_container .glance_box.open:not(.green):after{
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(240,247,252,1) 38%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(240,247,252,1) 38%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(240,247,252,1) 38%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#f0f7fc',GradientType=1 ); /* IE6-9 */
    z-index: 10;
}
#glance_container .glance_box.textright:not(.green):after{
    right: 0;
}
#glance_container .glance_box.textleft:not(.green):after{
    left: 0;
}
#glance_container .glance_box.textleft.open:not(.green):after{
    background: -moz-linear-gradient(left,  rgba(240,247,252,1) 62%, rgba(30,87,153,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(240,247,252,1) 62%,rgba(30,87,153,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(240,247,252,1) 62%,rgba(30,87,153,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f7fc', endColorstr='#001e5799',GradientType=1 ); /* IE6-9 */
}

#glance_container .glance_box .text > div{
    position: relative;
    /*top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
#glance_container .glance_box .text h2{
    font-size: 2.3em;
}
#glance_container .glance_box .text h3{
    font-size: 1.6em;
    color: #005a96;
    padding-bottom: 10px;
}
#glance_container .glance_box .text p a:not(.btn){
    text-decoration: underline;
}
#glance_container .glance_box .cogs{
    position: absolute;
    right: 0;
    top: 0;
}
#glance_container .glance_box .cogs i{
    font-size: 300px;
    color: rgba(208, 215, 234, 0.61);
}

#glance_container .glance_box .text ul{
    display: inline-block;
    margin-bottom: 5px;
}
#glance_container .glance_box .text ul li{
    text-align: left;
}
#glance_container .glance_box .text i:not(a i){
    color: #005a96 !important;
}

#glance_container .glance_box .text ul.second-in-row{
    vertical-align: top;
    margin-left: 20px;
}

ul.no-style li:before{
    content: none !important;
}
ul.no-style li{
    padding-left: 0 !important;
}

ul.plus{
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
}
ul.plus:last-of-type{
    padding-right: 0;
}
ul.plus li{
    text-align: left;
}
ul.plus li:before{
    content: '\f0fe' !important;
    color: #005a96 !important;
}

ul.block-list{
    display: block !important;
}

#glance_container .glance_box .text ul li > ul{
    display: block !important;
    margin-top: 15px;
}
#glance_container .glance_box .text ul li > ul.no-style li{
    padding-left: 25px !important;
}
#glance_container .glance_box .text ul li > ul li:last-of-type{
    padding-bottom: 0 !important;
}

#content #glance_container ul li:before,
#content #glance_container ul li a:hover{
    color: #005a96 !important;
}

#content .container ul li.no-check:before{
    content: '';
}

#glance_container .glance_box:hover .preview_data{
    background: rgba(0, 90, 150, .6);
}

#glance_container .glance_box:hover .preview_data h2{
    display: block;
}
#glance_container .glance_box:hover .preview_data h3{
    display: none;
}

#glance_container .glance_box .preview_data h2,
#glance_container .glance_box .preview_data h3{
    font-size: 1.2em;
}

#glance_container .glance_box .short_info {
    position: absolute;
    max-height: 100%;
}

#glance_container .glance_box .short_info p{
    font-size: .8em;
}

#glance_container .glance_box .short_info h2,
#glance_container .glance_box .short_info h3,
#glance_container .glance_box .short_info p{
    display: none;
}
#glance_container .glance_box:hover .short_info h2,
#glance_container .glance_box:hover .short_info h3,
#glance_container .glance_box:hover .short_info p,
#glance_container .glance_box.open .short_info h2,
#glance_container .glance_box.open .short_info h3{
    display: block;
}

.lg-12:after{
    content: ".";
   clear: both;
   display: block;
   visibility: hidden;
   height: 0px;
}

.clicker_full{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index:10;
}

section#spalten .rowcontainer,
color-section#spalten .rowcontainer{

    background-position: center;

}

footer{
    position: relative;
}
footer #scrollTop{
    display: none;

    position: absolute;
    top: 0;
    right: 20px;

    width: 50px;
    height: 50px;

    background-color: white;

    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);

    text-align: center;
}
footer #scrollTop i{
    font-size: 1.5em;
    line-height: 50px;
    color: #005a96;
}

header #mainslider .slideimgholder.small{
    width: 100%;
    max-height: 380px;
    height: 30vw;
    position: relative;
}
header #mainslider .slideimgholder.small img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

header ul.menu,
header ul.menu li{
    list-style-type: none !important;
    list-style-image: url(data:0);
}

@media (max-width: 660px){


    #filterarea ul.filter li:first-child{
        display: block;
    }
    #filterarea ul.filter > li:first-child{
        display: none;
    }

}

@media (max-width: 550px){

    #glance_container .glance_box .short_info{
        text-align: center !important;
    }
    #glance_container .glance_box img{
        position: static !important;
    }
}

@media (max-width: 950px){

    footer #scrollTop{

        display: block;

    }


    #underfooter p{
        margin: 5px 0 0 0;
        text-align: center;
    }

    #mainslider .ls-wp-fullwidth-container{
        margin-top: 135px;
    }

    .branchenbox img{
        object-fit: cover !important;
    }

    #glance_container .glance_box.open.textright .text{
        text-align: left;
    }
    #glance_container .glance_box.open img{
        position: static;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        display: none;
    }
    #glance_container .glance_box .text > div{
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
    }
    #glance_container .glance_box.green .text p{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #glance_container .glance_box.open{
        background-image: none !important;
    }
}

.print-only{
    display: none;
}

header .social-link a{
  background-color: #dddddd;
  border-radius: 50%;
  color: #005a96 !important;
  width: 35px !important;
  height: 35px;
  position: relative;
  display: inline-block;
}

header .social-link a:hover{
  background-color: #005a96;
  color: #ffffff !important;
  border-bottom: 0px !important;
}

@media (max-width: 950px){
  header .social-link { display:none;}
  }

  @media (max-width: 660px){
    header .social-link { margin-bottom: 10px;}
    }

header .social-link .fa{
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

header .social-box a .fa-linkedin {
    margin-top: -1px;
    margin-left: 1px;
}

footer .social-box { margin-top: 30px; }

footer .social-box h2 { padding-bottom: 15px; }

footer .social-box p { color: rgba(255,255,255, .7); }

footer .social-box a {
    background-color: rgba(255,255,255, .5);
    color: rgb(0, 90, 150) !important;
    border-radius: 58%;
    width: 45px;
    height: 45px;
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

footer .social-box a:hover{
  background-color: rgba(255,255,255, 1);
}

footer .social-box a .fa {
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

footer .social-box a .fa-linkedin {
    margin-top: -2px;
    margin-left: 1px;
}

@media print{

    @page {
        size: auto;   /* auto is the initial value */
        margin: 30px;  /* this affects the margin in the printer settings */
    }

    header,
    #underfooter,
    form,
    #fixed-mob-nav,
    .wavebg,
    .newsplans,
    #leistungen,
    #expertisen,
    #jobs,
    #kundenmeinung,
    #navigation,
    #projekte,
    #spalten,
    #jobs,
    #kunden,
    #pressen,
    #studien,
    #content .bluebg.boxrow,
    footer .contactfooter,
    footer .lg-7 > div:not(.contactdetails),
    footer #scrollTop{
        display: none !important;
    }

    .inverto-logo{
        display: block;
        width: 250px;
        margin: 0 0 30px auto;
    }

    .print-only{
        display: block;
    }

    * {
        background: none !important;
    }

    .ui-accordion-content{
        display: block !important;
    }

    .ui-accordion-header{
        border: 0 !important;
        background-color: transparent !important;
        border-bottom: 0px !important;
        color: #9b9b9b !important;
    }
    #accordion>div.ui-accordion-content-active{
        border-bottom: 0px !important;
    }
    .ui-accordion-header:after,
    .ui-accordion-header:before{
        content: none !important;
    }

    #content .container > div{
        width: 100% !important;
    }

    #accordion > div,
    #accordion > h3{
        padding-left: 0 !important;
    }

    .sidebar .ansprechpartner p a span.rounded{
        width: 0px !important;
    }
    .sidebar .ansprechpartner p a span{
        margin-left: 0 !important;
    }

    i{
        display: none !important;
    }

    .sidebar .ansprechpartner{
        width: 40%;
        display: inline-block;
        margin-right: 20px;
        vertical-align: top;
        margin-bottom: 0;
    }
    .sidebar .ansprechpartner:last-of-type{
        margin-right: 0;
    }

    .sidebar .ansprechpartner p{
        padding-left: 0;
    }

    footer,
    footer p a,
    footer p,
    footer a,
    footer .contactdetails h2.cwhite{
        color: black !important;
    }
    footer .contactdetails{
        width: 100%;
    }
    footer .container > div{
        width: 100%;
        padding-right: 0;
    }
    footer .contactdetails h2.cwhite{
        padding-bottom: 3px;
    }
}
.wpcf7-captchar{
width: 85px !important;
    display: inline-block !important;
    margin-left: 10px;
    height: 24px !important;
    vertical-align: top; }

/* Language DropDown */

.drop-open {
    padding-bottom: 8px;
}

.drop-open .fa-globe {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: text-bottom;
}

.drop-open .fa-angle-down{
    margin-left: 5px;
}

.lang-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.lang-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    z-index: 1;
}


.lang-dropdown-content .lang a, .lang-dropdown-content .lang .active_lang {
    padding: 10px 25px;
    text-decoration: none;
    display: block;
}

.lang-dropdown-content .lang a { color: black; }

.lang-dropdown-content .lang .active_lang {	color: rgb(165, 215, 107); }


.lang-dropdown-content a:hover, .lang-dropdown-content .lang .active_lang:hover {background-color: #f1f1f1}


.lang-dropdown:hover .lang-dropdown-content {
    display: block;
}

/* Kundenmeinung Fix */
#kundenmeinung .bewnext,
#kundenmeinung .bewprev{
    top: 0;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    height: 100%;
    width: 50px;
}
#kundenmeinung .bewnext i,
#kundenmeinung .bewprev i{
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#kundenmeinung .bewnext i{
    right: 0;
}

#kundenmeinung .bewprev i{
    left: 0;
}

.row{
    margin-left: -10px;
    margin-right: -10px;
}

.col-5{
    width: 20%;
    float: left;
    padding: 5px 10px;
}
@media (max-width: 1200px){
    .col-5{
        width: 25%;
    }
}
@media (max-width: 950px){
    .col-5{
        width: 50%;
    }
}
@media (max-width: 660px){
    .col-5{
        width: 100%;
    }
}

@media (min-width: 950px){
header ul.menu>li.social-link {
  margin-top: -9px;
}
}

/* Checkbox Fix */

.wpcf7-acceptance .wpcf7-list-item { margin: 0 !important; }
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] { width: auto !important; margin: 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  header ul.menu > li {
    padding: 0 12px 0px 0;
  }
  header ul.menu > li.social-link {
    margin-top: -25px;
    padding-bottom: 15px;
  }
  header ul.menu > li.last {
    padding: 0 0px 0px 0;
  }

}




#firstForm .card {
    margin: 0 -10px;
}

#firstForm select {
    color: #777;
}

#firstForm form input::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */
#firstForm form input:-ms-input-placeholder, /* Internet Explorer 10-11 */
#firstForm form input::-ms-input-placeholder { /* Microsoft Edge */
    color: #777;
    opacity: 1;
}

#firstForm form input[type="checkbox"] {
    height: auto;
	width: auto;
	display: inline-block;
	position: absolute;
	left: 0;	
}

#firstForm form div.checkbox {
    padding-left: 25px;
	position: relative;
}

#firstForm span.anrede div.select {
    display: inline-block;
	width: auto;
}

#firstForm span.anrede div.select select {
	width: auto;
}

/* Navigation Flex fix for small page */
#navigation:not(.flex) ul {
    display: block !important;
}
#navigation:not(.flex) ul > li:not(:last-of-type){
    margin-right: 30px;
}

#accordion > h3.ui-accordion-header-active:before{
    display: none;
}


.BorlabsCookie input[type="checkbox"] {
    display: inline-block;
}


/* Tables */
table.table-stripped tr td {
    padding: 10px;
}
table.table-stripped tr:nth-child(even) td {
    background-color: #f5f5f5;
}


/* Template no Header with sidebar */
body.page-template-tpl-page-no-header #content .container.absolute h1 {
    position: static;
}
body.page-template-tpl-page-no-header #content .container.absolute {
    padding-top: 90px;
}



/** Flex navigation large fix */

#navigation.flex ul::-webkit-scrollbar {
     -webkit-appearance: none;
}
#navigation.flex ul::-webkit-scrollbar:vertical {
     width: 11px;
}

#navigation.flex ul::-webkit-scrollbar:horizontal {
     height: 11px;
}

#navigation.flex ul::-webkit-scrollbar-thumb {
     border-radius: 8px;
     border: 2px solid white; /* should match background, can't be transparent */
     background-color: rgba(0, 0, 0, .5);
}

#navigation.flex ul::-webkit-scrollbar-track {
     background-color: #fff;
     border-radius: 8px;
}

#navigation.flex ul {
    white-space: nowrap;
    overflow-x: auto;
}
#navigation.flex ul li {
    display: inline-block;
    float: none;
    padding: 0;
}

#navigation.flex ul li a {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}

#BorlabsCookieBox #CookieBoxTextHeadline{
	display:block;
}

._brlbs-refuse-btn a{
	text-decoration: underline !important;
}

#BorlabsCookieBox ._brlbs-bar{
	    min-height: 35vh;
}

#BorlabsCookieBox .cookie-box .align-items-center .col-12.col-sm-3{
	display:flex;
}

._brlbs-refuse-btn{
	    order: 1;
}

._brlbs-accept{
	    order: 2;
}

._brlbs-refuse-btn a{
    margin-left: 0 !important;
    padding-left: 0 !important;	
}

/* Kontaktformular im Footer entfernt. Social Media stattdessen platziert */
footer .contactfooter .social-box {
    margin-top: 5px;
}
footer .contactfooter .social-box h2 {
    padding-bottom: 20px;
}
@media (max-width: 660px) {
    footer .contactfooter {
        display: block !important;
    }
}