/*
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
*/



.frame {
    padding-top: 1em;
    padding-bottom: 0em;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {   
    .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: 932px;
    } 
    .vi-flex-item-scrolltop a {
        color:white;
        float: right;
        /* margin: auto; */
        font-size: 2em;
        margin-right: .5em;
        margin-top: -.5em;
        /* height: 30px; */
        z-index: 999;
        position: relative;
    }
    .carousel .item {
        /*height: 400px;*/
    }

    .navbar-default-transition .navbar-nav > .open > a, .navbar-inverse-transition .navbar-nav > .open > a, .navbar-default-transition .navbar-nav > .active > a, .navbar-inverse-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > li > a, .navbar-inverse-transition .navbar-nav > li > a, .navbar-default-transition .navbar-nav > .open > a:hover, .navbar-inverse-transition .navbar-nav > .open > a:hover, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-inverse-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-inverse-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > .open > a:focus, .navbar-inverse-transition .navbar-nav > .open > a:focus, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-inverse-transition .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-inverse-transition .navbar-nav > li > a:focus {
        /*color: #878787;*/
        margin-right: .1em;
        margin-left: .1em;
        /* links kleiner */
    }


}


/* Logo verkleinern bei zu wenig Platz für das Menü */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-brand-image > img {
        max-width:200px;
    } 
    .navbar-brand-image {
        max-width:200px;

    } 

}




/* Keine Pfeile im Slider */
.carousel .right .carousel-control-icon {
    right: -100%;
    display: none;
}
.carousel .left .carousel-control-icon {
    right: -100%;
    display: none;
}

/* Indicator immer sichtbar */
.carousel .carousel-control, .carousel .carousel-indicators {
    opacity: 1;
}
/* außer mobil */
@media screen and (max-width: 991px) {
    .carousel .carousel-control, .carousel .carousel-indicators {
    opacity: 0;
}
}


.left .carousel-control { display: none;}
.right .carousel-control { display: none;}
.carousel-indicators {
/*    left: 87%;*/
}

@media screen and (min-width:10px) {
    .carousel-indicators {
    position: absolute;
    left: 87%;
    /*padding-left: 855px;*/
    list-style: none;
    text-align: center;
}
}

@media screen and (min-width:768px) {
    .carousel-indicators {
    position: sticky;
    bottom: 50px;
    /* left: 50%; */
    z-index: 15;
    width: 100%;
    /* margin-left: -30%; */
    padding-left: 855px;
    list-style: none;
    text-align: center;
}
}
@media screen and (min-width:992px) {
    .carousel-indicators {
    position: sticky;
    bottom: 60px;
    /* left: 50%; */
    z-index: 15;
    width: 100%;
    /* margin-left: -30%; */
    padding-left: 855px;
    list-style: none;
    text-align: center;
}
}
@media screen and (min-width:1040px) {
    .carousel-indicators {
    position: sticky;
    bottom: 60px;
    /* left: 50%; */
    z-index: 15;
    width: 100%;
    /* margin-left: -30%; */
    padding-left: 855px;
    list-style: none;
    text-align: center;
}
}
@media screen and (min-width:1200px) {
    .carousel-indicators {
    position: sticky;
    bottom: 60px;
    /* left: 50%; */
    z-index: 15;
    width: 100%;
    /* margin-left: -30%; */
    padding-left: 1050px;
    list-style: none;
    text-align: center;
}
}





.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #009ee3;
    border-radius: 0px;
    cursor: pointer;
    background-color: white;
    /* background-color: rgba(0,0,0,0); */
    
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 1px;
    background-color: #009ee3;
}


