/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
    padding-top: 50px;	
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
}
/* links */
a:link {
    color: #006699;
}
a:visited {
    color: #006699;
}
a:hover {
    color: #006699;
	text-decoration:none;
}
a:active {
    color: #006699;
}
html {
  height: 100.1%;
}
.container-01 {
	max-width: 1140px;
    padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.teaser-01 {
display: none;
}
.teaser-02 {
display: inline-block;
}
/* Navbar style */
/* change the background color */
.navbar-nav {
	margin-top: 25px;
}
.navbar-dark {
    background-color: #006699;
}
/* change the brand and text color */
.navbar-dark .navbar-brand,
.navbar-dark .navbar-text {
    color: #fff;
}
/* change the link color */
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
/* change the color of active or hovered links */
.navbar-dark .nav-item.active .nav-link {
    color: #fff;
	background-color:#2090c8;
}
.navbar-dark .nav-item:hover .nav-link {
    color: #006699;
	background-color:#dfecf2;
}
/*carousel*/
.bg-dark {
    background-color: #006699 !important;
}
/*jumbotron*/
.jumbotron {
    padding: 0rem 0rem;
	background-color:#c3d8e3;
	margin-bottom: 0rem;
	border-radius: 0;
}
.bg {
	background-color:#dfecf2;
}
.my-4 {
	background-color: #2090c8;
    color: #fff;
	margin-top: 0rem !important;
	margin-bottom: 1.5rem !important;
	padding: 15px 0 20px 25px;
}
.title-header {
	color::#fff;
	font-size:1.2em;	
}
/*carousel*/
.carousel-item {
	top:25px;
}
.carousel-01 {
	background-image: url('img/starter/jaeger-handels-und-speditionskontor-hamburg-01.jpg');
	max-width: 100%;
	height: auto;
}
.carousel-02 {
	background-image: url('img/starter/jaeger-handels-und-speditionskontor-hamburg-02.jpg');
	max-width: 100%;
	height: auto;
}
.carousel-03 {
	background-image: url('img/starter/jaeger-handels-und-speditionskontor-hamburg-03.jpg');
	max-width: 100%;
	height: auto;
}
.carousel-04 {
	background-image: url('img/starter/jaeger-handels-und-speditionskontor-hamburg-04.jpg');
	max-width: 100%;
	height: auto;
}
/*image details bilder*/
.image-details {
	max-width: 100%;
	height:auto;
}
.bild {
	width: 100%;
	height:auto;
}
/*style special link*/
a.special-link:link {
	color:            #fff;
}
a.special-link:visited {
	color:            #fff;
}
a.special-link:hover {
	color:            #fff;
}
a.special-link:active {
	color:            #fff;
}

/*iframe */
iframe {
	border: none;
	width:100%;
	height: 800px;
}

/*style footer*/
.fuss {
	position: absolute;
	width: 100%;
	height:600px;    
}
.aeo-1{
	clear:left;
}
.aeo-2 {
	padding-left: 0;
	padding-top:3%;
}
.footer {	
  bottom: 0;
  background-color: #006699;  
}
a.footer-link:link {
    color:            #dfecf2;;
}
a.footer-link:visited {
    color:            #c3d8e3;
}
a.footer-link:hover {
	background-color: #2090c8;
    color:            #fff;
}
a.footer-link:active {
    color:            #CC0000;
}
/*style cards*/
.card-header {
	color:#fff;
	background-color:#006699;
}
.card-body {
	background-color:#dfecf2;
}
.card-text {
	font-size:0.8em;
}
.card-text-2 {
	font-size:0.7em;
}
.card-footer {
	min-height:35px;
	background-color:#006699;
}
.text-white {
	font-size:0.8em;
} 
/* Media queries*/

@media (min-width: 0px) {  
/*carousel*/
.container-01 {
	max-width: 100%;
    padding-right: 0;
	padding-left: 0;
}
.bg {
	background-color:#2090c8;
}
.carousel-item {
	top:30px;
}
.slider-fluid {
    max-width: 100%;
    height: auto;
	min-height: 150px;
}
.teaser-01 {
display: none;
}
.teaser-02 {
display: inline-block;
}
.text-teaser-left {
	position: relative;
	top: auto;
	bottom: 0;
	left: 0;
	right: auto;
	width: 100%;
	height: 90px;
	font-size: 0.9em;
	color: #006699;
	background: #c3d8e3;
	padding: 20px 30px 15px 45px;
}
.text-teaser-right {
	color: #006699;
}
.carousel-item {
	padding-right: -15px;
	padding-left: -15px;
}
.carousel-indicators {
    bottom: 60px;
}
.title-header {
	color::#fff;
	font-size:1em;	
}
.top-01 {
	margin-top: 32px;
}
.fixed-to-bottom {
	width:100%;
    position:relative;
}
/* cookiewarnung */
#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:center; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}
}

@media (max-width: 576px) { 
iframe {
	border: none;
	width:100%;
	height: 400px;
}

}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
.title-header {
	font-size:1.2em;	
}
.teaser-01 {
display: none;
}
.teaser-02 {
display: inline-block;
}
iframe {
	border: none;
	width:100%;
	height: 400px;
}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.container-01 {
	max-width: 720px;
    padding-right: 15px;
	padding-left: 15px;
}
.bg {
	background-color:#dfecf2;
}
.carousel-indicators {
    bottom: 10px;
}
.teaser-01 {
display: inline-block;
}
.teaser-02 {
display: none;
}
.text-teaser-left {
	position: absolute;
	top: 60px;
	bottom: auto;
	left: 0;
	right: auto;
	width: 28%;
	height: auto;
	font-size: 1.2em;
	padding: 20px 30px 15px 30px;
	background: rgba(255,255,255,0.8);
}
.text-teaser-right {
	position: absolute;
	top: auto;
	bottom: 60px;
	left: auto;
	right: 0;
	width: 28%;
	height: auto;
	font-size: 1.2em;
	padding: 20px 30px 15px 30px;
	background: rgba(255,255,255,0.8);
}
iframe {
	border: none;
	width:100%;
	height: 600px;
}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.title-header {
	font-size:1.4em;	
}
.container-01 {
	max-width: 960px;
}
.text-teaser-left {
	font-size: 1.7em;
}
.text-teaser-right {
	font-size: 1.7em;
}
.top-01 {
	top: 120px;
}
.fixed-to-bottom {
	width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
}
.aeo-1{
	float:left;
}
.aeo-2 {
	padding-left: 40%;
	padding-top:0;
}
iframe {
	border: none;
	width:100%;
	height: 800px;
}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.title-header {
	font-size:1.6em;	
}	
.container-01 {
	max-width: 1140px;
}
}
/* Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {
.title-header {
	font-size:1.6em;	
}	
.container {
    max-width: 1370px;
}
.container-01 {
	max-width: 1370px;
}
.card-text {
	font-size:1.0em;
}
.card-text-2 {
	font-size:1.0em;
}
.text-white {
	font-size:0.8em;
}
iframe {
	border: none;
	width:100%;
	height: 800px;
}
}
/* Extra large devices (large desktops, 1950px and up)*/
@media (min-width: 1950px) {
.title-header {
	font-size:1.6em;	
}	
.container {
    max-width: 1570px;
}
.container-01 {
	max-width: 1570px;
}
.card-text {
	font-size:0.9em;
}
.card-text-2 {
	font-size:0.9em;
}
.text-white {
	font-size:0.8em;
}
iframe {
	border: none;
	width:100%;
	height: 800px;
}
}