/* 
colors:
main: #243773 (h1, h2, hintergrund slider caption)
second: #82A8D9 (aktiver link, hover)
*/

body {background-color:#25576F;}

.container{
	padding: 0 25px 15px 25px;
	background-color:#F2F2F2;
}
.hellgrau {background-color:#CCCCCC}
.dunkelgrau {background-color:#666666}


.nopad {
		padding: 0;
		}

img{
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.container-fluid{
	padding: 0;
}


.logo{
	width: 200px;
	padding-bottom: 10px;
	display: block;
	margin-left: auto;
   	margin-right: auto;
    float: none;
}

.header{
	padding-top: 15px;
}

.header .col-xs-12{
	padding-left: 0;
	padding-right: 0;
}

.carousel-indicators{
	display: none;
}

#carousel .carousel-caption {
	margin-bottom: -120px;
}

.carousel-caption span{
		background-color: #243773;
		font-size: 16px;
		padding: 2px 5px;
		float: right;
		margin-right: -50px;
}

.nav, .navbar-nav, .dropdown-toggle, .dropdown-menu {
	padding: 0;
	margin:0;
}

#navbar-content {
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
}

#navbar-content li.active > a{
	font-weight: bold;
	color:#82A8D9;
}

.navbar-default .navbar-nav .active a { 
	background:none;
}

#navbar-content a:hover {
	background-color: #243773;
	color: white;
}

#navbar-content li.active > a:hover {
	color:#82A8D9;
}

.dropdown-menu{
	padding: 0px;
}

.img-responsive{
	display: block;
	margin-right: auto;
	margin-left: auto;
	float:none;
	margin-bottom: 10px;
}

img.box{
	display: block;
	margin-right: auto;
	margin-left: auto;
	float:none;
	margin-bottom: 10px;
	max-width: 293px;
	max-height: 245px;
}

img.box1{
	display: block;
	margin-right: auto;
	margin-left: auto;
	float:none;
	margin-bottom: 10px;
	max-width: 458px;
	max-height: 380px;
	
}



.portfolio p {
	margin-bottom: 50px;
}

h1{
font-size:28px;
font-weight:bold;
}

h2{
  font-size: 22px;
  margin-top: 0px;
  padding-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
  color: #243773;
  font-family: 'Open Sans', sans-serif;
}
p{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
}

.footer{
	padding-top: 15px;
	}

.footer p{
	font-size: 15px;
	color:#333333;
}

.footer-inner, .footer-row{
	padding: 0;
}

.footer-right ul{
	padding: 0;
}

.footer-right ul li{
	display: inline;
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;	
}

.footer-left p, .footer-right ul li a{
	color: #999999;
	font-size: 16px;
}

.footer-right a:hover {
	color: #243773;
}

.footer-right, .footer-left{
	text-align: center;
	padding: 20px 15px 0 15px;
}

a.menu {
	padding: 10px 0 10px 15px;
	font-size: 22px;
	text-decoration: none;
	color: #666666;
}

a.menu:hover{
	background-color: #243773;
	color: #fff;
}

.back-to-top{
	display: none;
}
.item {
    display: none;
    position: relative;
    .transition(.9s ease-in-out left);
}


.footerh2 {
		font-size:15px;
		font-weight:bold;
}
.footerh2margin {
		margin-top: 45px;
		font-size:15px;
		font-weight:bold;
}
.footerlink {
		margin-left:-15px;
}

.footerlink{
		padding-left:0px;
		}

.footerlink li {
	list-style:none;
	color:#666666;
}
.footerlink li a{
	list-style:none;
	color:#666666;
}

.dark{
		background:#333333;
		color:#CCCCCC;
		padding: 20px 20px 0 20px;
		}

.ende {
		font-size:18px;
		list-style:none;
		}		
.ende li{
		display:inline;
}
.ende li a {
	color:#CCCCCC;
	padding: 0 10px 0 10px;	
}

.footer-right ul.ende, .footer-left ul.ende{
	padding: 0;
}

		
.liste ul li {
		font-size:18px;
		margin-left:20px;
		list-style:url(../img/haken.gif)
				}
.liste ul li.keinhaken {
		list-style:none; 
		}	
.margin-top-10 {
		margin-top:15px;
}		
		
a.spex {
		color:#333;
}				

					
@media (max-width: 767px) {

.mobilnicht{
			display:none;
}

.logo {display:none;}
p {
font-size:20px;
}
img.box1{
	display: block;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	max-width: 293px;
	max-height: 245px;
}

}