@media screen and (min-width: 992px) {

    /* Striche in der Navigation TOPMENU */

    .top-menu-span {
        padding-left: .2em; padding-right:.2em;
    }

    .top-menu-span:first-child {
        padding-left:1em;

    }
    
    .top-menu-spacer-left {
        border-left: 1px solid #878787;
    }

    .top-menu-spacer-left:first-child {
        border-left: 1px solid #878787;
    }
    
    

    h1 { 

        font-size: 3em; 

        color: #009ee3;
        font-weight: bold;

    }
    .vi-subheader-2 {
        font-size: 3em;
        margin-left: .75em;
        color: #009ee3;
        font-weight: bold;
    }


    .vi-head-contact {
        /* font-size: smaller; */
        margin-left: 720px;
    }
    .vi-head-contact-item { 
        display: inline-block;
    }  

    .footer-section-meta {
        text-align: center;
        /*    display: none;*/
    }

    /* Copyright hoch */

    .copyright {
        position: fixed;
        top: 12px;
        /* background-color:#fff; */
        z-index: 9991;
        left: 0%;
        width: 100%;
        margin: auto;
        height: 3em;
        text-align: center;
    }

    .copyright p {
        color: #979797;
        font-size: 13px;
    }

    .copyright a {
        color: #979797;
    }


    .navbar-header-main .navbar-brand {

line-height: 150px;

height: 150px;

}


    .navbar-transition .navbar-brand > .navbar-brand-logo-normal {
        display: block;
        top: 50%;
        margin-top:  -10%;
        transform: none;
        /* -webkit-transform-origin-x: unset; */
    }




}



/* schatten im Dropdown Menü */
@media screen and (min-width: 992px) {
    .navbar-nav > li > .dropdown-menu {
        -webkit-box-shadow: 18px 25px 100px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 18px 25px 100px 0px rgba(0,0,0,0.75);
        box-shadow: 18px 25px 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 > li > a {
        color: #878787;
    }
    .dropdown-menu > li > a :hover {
        color: #444;
    }

    .navbar-default-transition .navbar-nav > .open > a, .navbar-inverse-transition .navbar-nav > .open > a, .navbar-default-transition .navbar-nav > .active > a, .navbar-inverse-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > li > a, .navbar-inverse-transition .navbar-nav > li > a, .navbar-default-transition .navbar-nav > .open > a:hover, .navbar-inverse-transition .navbar-nav > .open > a:hover, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-inverse-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-inverse-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > .open > a:focus, .navbar-inverse-transition .navbar-nav > .open > a:focus, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-inverse-transition .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-inverse-transition .navbar-nav > li > a:focus {
        color: #878787;
        /*    margin-right: .1em;
            margin-left: .1em;*/
        /* border-left: 1px solid; */
    }


    .navbar-default-transition .navbar-nav > .open > a, .navbar-inverse-transition .navbar-nav > .open > a, .navbar-default-transition .navbar-nav > .active > a, .navbar-inverse-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > li > a, .navbar-inverse-transition .navbar-nav > li > a, .navbar-default-transition .navbar-nav > .open > a:hover, .navbar-inverse-transition .navbar-nav > .open > a:hover, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-inverse-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-inverse-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > .open > a:focus, .navbar-inverse-transition .navbar-nav > .open > a:focus, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-inverse-transition .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-inverse-transition .navbar-nav > li > ::before {

    }


    nav > .navbar,.navbar-nav > li > a :hover {
        color: #009ee3;
    }
    nav > .navbar,.navbar-nav > li :hover {
        color: black;
    }

    .dropdown-menu > li > a  :hover {
        color: #fff;
    }

    .main-section {
        margin-top: 140px;
    }



    /* Menü komplett verschwinden lassen */
    /*
    .navbar-default-transition.navbar-transition, .navbar-nav > li > .navbar-text, .navbar-main > li > a > span  {
      position: relative;
      bottom: 0;
      top: 40px;
    }
    
    .navbar-main > li > .navbar-text, .navbar-main > li > a > span {
      position: relative;
      bottom: 0;
      top: 40px;
      left: 0;
    }
    */


}

@media screen and (min-width:992px) {

    /* ******************************************************************
      TOPMENU
    */
    .navbar-main > li > .navbar-text, .navbar-main > li > a > span {
        position: relative;
        text-align: center;
        vertical-align:bottom;
    }
    .bar { display: none;}
    .caret { display: none; }
    .navbar-main {
        /* margin-top: 5em; */
        /* margin-bottom: 0em; */
        padding-top: 5em;
        /* background: red; */
        max-height: 120px;
    }
    .navbar-fixed-top.navbar-nav {
    }
    .navbar-default-transition.navbar-nav {
    }
    .navbar-header-main .navbar-brand {
    }
    
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    
/* padding-top: 12px; */
}



}



