@charset "UTF-8";
/* CSS Document */

html {
font-size: 16px;
font-size: 1rem;
}
#portfolio .section-content{
max-width:1100px;
margin-left:auto;
margin-right:auto;
}
li {
list-style:none;
}
p {
font-size:16px;
font-size:1rem;
line-height:1.6;
}


.separator {
padding: 60px 0 100px 0;
}
section.separator p {
padding: 20px 0 0 0;
margin: 0;
}
section {
padding-bottom:10%;
}
section#slider .item::after {
background:transparent;
}
.bg_logo {
width: 30%;
height: 100%;
top: 0px;
left: 0px;
background-color: #fff;
margin-left: 35%;
opacity:0.9;
}

section#slider .item .bg_logo {
position:relative;
}
section#slider .item .bg_logo img{
position:absolute;
align:center !important; 
max-width: 90% !important;
height: auto !important;
left:5% !important;
top: 260px !important;
max-width: none;
}

nav#main-nav .navbar-nav>li.active>a {
color: #81ba9f;
background-color: transparent;
text-shadow: none;
box-shadow: inset 0 -2px 0 0 #82bba0;
}
nav#main-nav .navbar-nav>li.active>a:hover {
color: #81ba9f;
background-color: transparent;
text-shadow: none;
}

nav#main-nav .navbar-nav>li>a {
color: #3a3a3a;
}
nav#main-nav .navbar-nav>li>a:hover {
color: #81ba9f;
text-shadow: none;
}
nav#main-nav .navbar-nav>li>a:active {
color: #81ba9f;
text-shadow: none;
}


nav#main-nav .navbar-brand:link, nav#main-nav .navbar-brand:visited {
color: #3a3a3a;;
}
nav#main-nav .navbar-nav {
font-size: 14px;
font-size:0.875rem;
}
nav#main-nav .navbar-brand {
font-size:16px;
font-size: 1rem;
font-family: 'Lato', sans-serif;
font-weight: 300;
color:#6f6f6f;
}
nav#main-nav .navbar-header {
margin-left: 2%;
}

.navbar-brand img {
padding-bottom:10px;
}

.navbar-collapse {
background-color: #fff;
}
carousel-indicators li {
border: none;
}
.carousel-indicators .active {
background: transparent;
}
section#slider .carousel-indicators li, section#slider .carousel-indicators li.active {
border:none;
border-radius: 0px;
}
.scroll-down-arrow i {
display: block;
margin-top: 12px;
-webkit-animation: none; 
-moz-animation: snone;
-ms-animation: none;
-o-animation: none;
animation: none; 
}

section#portfolio ul.categories li a {
padding: 5px 5px;
text-transform: capitalize;
font-size: 16px;
font-size:1rem;
letter-spacing: 0;
}
footer p {
max-width:1000px;
}
footer a{
font-size: 12px;
font-size: 0.75rem;
}
footer a:hover{
color:#3a3a3a;
}

nav#main-nav {
 background-color: #fff; 
-webkit-box-shadow: 0px 2px 5px 1px rgba(168,168,168,1);
-moz-box-shadow: 0px 2px 5px 1px rgba(168,168,168,1);
box-shadow: 0px 2px 5px 1px rgba(168,168,168,1);
opacity:0.98;
}
nav#main-nav .navbar-toggle {
border-color: #81ba9f;
background-color:#81ba9f;
}
section#portfolio ul.thumbnails>li.thumbnail {   
border: 7px solid #fff;
}
nav#main-nav .navbar-nav>li>a {
color: #6f6f6f;
}

section#slider .carousel-control {
width: 0%;
}
nav#main-nav.darken {
background-color: #fff;
opacity:0.98;
}
.impressum {
margin-top:10%;
}
section#portfolio .details {
max-width:1100px;
margin-left:auto;
margin-right:auto;
}
.section-content .row img {
margin-left:auto;
margin-right:auto;
}
section#portfolio ul.thumbnails>li.thumbnail.invisible{/*opacity:0;*/display:none;z-index:-1;cursor:default;}
section#portfolio ul.thumbnails>li.thumbnail:hover {background-color:transparent; cursor:default;}
section#portfolio ul.thumbnails>li.thumbnail:hover .image{-webkit-transform:scale(1,1);  -moz-transform:scale(1,1);  -ms-transform:scale(1,1);  -o-transform:scale(1,1);transform:scale(1,1); cursor:default;}

section#portfolio ul.thumbnails>li.thumbnail .overlay.loading i.fa-search{color:transparent}

/*bigger text if inverted, only if not osx, because of non supported text-rendering*/

.separator h2,#services h3, #services h1, #ueber-uns h1 {
font-weight:700;
}
p.bigger_text, #services li, #kontakt li {
font-size:16px;
font-size:1rem;
font-weight:700;
line-height:1.6;
} 
/*if osx , because of supported text-rendering*/
.OSX .separator h2,.OSX #services h3,.OSX #services h1, .OSX #ueber-uns h1 {
font-weight:500;
}
.OSX p.bigger_text, .OSX #services li,.OSX #kontakt li {
font-size:16px;
font-size:1rem;
font-weight:500;
line-height:1.6;
} 

/*end osx*/

@media (max-width: 768px){
.bg_logo {
display:none;
}
section#portfolio ul.thumbnails>li.thumbnail {   
border: 3px solid #fff;
}
section h1, section h2, section h3, section h4, section h5, section h6 {
    font-weight: 500;
}
nav#main-nav .navbar-brand {
font-size:13px;
font-size: 0.813rem;

}


}

@media (max-width: 320px){

p {
font-size:16px;
font-size:1rem;
line-height:1.6;
}
#kontakt li {
margin-bottom:20px;
}



}