@media (max-width: 769px){
  /* Modal wrapper */
  .modal.fade {
    opacity: 1;
   }

  /* Modal dialog */
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0);
  }

  /* Semi-transparent backdrop */
  .modal-backdrop.fade {
    opacity: .99;
    filter: alpha(opacity=50);
  }
}

.modal-content, .modal-body{
	max-height: 100%;
}


.modal.fade.in{
	padding-left: 0px;
	padding-right: 0px;
}

.modal-backdrop.in {
	opacity: 0.99;
}

button.close{
	font-size: 22px;
	color: black;
	opacity: 1;
	margin-right: -15px;	
}

button.close:hover{
	color: black;
	opacity: 1;
}

.modal-body{
	padding-top: 0px;
	padding-bottom: 0px;
}

.modal-dialog{
    height: 100%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
}
 
.modal-content{
	height: 95%;
    width: 100%;
    margin: 0 !important;
} 

.modal.fade.in{
	padding-left: 15px;
	max-width: 100%;
}

#videoPlayer{
	padding-bottom: 20px;
}

.modal-dialog{
	margin: 0px !important;
}


@media (min-width: 768px) {
#videoPlayer{
	padding-bottom: 15px;
}

.nurmobil {
		display:none;
}

	ul.ende{
		text-align: center;
	}

	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	  color: #555;
	  background-color: #F8F8F8;
	}

	#navbar-content{
		font-size:14px;
	}
	
	.header .col-xs-12{
		padding-left: 15px;
		padding-right: 15px;
	}

	h1, h2{
	  font-size: 32px;
	}

	.logo{
		float: left;
	}

	.dropdown-menu{
		padding: 0px;
	}

	.dropdown:hover .dropdown-menu {
		display: block;
	}	

	.footer {
		padding: 15px 0 0 0;
		margin: 0;
	}

	.footer-row{
		padding: 0 0 35px 0;
	}

	img.box{
		max-width: 100%;
		float:none;
		margin: 0;
	}
	.margin-top-10 {
		margin-top:15px;
}		

	.footer-left {
		text-align: left;
	}

	.footer-right {
		text-align: right;
	}

	.footer-right ul{
		padding-right: 60px;
	}

	.footer-right, .footer-left{
		padding: 0 15px 20px 15px;
	}
	
	.navbar-nav > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.carousel-caption span{
		background-color: #243773;
		font-size: 30px;
		padding: 5px 15px;
		float: right;
		margin-right: -120px;
	}

	.dropdown .dropdown-menu {
		display: none;
	}

	.carousel-caption span.long {
		font-size: 22px;
	}
}

@media (min-width: 992px) {
	#videoPlayer{
		max-height: 720px;
	}


	.navbar-nav > li > a {
		padding-left: 15px;
		padding-right: 15px;
	}

	#navbar-content{
		font-size:17px;
	}

	.footer-inner{
		padding: 0 85px 0 85px;
	}

	.footer-left ul.ende{
		text-align: left;
	}

	.footer-right ul.ende{
		text-align: right;
	}

	.back-to-top {
		margin: 0 0 7px 0;
		position: fixed;
		bottom: 0;
		right: 10px;
		width: 40px;
		height: 40px;
		display: none;
		text-decoration: none;
		text-align: center;
		font-size: 22px;
		color: #fff;
		background-color: #CCCCCC;

		border-radius: 8px;
		border: 6px solid #CCCCCC;
	}

	.back-to-top:hover{
		background-color: #243773;
		border-color: #243773;
		color: #fff;
	}

	.back-to-top i {
	  font-size: 60px;
	}

	.long{
		font-size: 16px;
	}
}

@media (min-width: 1200px) {
	img.box{
		width: 306px;
		height: 245px;
		padding-right: 0px;
		float: right;
	}
	.margin-top-10 {
		margin-top:15px;
}	

.margin-top-20 {
		margin-top:20px;
}			

	.container{
		max-width: 970px;
	}
}

.separator{
	padding-bottom: 15px;
}

.box2{
	width: 306px;
	height: 245px;
}

.sticky {
    position:fixed;
    top:0;
    z-index: 10000;
    max-width: inherit;
}

.menu-padding {
    padding-top:70px;
    padding-bottom: 40px;

}

img.slideUp{
	margin-bottom: -50px;
}