/*
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 : 19.03.2018, 10:22:09
    Author     : juergen kind
*/

@media screen and (min-width: 768px) {
.navbar.affix-top ul.navbar-nav > li {
/*     padding-top: 0px; 
     height: 60px; 
    border-bottom: 4px solid transparent;*/
}

h2, .h2 {
    
    text-align: center;
}

}


@media (min-width: 768px) {

/* header animieren*/
header {
transition: all 0.8s ease;

}
 hr { border-top: transparent; }

.navbar-header img.logo {
    transition: all 0.8s ease;    
}

topnav .container {
transition: all 0.8s ease;    
}

navbar {
    transition: all 0.8s ease;
}
.navbar-right {
    transition: all 0.8s ease;
}

.navbar-nav > li > a {
    /*transition: all 0.8s ease;*/
}

}

@media (min-width: 768px) {
.sg-row { display: flex; width:100%;align-items: center;justify-content: center;}

.sg-row :nth-child(1n+2) {
border: 0px dashed rgba(20,20,255,.0);
margin: 1em;

}
.sg-row img {/* padding: 32px; */}
    
}

@media screen and (width: 1024px) {
.sg-row { display: flex; width:100%;align-items: center;justify-content: center;}

.sg-row :nth-child(1n+2) {
border: 0px dashed rgba(20,20,255,.0);
}

.sg-row img { padding-left: 32px; }
  
}

@media screen and (min-width: 768px) {
.navbar.affix-top ul.navbar-nav > li > a {
    font-size: 12px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
}

@media screen and (min-width: 992px) {
.navbar.affix-top ul.navbar-nav > li > a {
    font-size: 100%;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
}
@media screen and (min-width: 1200px) {
.navbar.affix-top ul.navbar-nav > li > a {
    font-size: 140%;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
}

@media screen and (min-width: 992px) {
.trailer .image-embed-item { opacity: .7; }
}