@media screen and (min-width: 400px) and  (max-width: 768px) {

    .body-bg-top {
        padding-top: 0px;
    }
    .carousel .item {
        /*height: 300px;*/
    }


}

/*
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
*/


/* Kreuder Bau primary #009ee3     */



h1 { color: #009ee3; }

p {  }


@media screen and (min-width: 768px) {


    .navbar-default-transition, .navbar-inverse-transition {
        /*
        -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
        -o-transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
        transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
        */
        background-color: #fff;
        /*border-color: transparent;*/
    }

    /* transition fixed top */
    .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
        background-color: #fff;
        border-color: transparent;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
        /*color: #009ee3;*/
        color: #ccc;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-default-transition.navbar-transition .navbar-nav > .active > a, .navbar-default-transition.navbar-transition .navbar-nav > .active > a:hover, .navbar-default-transition.navbar-transition .navbar-nav > .active > a:focus {
        color: #009ee3;
        background-color: transparent;
    }

    .navbar-main > li > .navbar-text, .navbar-main > li > a {
        /*        line-height: 80px;
                padding: 0px 20px;*/
    }
    .navbar.navbar-top {

/* padding-top: 0; */

}




    .navbar-header-main .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 22px;
        font-family: inherit;
        font-weight: bold;
        text-transform: uppercase;
        /* line-height: 800px; */
        /* height: 80px; */
        -webkit-transition: opacity .15s ease-in-out 0s;
        -o-transition: opacity .15s ease-in-out 0s;
        transition: opacity .15s ease-in-out 0s;
    }

    .navbar-brand-image > img {
        /*        position: relative;
                top: 50%;
                transform: translate(0, -50%);
                max-height: 100%;
                width: auto;*/
    }

    .main-section {
        /*margin-top: 70px;*/
    }


    /* Teaser */
    .carousel-inner {
        /*    position: relative;
            overflow: hidden;
            width: 100%;*/
        /*max-height: 400px;*/
    }


    /* Header */

    .vi-rotate-phone {
        transform:rotate(160deg);
        height: 12px;
        margin-lefT: 1em;
        margin-right: 0em;
    }


    /* Copyright hoch */

    .copyright {

/* z-index: 99999; */

/* left: 0%; */

/* width: 100%; */

/* margin: auto; */

/* height: 3em; */

background: transparent;

/* text-align: center; */

}

    .copyright p {
        color: #979797;
        font-size: 11px;
    }

    .copyright a {
        color: #979797;
    }




    /* Blaue Überschrift */
    .vi-header-orange  {
        background-color: #009ee3;
        color: white;
        /*border: 2px solid red;*/
        /* color:green; */
        font-size: 1.2em;
        line-height: 200%;
        /*padding-left: 1em;*/
        margin-top: -3em;
        position: relative;
        z-index: 999;
    }
    .vi-header-orange a {
        color: white;
    }

    .vi-col33-left .vi-header-orange  {

    }

    .vi-col33-middle .vi-header-orange  {


    }
    .vi-col33-left img {

    }
    .vi-col33-middle img {

    }
    .vi-col33-right img {

    }

    .vi-col33-right .vi-header-orange  {

    }

    .vi-header-orange :hover {
        color: white;
        text-decoration: underline;
    }

    .vi-header-orange-bottom  {
        background-color: #009ee3;
        color: white;
        font-size: 1.2em;
        line-height: 200%;
        /*padding-left: 1em;*/

    }
    .vi-header-orange-top  {
        background-color: #009ee3;
        color: white;
        font-size: 1.2em;
        line-height: 200%;
        padding-left: 1em; 
    }
    .vi-header-orange-FSK  {
        background-color: #009ee3;
        color: white;
        font-size: 1.4em;
        line-height: 200%;
        /*padding-left: 1em;*/ 
    }




    .vi-fsk-kachel {
        background-color: #e8e8e7;
        margin-top: -32px;
        margin-bottom: 48px;
    }



    .vi-fsk-kachel-left {
        background-color: #e8e8e7;
        margin-left: 20px;
        margin-right: -40px;
        background-color: #e8e8e7;
    }


    .vi-header-orange {
        background-color: #009ee3;
        color: white;
        /* border: 2px solid red; */
        /* color: green; */
        font-size: 1.0em;
        line-height: 1.4em;
        min-height: 6em;
        /* padding-left: 1em; */
        text-align: center;
        margin-top: -1em;
        padding-top: 1em;
        padding-bottom: 1em;
        position: relative;
        z-index: 999;
    }




    /* Videotour grau */
    .vi-video-right  {  
        /*
        border-left: 20px solid white;
        border-right: 20px solid white;
        background-color: #b0b2b1;
        color: white; 
        padding-left: 0px;padding-right: 0px;
        */
    }
    .vi-video-right :nth-child(1n+2) { 
        background-color: #b0b2b1;
        margin-top: -.8em;
        margin-bottom: 0px;
        color: white;

    }

    .vi-video-right p {
        padding: 1em;
    }




}

