/* CSS */

/*Farben für www.ferienvilla-prerow.de

blau 		#045BA3
hellblau	#5AACF5
dunkelblau	#021928
gelb		#F0D278
beige		#A79888

*/


.topnavi { border-bottom: 1px solid #045BA3; } 												/*Border unter der Navi Desktop ganze Breite*/
#toggle-menu {
	background-color:#045BA3;
	border-bottom: 1px solid #666;} 															/*Hintergrundfarbe Navigation oben für Symbol nur mobil*/
.topnavi__lvl--first { background-color:#5AACF5; } 												/*Hintergrundfarbe hinter den Button  für mobil*/
.topnavi__link--first { background-color: rgba(90,172,245,0.88);} 								/*normal Hintergrund 1. Ebene nur mobil*/
.topnavi__link--sub { background-color:rgba(90,172,245,0.88);} 								/*normal Hintergrund ab 2. Ebene*/
.topnavi__link--first:hover { background-color:rgba(255,255,255,1.0);} 							/*hover 1. Ebene mobil*/
.topnavi__link--sub:hover { background-color:rgba(255,255,255,1.0);} 							/*hover 2. Ebene*/
.topnavi__link--active { background-color:rgba(200,200,200,0.94);} 								/*Aktiv Hintergrund nur mobil*/
.topnavi__lvl--first > .topnavi__item { border-bottom: 1px solid #666; } 						/*Border unten 1. Ebene mobil*/
.topnavi__lvl--first .topnavi__item li { border-bottom: 1px solid #666; } 					    /*Border unten 2. Ebene */
  
@media only screen and (min-width: 768px) {
.topnavi {background-color:#045BA3; } 															/*Hintergrund ganze Breite*/
.topnavi__lvl--first {background-color: transparent; } 											/*Hintergrund ganze Breite*/
.topnavi__link--first { background-color: transparent;} 										/*Hintergrundfarbe Navi 1. Ebene nur Desktop*/
.topnavi__link--first:hover { background-color:transparent;} 									/*hover 1. Ebene nur Desktop */
.topnavi__link--active { background-color:#045BA3;} 												/*Aktiv Hintergrund nur Desktop */

.topnavi { border-bottom: 0px solid #ddd; } 													/*Border unter der Navi Desktop ganze Breite*/
#toggle-menu { border-bottom: 0px solid transparent; } 											/*ist ausgeblendet für Desktop*/	
.topnavi__lvl--sub { border-top: 1px solid #045BA3;} 												/*Border oben bei Sub-Navigation*/
.topnavi__lvl--first > .topnavi__item { border-bottom: 1px solid transparent; } 				/*Border unten 1. Ebene Desktop*/
}


/*Symbol Navigation mobil*/

.topnavi .bar1, .topnavi .bar2, .topnavi .bar3 { background: #5AACF5; } 						/*x für Navi Mobil*/
.topnavi .change .bar1, .topnavi .change .bar3 { background: #fff; } 							/*x für Navi Mobil wenn geöffnet*/



/*Schriftfarben*/
.topnavi__link--first, .topnavi__link--sub,
.topnavi__link--sub .topnavi__item {color:#fff;} 											/*Schrift normal*/
.topnavi__link--active {color:#5AACF5;text-shadow: #000 0px 0px 1px;} 														/*Schrift activ*/
.topnavi__link--first:hover, .topnavi__link--sub:hover {
	color:#5AACF5;
	/*text-shadow: rgba(255,255,255,0.9) 0px 0px 2px;*/											/*Schrift hover*/
/*.topnavi {text-shadow: rgba(50,50,50,0.45) 1px 1px 3px;}*/
}


/*MENU ARROWS*/
.topnavi__label {
	background-color: #045BA3;
	transition: all .125s ease-in-out;
  	-webkit-transition: all .125s ease-in-out; }
.topnavi__label:hover { background-color: #045BA3; } 												/*Box für Pfeil bei sub-Navigation Desktop + mobil*/

.topnavi__arrow {border-top: 6px solid #fff;}
.topnavi__arrow--sub {border-top: 6px solid #fff;}
@media (min-width: 768px) {
    .topnavi__arrow--sub {
		border-left: 6px solid #666;
		border-top: 6px solid transparent;}
	.topnavi__label {background-color:transparent;}
	
}

/*ausblenden 1. Box für mobil*/
.topnavi label .topnavi__label { background-color: transparent;}
.container .topnavi__arrow {border-top: 6px solid transparent;}
.container .topnavi__arrow--sub {border-top: 6px solid transparent;}


/*korrektur position höhe 3. Ebene für Desktop*/
.topnavi__lvl--sub li ul {margin-top: -1px; }


@media (min-width: 768px) {
.topnavi {
	border-bottom: solid 1px #045BA3;
	display:flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 60;
}
.topnavi__lvl--sub {margin-top: 1px;}
}