/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07.04.2018, 12:37:26
    Author     : juergen kind it-kind.de
*/



@media screen and (min-width: 1200px) {   
     .vi-orange-bottom-top-link {
        background-color: #009ee3;
        color: white;
        font-size: 1.4em;
        line-height: 2.8em;
        padding-left: 1em;
        margin-top: -1em;
        position: absolute;
        width: 1140px;
    }  
    
    
    
    .vi-flex { 
        /*display: flex; width:100%;*/ 
    }

    .vi-flex-header-fsk {
        /*background-color: #009ee3;*/
        color: white;
        
    }

    .vi-flex-item-scrolltop {
            /* display: block; */
            position: relative;
            /* border: 1px solid blue; */
            /* z-index: 99999; */
            color: white;
            float: right;
            font-size: 2em;
            /* margin: auto; */
            margin-right: .5em;
            margin-top:  -.5em;
            /* font-size: 2em; */
    }
  .vi-flex-item-scrolltop a { color: white;}
   
  .vi-scrolltop-icon a {
      border: 1px solid blue;
      color: white; 
      z-index: 9999;
      font-size: 2em;
  }
  
  .navbar.navbar-top {
/*    margin-top: 0em; 
    height: 145px;*/
}
.body-bg-top {
/*    padding-top: -2px;*/
}
  
    /* footer */
   .footer-section a {
    /*color: white;*/
}


.footer-section-active  {
    color: #009ee3;
}


.footer-section-active a {
    color: #009ee3;
}


footer, header, hgroup, main, menu, nav, section, summary {
    
}

.vi-head-contact {
    /* font-size: 10px; */
    text-transform: uppercase;
    margin-left: 894px;
}
.vi-head-contact-item { 
    display: inline-block;
}




.vi-smaller { font-size: .8em;}

.vi-footer-25 {
    /*width: 25%;*/
    /*display: inline-flex;*/
}

.vi-center { text-align: center;}

.navbar-nav > li > .dropdown-menu {
-webkit-box-shadow: 5px 50px 100px 0px  rgba(0,0,0,0.75);
-moz-box-shadow: 5px 50px 100px 0px  rgba(0,0,0,0.75);
box-shadow: 5px 50px 100px 0px rgba(0,0,0,0.75);
/*color: white;*/
margin-top: 1px;
background-color: #eee;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

.dropdown-menu {
    
    min-width: 15em;
    
}

.copyright a {
    color: #979797;
}

.carousel .item {
    /*height: 600px;*/
}




/* Navigation bei scrollen */
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default-transition .navbar-collapse, .navbar-default-transition .navbar-form, .navbar-default-transition.navbar-transition .navbar-collapse, .navbar-default-transition.navbar-transition .navbar-form {
    border-color: #eee;
    min-height: 120px;
    background: white;
    background: transparent;
    /*border-bottom: 10px solid #aaa;*/
}


.top-menu-span {
    /*border-left: 1px solid #000;*/
    padding-left: .4em;
    padding-right: .4em;
/*    position: relative;
    top: 3.5em;*/
}

.navbar-default-transition .navbar-collapse > li > a > .top-menu-span {
     /*top: 0.5em; color: red;*/
    
}




}


@media screen and (min-width: 1200px)  {
    
    
    .vi-col33-left .vi-header-orange {
     font-size: 1.2em;
     font-weight: bold;
    }
    .vi-col33-middle .vi-header-orange {
      font-size: 1.2em;
     font-weight: bold;
    }
    .vi-col33-right .vi-header-orange {
       font-size: 1.2em;
     font-weight: bold;
    }



}

.carousel-control.left {
    right: auto;
    left: 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.0) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.0) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}



/* Korrektur obere Zeile #2019-0724 */
@media (min-width: 992px) {

.vi-head-contact {
    position: fixed;
    border: 0px solid red;
    max-width: 920px;
    width: 920px;
    margin: unset;
    padding-right: 8px;
    margin-left: calc((100vw - 920px)/2);
    float: right;
    text-align: right;
}
.vi-head-contact-item {  }

}
@media (min-width: 1200px) {

.vi-head-contact {
    position: fixed;
    border: 0px solid red;
    max-width: 1140px;
    width: 1140px;
    margin: unset;
    padding-right: 15px;
    margin-left: calc((100vw - 1140px)/2);
    float: right;
    text-align: right;
}
.vi-head-contact-item {  }

}