@media screen and (min-width: 768px) { 

    .vi-orange-bottom {
        /* background-color: #009ee3; */
        /* color: white; */
        /* font-size: initial; */
        /* line-height: 2.8em; */
        /*padding-left: 1em;*/
        /* margin-top: -1em; */
    }
    .vi-orange-bottom a { color: white; }

    /* 4 Spalten Text kleiner */
    .vi-col25 h2 { 
        font-size: 1.2em;
        /*padding-left: 1em;*/
    }



    /* Führerscheinklasse mit Toplink */

    .frame-well {

        background-color: #e8e8e7;
        /*border: 1px solid silver;*/
    }

    .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;
    }



}

@media screen and (min-width: 768px) and (max-width: 991px) {   

    .vi-orange-bottom-top-link {
        background-color: #009ee3;
        color: white;
        font-size: 1.4em;
        line-height: 2.8em;
        margin-top: -1em;
        position: absolute;
        width: 708px;
    }   
}





@media screen and (min-width: 992px) {




    .navbar-default-transition, .navbar-inverse-transition {
        /*
        -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
        -o-transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
        transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
        */
        background-color: #fff;
        /*border-color: transparent;*/
    }

    /* transition fixed top */
    .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
        background-color: #fff;
        border-color: transparent;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
        /*color: #009ee3;*/
        color: #878787;
        font-size: 13px;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-default-transition.navbar-transition .navbar-nav > .active > a, .navbar-default-transition.navbar-transition .navbar-nav > .active > a:hover, .navbar-default-transition.navbar-transition .navbar-nav > .active > a:focus {
        /*color: #009ee3;*/
        background-color: transparent;
    }



    .navbar-main > li > .navbar-text, .navbar-main > li > a:hover {
        color: #009ee3;
        border: 0px none;
        border-top: 0px none;
    }



    .navbar-main > li > .navbar-text, .navbar-main > li {
        /* border-left: 1px solid #aaa; */
        /* vertical-align: text-top; */
        height: 1em;
    }
    .navbar-main > li > .navbar-text, .navbar-main > li:first-child {
        /* border-left: 0px none; */
    }

    .navbar-main > li > .navbar-text, .navbar-main > li > a:hover {
        /*    color: #009ee3;*/

    }

    .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
        /* color: #009ee3; */
        color: #878787;
        font-size: 13px;
        /* margin-left: 1em; */
        /* margin-right: 1em; */
        /* padding-left: 4px; */
        /* padding-right: 4px; */
        /* border-left: 1px solid #999; */
        /* line-height: 6em; */
        margin-top: -2em;
        color: #878787;
        margin-right: 0em;
        margin-left: 0em;
    }

    .navbar-brand-image > img {

    }




    .navbar-brand-image > img {
        /*        position: relative;
                top: 50%;
                transform: translate(0, -50%);
                max-height: 100%;
                width: auto;*/
    }

    .main-section {
        /*        margin-top: 70px;*/
    }

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

    /* Header */

    .vi-rotate-phone {
        transform:rotate(160deg);
        height: 12px;
        margin-left: 1em;
        margin-right: 0em;
    }

    /* Subheader in blau */
    .vi-subheader-2 {
        font-size: 3em;
        margin-left: .7em;
        color: #009ee3;
        font-weight: bold;
    }

    h1 { font-weight: bold; }




    /* Blaue Überschrift */
    .vi-header-orange  {
        background-color: #009ee3;
        color: white;
        /*border: 2px solid red;*/
        /* color:green; */
        font-size: 1.0em;
        line-height: 1.5em;
        /*padding-left: 1em;*/
        text-align: center;
        margin-top: -1em;
        padding-top: 1.5em;
        padding-bottom: 1em;
        position: relative;
        z-index: 999;
    }
    .vi-header-orange a {
        color: white;
    }

    .vi-col33-left .vi-header-orange  {

    }

    .vi-col33-middle .vi-header-orange  {


    }
    .vi-col33-left img {

    }
    .vi-col33-middle img {

    }
    .vi-col33-right img {

    }

    .vi-col33-right .vi-header-orange  {

    }

    .vi-header-orange :hover {
        color: white;
        text-decoration: underline;
    }

    .vi-header-orange-bottom  {
        background-color: #009ee3;
        color: white;
        font-size: 1.2em;
        line-height: 200%;
        padding-left: 1em;

    }
    .vi-header-orange-top  {
        background-color: #009ee3;
        color: white;
        font-size: 1.2em;
        line-height: 200%;
        padding-left: 1em; 
    }
    .vi-header-orange-FSK  {
        background-color: #009ee3;
        color: white;
        font-size: 1.4em;
        line-height: 200%;
        padding-left: 1em; 
    }




    .vi-fsk-kachel {
        background-color: #e8e8e7;
        margin-top: -32px;
        margin-bottom: 48px;
    }



    .vi-fsk-kachel-left {
        background-color: #e8e8e7;
        margin-left: 20px;
        margin-right: -40px;
        background-color: #e8e8e7;
    }







    /* Videotour grau */
    .vi-video-right  {  
        /*
        border-left: 20px solid white;
        border-right: 20px solid white;
        background-color: #b0b2b1;
        color: white; 
        padding-left: 0px;padding-right: 0px;
        */
    }
    .vi-video-right :nth-child(1n+2) { 
        background-color: #b0b2b1;
        margin-top: -.8em;
        margin-bottom: 0px;
        color: white;

    }

    .vi-video-right p {
        padding: 1em;
    }




}

