/*Navigation
-------------------------------------------------------------------*/
/*-----NEUE NAVIGATION-----*/

/*logo_schwan um Projektname und Logo aufzunehmen neben Nav*/
.logo_schwan {
    /* width:100%; */
    /* height:50px; */
    /* background-color:#F9F8F2; */
	background-image: url('images/logo_schwan.png');
    background-repeat:no-repeat;
	
	background-position: right top;
	background-position: 100% 10px;
	
	/* background-size: auto; */
	background-size: 1600px 70px;
	height: 110px;
	
	
   /*  background-position: 100% 10px; */
    /* background-position: calc(100% - 2) 8px; */
   /*  float:left; */
	 z-index:9999;
}

.navbar-nav > li > a {
	padding-top: 22px !important;
	
}





@media (max-width: 991px) {
	
	/* Das Logo muß hier leider weg, weil sonst kein Platz für das Menü ist ... will auch nicht, und weiß auch nicht wo,
	ab diesem Breakpoint schon den 3-Linien Knopf anzeigen
	 */
	.logo_schwan {
		
	/* 	background-image: url('images/logo_schwan.png'); */
		/* background-repeat:no-repeat; */
		/* background-position: 100% 46px; */
		
	}

}

@media (max-width: 767px) {
	
	/* Ab hier kann das Logo wieder eingeblendet werden, weil der 3-Linier genug Platz offen läßt.
	 */
	
	.logo_schwan {
		/* background-image: url('images/logo_schwan.png'); */
		/* background-repeat:no-repeat; */
		/* background-position: 100% 10px; */
	}

}


/*-----Logobereich-----*/
#logobereich {
    height: 59px;
    float: none;

}

/*-----Navigationsbereich Smartphone----*/
@media (max-width: 574px) {
	
   
}




.navbar-header {
	   
  }
  
 
.phils_farb_leiste_oben{
	background-color: rgba(63, 87, 102, 1.0) !important;
	height: 48px !important;
	background-repeat: repeat !important;
	min-height: 48px !important;
	
	position: fixed;
	top: -14px;
} 


  
  


.hintergrund_schwan_oben {
	/* background-color: rgba(249, 248, 242, 1.0); */
	background-color: rgba(63, 87, 102, 1.0);
	height: 40px;
	background-repeat: no-repeat;
	
  }
  
 /*  .hintergrund_schwan_unten {
	background-color: rgba(63, 87, 102, 1.0);
	height: 90px;
	background-repeat: no-repeat;
	
  } */
  
  
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	  background-color: rgba(63, 87, 102, 0.0)!important;
  }
 
  

.navbar-default .navbar-nav > .active >a{
    background-color: rgba(63, 87, 102, 1.0);
}

.navbar-default .navbar-nav > li > a {
    color: #f0f4f5 !important;
	 z-index:9999;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #f0f4f5 !important;
   /*  background-color: rgba(63, 87, 102, 0.2); */
	text-decoration:underline;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #f0f4f5;

}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: rgba(63, 87, 102, 1.0);
}

.navbar-default .navbar-toggle {
   /*  border-color: rgba(63, 87, 102, 1.0);;
	border-radius: 0px; */
}

.navbar-default .navbar-toggle {
	/* border-color: #dddddd; */
  
/* 	border-left: 1px solid #cccccc !important;
	border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
	
	border-right: 1px solid #cccccc !important;
    border-right: 1px solid rgba(0, 0, 0, 0.15) !important;  */
	
}



.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
   /*  background-color: #fefdfb; */
	background-color: rgba(63, 87, 102, 1.0);
	
	
	
}
.navbar-default .navbar-toggle .icon-bar {
  /* background-color: #888888; */
  background-color: rgba(63, 87, 102, 1.0);
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    /* [disabled]background-color: #000000; */
    color: #555555;
	
}

.navbar-default, .navbar-default .navbar-nav > .open > a {
    background-color:rgba(63, 87, 102, 1.0);!important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color:#f0f4f5;
}

.navbar-default {
    border:0px !important;
	z-index: 888;
	/* height: 40 px; */
}







#topnavigation {
    /* font-weight:600; */
    /* font-family: "Verdana" !important;
    font-weight: normal !important; */
    font-size:18px !important;
    color:#f0f4f5 !important;
   
}

.txt_logo_hafenbank {
	
	font-family: "Trebuchet MS" !important;
    font-weight: 700 !important;
    font-size:20px !important;
	/* padding-top: 22px !important; */
   
	
}


nav:hover {
   
}

nav li{
    padding:0px 4px 10px 4px!important;
	
	
   
}

.link_aktiv{

	 /* background-color: #f0f4f5; */
	 background-color: rgba(63, 87, 102, 1.0);
	 
	 height: 45px;
	 top: 1px;
	
	 
	border-left: 1px solid #cccccc;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
	
	border-right: 1px solid #cccccc;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
	
}

.dropdown-menu > li > a {
    color: #f0f4f5;
	 padding: 3px 15px;
}

.dropdown-menu {
   
    border-left: 1px solid #cccccc;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
	
	border-right: 1px solid #cccccc;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
	
    border-radius: 0px;
	
	background: url(images/linie_1400px.png) no-repeat;
    background-position:bottom;
	
   
}





