.fade-in {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s;
}

.delay{
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn  ease 5s;
    -ms-animation: fadeIn ease 5s;
}

html{
    height: 100%; 
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
/*@media screen and (min-aspect-ratio: 13/9){ }*/

@media (max-device-width: 900px) and (orientation: portrait) {
    .landscape-in-phone {  
        display:block;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        min-width:460px;
    }  
}

.august{
    padding-bottom: 3em;
};


body {
    /*overflow-y: scroll;*/
}

/*#FF1D19*/
.row-first {
    /*padding-top:  2em;*/
    /*padding-bottom: 2em;*/
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/ 
    /*right: 0;*/
    /*height: 10.5em !important;*/
    /*background: linear-gradient(90deg, #FFF, #2A5A8E);*/ 
    
    
    /*font-size:5px;*/
    /*    font-family: Georgia, 'Helvetica Neue', Helvetica, sans-serif;               */
    text-decoration: none;
    /*font-size: 1em;*/
    /*color:#000000;*/
}

.footer {
    position: fixed;
    /*padding: 10px;*/
    bottom: 0;
    left: 0;
    right: 0;
    /*background: linear-gradient(90deg, #FFF, #2A5A8E);*/
    border-color: #8a9da8;   
    font-size: 1em;
}

.footer{
    z-index: 99;            
}

.logo_big{
    height: 6em;
}

.page-header{
    height: 120px !important;
}

.row{
    margin-left: 0;
    margin-right: 0;
}

.rectangle{
    margin-left: 2em;
    padding: 1em;
    /*padding-bottom: 1em;*/
    border-radius: .3em;  
    /*border: 2px solid #17a2b8;*/
    /*border: 2px solid #2A5A8E;*/
    border: 1px solid #000;
}

.vertical-align {
    display: flex;
    align-items: center;
    /*justify-content: left;*/
    flex-direction: row;
}

/*----------------------------------------------------------------------------*/
/*                           navbar                                           */
/*----------------------------------------------------------------------------*/

.navbar-default .navbar-nav>li>a{
    /*font-size: 18px;*/ 
}

.navbar-brand {
    padding: 0px; /* firefox bug fix */
    padding-left: 10px;
}
.navbar-brand>img {
    height: 100%;
    /*padding: 15px;  firefox bug fix */
    width: auto;
}

.navbar-header{
    padding-left: 10%;                
}

.nav{
    padding-right: 3%;
}

/*                           Elemente                                         */
/*----------------------------------------------------------------------------*/

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-style: solid none;
    border-width: 1px 0;
    margin: 18px 0;
}

/*                          Buttons                                           */
/*----------------------------------------------------------------------------*/

.btn-outline-info{
    border-color: #2A5A8E !important;  
    color: #2A5A8E !important;
}

.btn-outline-info:hover {
    color: #fff !important;
    background-color: #2A5A8E !important;
    border-color: #2A5A8E !important;
}

.width_100{
    width: 100px; 
}

.width_150{
    width: 150px; 
}

.width_200{
    width: 200px; 
}

/*------------------------------------------------------------------------*/
/*--                            Listen                                  --*/
/*------------------------------------------------------------------------*/

li a::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #2C5B8F; /*#A60400*/
    transform-origin: right top;
    transform: scale(0, 1);
    transition: color 0.1s,transform 0.2s ease-out;
}

li a:hover::before, a:focus::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

li a{
    position: relative;
    display: block;
    padding: 16px 0;
    margin: 0 2px;
    letter-spacing: 1px;
    /*font-size: 1.2em;*/
    line-height: normal;
    font-weight: 300;
    /*text-transform: uppercase;*/
    transition: color 0.1s,background-color 0.1s,padding 0.2s ease-in;
    color: #000;                
}

/*------------------------------------------------------------------------*/
/*--                           Container                                --*/
/*------------------------------------------------------------------------*/

.container-fluid{
    padding-left: 100px;
    padding-rigt: 100px;
}