@media screen and (min-width: 768px) { 

    .vi-orange-bottom {
        background-color: #009ee3;
        color: white;
        font-size: 16px;
        height: 5em;
        line-height: 5em;
        /* padding-left: 1em; */
        text-align: center;
        font-weight: 400;
    }
    .vi-orange-bottom a { color: white; }

    /* 4 Spalten Text kleiner */
    .vi-col25 h2 {
        font-size: 1em;
        /* padding-left: 1em; */
    }



    /* Führerscheinklasse mit Toplink */

    .frame-well {
        background-color: #e8e8e7;
        /*border: 1px solid silver;*/
    }

    .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;
    }



}


@media screen and (min-width: 768px) and (max-width: 991px) {   
    .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: 708px;
    }   

    .vi-flex-item-scrolltop a {
        color: white;
        float: right;
        /* margin: auto; */
        font-size: 2em;
        margin-right: .5em;
        margin-top: -.5em;
        /* height: 30px; */
        z-index: 999;
        position: relative;
    }

}


@media screen and (min-width: 200px) and (max-width: 767px) {
    .vi-head-contact {
        /*font-size: smaller;*/
        text-align: center;
        display: flex;
    }
    .vi-head-contact-item { 
        display: inline-block;
    }  
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .vi-head-contact {
        /*font-size: smaller;*/
        text-align: center;
        display: flex;
    }
    .vi-head-contact-item { 
        display: inline-block;
    }  
}



/* Mobiel Dropdownmenü Tablet weiß */
@media screen and (min-width: 768px) and (max-width:991px){

    .navbar.navbar-top {
        background: white;
    }

    /* Link schwarz */
    .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
        color: black;
    }
    /* Aufklappmenü maximale höhe wegen vieler unterlinks */
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100%;
    }





}


