/**
* CSS-Datei zur Gestaltung der PMA Makler-Seite
*
*
* @author Marcel Krischok
* @datum 07.02.2019
* @copyright B&S 2019
*
*/

html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

html, body {
margin:0;
padding:0;
font-family: Verdana, Arial;
font-weight:normal;
font-size:1.0em;
line-height:1.6em;
color:#003557;
}

h1, h2, h3, h4, h5, h6 {
margin-top:0;
margin-bottom:15px;
color:#f16e00;
font-weight:400;
}

h1 {
font-size:1.6em;
}

hr {
clear:both;
height:1px;
color:#FFF;
border:0;
border-top: solid 2px #f16e00;
margin-top:50px;
margin-bottom:50px;
}

a, a:link, a:active, a:visited {
color:#003557;
}

a:hover {
color:#f16e00;
}

#startbereich {
margin-top:100px;
}

@media (min-width: 992px) { 

.navbar {
font-size:1.2em;
background:#fff;
border-top:20px solid #003557;
height:100px;
}
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:link {
margin-top:15px;
color:#003557;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .activated > a, .navbar-default .navbar-nav > .activated > a:link{
color:#f16e00;
}

/* .navcolor {
margin-top:15px;
color:#003557 !important;
}*/

.navcolor:hover {
margin-top:15px;
color:#f16e00;
}


#logo {
height:55px;
width:235px;
}

.one-edge-shadow {
-webkit-box-shadow: 0 8px 6px -6px #6b6b6b;
-moz-box-shadow: 0 8px 6px -6px #6b6b6b;
box-shadow: 0 8px 6px -6px #6b6b6b;
}

#startbereich {
margin-top:65px;
}

.maincontainer {
margin-top:100px;
}

section {
padding: 25px 0 35px;
background: #fff;
}

.parallax-container {
height: 500px;
width: 100%;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:#fff;
}


ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #003557;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
background: #ccc;
font-size:1.1em;
font-weight:500;
}

ul.tabs li.current{
background: #f16e00;
color: #fff;
}

.tab-content{
color:#fff;
display: none;
background: #f16e00;
padding: 15px;
}

.tab-content.current{
display: inherit;
}

.sprechblase {
position: fixed;
top: 150px;
right: 25px;
width: 200px;
height: 200px;
z-index: 2;
}
.panel-title > a {
color: #04baee;
}

#bubble {
margin-top: -45px;
margin-left: -30px;
}

#myCarousel {
z-index:10;
}

@media (max-width: 991px) { 
#logo {
margin-top:-5px;
height:45px;
width:auto;
}

.navbar {
border-top:5px solid #003557;
background:#fff;
}
}

@media (max-width: 767px) { 

h1 {
font-size:1.3em;
}

h2 {
font-size:1.1em;
}

h3 {
font-size:1.0em;
}

.navbar {
border-top:5px solid #003557;
background:#fff;
}


#startbereich {
margin-top:50px;
}

#logo {
margin-top:-12px;
height:45px;
width:auto;
}

.navbar-default .navbar-nav > li {
width:100%;
text-align:center;
}


ul.tabs li{
font-size:0.8em;

}
}

.carousel-inner > .item > img {
  width:500px;
  height:auto;
}