.navbar-default a {
    color: #f0f4f5;
	
}

.nav li ul{
   /*  background-color:#fefdfb; */
	background-color:rgba(63, 87, 102, 0.7);
    z-index:1000;
    border-top:0px solid #BAB8B0;
    top:45px;
}

.nav li ul a:hover{
    /* background-color:#fefdfb; */
	background-color: rgba(63, 87, 102, 1.0);
    /* width:100%; */
   /*  background: url(images/buttons_elemente/linie_1400px.png) no-repeat;
    background-position:bottom; */
	text-decoration: underline;
    color:#f0f4f5;
	
	
    }


/*-----Navigation Button-----*/

@media(max-width:1000px)  {





}




.platzhalter_headbereich{
	min-height: 60px;
}


.logo_untertitel{
	position: relative;
	text-align: right;
	margin-top: 52px; /* brauchen wir bei feststehender Navigtation oben */
	margin-right: -11px;
	font-size:20px;
	
	z-index: 5;

}

@media (max-width: 767px) { 
	.logo_untertitel {
		font-size:14px;
		margin-right: -2px;
		margin-top: 39px;
		/* padding:0 0 4px 5%; */
	}
	
}



.drei_linien {
    pointer-events:all;
    background:url(images/menue_button_aktiv.png) no-repeat center;
    z-index:999;
    background-color:transparent !important;
    float:left;
    width:37px;
    height:37px;
    padding:10px;
    position:fixed;
    top: 6px;
	left: 22px;
	
	/* background-color: #fefdfb !important;
	
    border-left: 1px solid #cccccc !important;
    border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
	
	border-right: 1px solid #cccccc !important;
    border-right: 1px solid rgba(0, 0, 0, 0.15) !important; */
   
}


@media (max-width: 767px) {
    .navbar-fixed-top .navbar-collapse {
        max-height:600px;
		
		
    }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
   
	/* background-color:#f28661; */
	z-index: 999;
	
    background-position:bottom;
	/* background-color:#F9F8F2; */
	/* background-color:#b49442; */
	
	background-color:rgba(63, 87, 102, 0.7);
	
	
	} 
   
	.navbar-toggle {
		float:left;
		margin-left:15px;
		margin-top: 12px;
		
		width: 37px;
		height: 32px;
		
		/* background-color: #fefdfb !important; */
		background-color: rgba(63, 87, 102, 1.0) !important;
   
	
	}
	
	/*------ Farbfeld hinterm Link wird nur eingeblendet, auf Mobil-Ansicht: Dropdown links -----*/
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		background-color: rgba(63, 87, 102, 1.0);
	}
	
	


    /*------Dropdown-Menue-----*/
    .nav li ul {
        top:20px;
        left:0px;
        padding:12px;
        z-index:999;
    }

}

/*Footer*/
footer .container{

}

/* .footerbereich {
    background-image:url(images/linie_graphik_footer.png), url(images/logo_gaedke_plain.png);
    background-position:top, 2px 94px;
    background-repeat: no-repeat;
    padding-top:130px;
    padding-bottom: 40px;
	padding-left: 2px;
} */

.graphik_mit_linie {
	position: relative; 
	background-image: url(images/linie_graphik_footer.png), url(images/logo_gaedke_plain.png);
    background-position:right 0px, 4px 90px;
    background-repeat: no-repeat;
	margin-left: -15px;
	margin-right: -15px;
	z-index:1003;
	height: 200px;
	bottom: -103px;
	
}


.button_pinterest {
	position: relative;
	width:26px;
	height:26px;
	background-image:url(images/button_pinterest.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	padding:0px;
	bottom: 0px;
	left: 170px; 
	
	/* float:left; */
	
}

.button_pinterest:active {
	position: relative;
	bottom: -1px;
	left: 171px; 
	
}

.button_facebook {
	position: relative;
	width:26px;
	height:26px;
	background-image:url(images/button_facebook.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	padding:0px;
	bottom: 0px;
	left: 170px; 
	
	/* float:left; */
	
}

.button_facebook:active {
	position: relative;
	bottom: -1px;
	left: 171px; 
	
}


.button_instagram {
	position: relative;
	width:26px;
	height:26px;
	background-image:url(images/button_instagram.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	padding:0px;
	bottom: 0px;
	left: 170px; 
	
	/* float:left; */
	
}

.button_instagram:active {
	position: relative;
	bottom: -1px;
	left: 171px; 
	
}




.buttons_footer{
	position: relative; 
	z-index:1005;
	/* bottom: 0px;
	left: 0px; */
}

/*-----Navigationsbereich Smartphone----*/
@media (max-width: 767px) {
	.graphik_mit_linie {
		background-position:left, 4px 90px;
	}
}




.text_footer{
	margin-top: -142px;
	margin-left: -11px;
	margin-right: -15px;
	z-index:1004;
	bottom: -154px;
}

/* 
.phil_footer{
	 height:100%;
    border-collapse:collapse;
    display : table;
} */


.footer_hg_grau{
	position: relative; 
	background-color:#F9F8F2;
	z-index:999;
	/* display : table-row; */
    vertical-align : bottom;
    height : 80px;
	width: 100%;
		

}