@media screen and (min-width: 768px) {
    .foter-section {
        padding-top: 0em;
        padding-bottom: 0em;
    }
}


@media screen and (min-width: 768px) and (max-width: 1199px) {
    /* 4 Spalten Text kleiner */
    .vi-col25 h2 {
        /* font-size: 1em; */
        /* padding-left: 1em; */
        height: 6em;
        /* height: 222%; */
        line-height: 120%;
        /* margin-top: -1.0em; */
        padding-top: 2em;
    }
}

@media screen and (min-width: 600px) and (max-width: 991px) {
    /* 4 Spalten Text kleiner */
    .vi-col25 h2 {
        font-size: 1.4em;
        /* padding-left: 1em; */
        height: 5em;
        /* height: 222%; */
        line-height: 120%;
        /* margin-top: -1.0em; */
        padding-top: 2em;
    }
}


@media screen and (min-width: 768px) and (max-width:1199px) {

    .carousel .item {
        /*min-height: 300px;*/ /* CHANGE 6.6 */
    }

}





/* Blauer Balken footer */

@media screen and (min-width: 992px) {
    .section {
       padding-top: 1em;
       padding-bottom: 1em;
    }
    .section-default {margin-top: 0em;}
    .main-section {
        margin-top: 150px;
        /* #2023-02-10 FIX Abstand oben */
        margin-top: 5px;
    }
}




@media screen and (min-width: 768px) and (max-width: 1199px) {

    .vi-orange-container {display: inline-block;width:100%;text-align: center;vertical-align: middle;line-height: 140%;font-weight: bold;}

}

@media screen and (min-width: 1200px)  {

    .vi-orange-container {display: inline-block;width:100%;text-align: center;vertical-align: middle;line-height: 140%;font-weight: bold;}

}



.navbar-default-transition .navbar-nav > .open > a, .navbar-inverse-transition .navbar-nav > .open > a, .navbar-default-transition .navbar-nav > .active > a, .navbar-inverse-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > li > a, .navbar-inverse-transition .navbar-nav > li > a, .navbar-default-transition .navbar-nav > .open > a:hover, .navbar-inverse-transition .navbar-nav > .open > a:hover, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-inverse-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-inverse-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > .open > a:focus, .navbar-inverse-transition .navbar-nav > .open > a:focus, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-inverse-transition .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-inverse-transition .navbar-nav > li > a:focus {

}


@media screen and (min-width: 599px) and (max-width:991px) {

    figure .caption {
        background-color: #009ee3;
        color: white;
        font-size: .85em;
        line-height: 1.5em;

        text-align: center;
        margin-top: -1em;
        padding-top: 1.5em;
        padding-bottom: 1em;
        position: relative;
        z-index: 999;
    }
}


/*
@media screen and (min-width: 200px) and (max-width:598px) {

    figure .caption {
        background-color: #009ee3;
        color: white;
        font-size: .85em;
        line-height: 1.5em;
        padding-left: .5em;
        padding-right: .5em;
        height: 8em;
        text-align: center;
        margin-top: -1em;
        padding-top: 1.5em;
        padding-bottom: 1em;
        position: relative;
        z-index: 999;
        word-break: normal;
    }
    
}
*/



/* ----------- iPad 2019 ----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

  
  .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
        /* color: #009ee3; */
        color: #878787;
        font-size: 12px;
        /* margin-left: 1em; */
        /* margin-right: 1em; */
        /* padding-left: 4px; */
        /* padding-right: 4px; */
        /* border-left: 1px solid #999; */
        /* line-height: 6em; */
        margin-top: -2em;
        color: #878787;
        margin-right: 0em;
        margin-left: 0em;
    }
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) { 

  
  .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
        /* color: #009ee3; */
        color: #878787;
        font-size: 12px;
        /* margin-left: 1em; */
        /* margin-right: 1em; */
        /* padding-left: 4px; */
        /* padding-right: 4px; */
        /* border-left: 1px solid #999; */
        /* line-height: 6em; */
        margin-top: -2em;
        color: #878787;
        margin-right: 0em;
        margin-left: 0em;
    }
}