@charset "UTF-8";
/* CSS Document */

#page-top {
	  width: 100%;
	  height: 80px;
	  padding: 0;
	  margin:5px 0px 2px 0px;
	  background:  url(../images/logos/omauto2.png)  no-repeat;
	  background-position: 10px 0px;
}

#page-top img{
		width: auto;
		margin: 0;
		padding: 0;
	}

.navbar-custom { 
	border-color:     rgba(204,204,204,0.0); /* Farbe Strich navbar unten */
	border:    0; 
	border-radius: 0;
}
 .navbar-brand { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
   f/ont-style:  italic;
    p/adding: 5px 15px 15px 15px;
    line-height: 20px;
	padding-top: 20px;
	text-decoration: none;
}

 .navbar-brand:hover{ /* Style Logo bzw. Schrift Brand nicht für Mobil*/
	color: blue;
}


.navbar-custom span.logo { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
    font-family: Eurostile;
   	font-weight: 100;
    font-size: 	 1.4em;
    letter-spacing: 3px;
	text-transform: uppercase;
    -webkit-transition: font-size .6s ease-in-out, letter-spacing .6s ease-in-out;
    -moz-transition: 	font-size .6s ease-in-out, letter-spacing .6s ease-in-out;
    transition: 		font-size .6s ease-in-out, letter-spacing .6s ease-in-out;
}

@media (max-width: 990px){

.navbar-custom { 
	background-color: white;
	color: black;
	border:    0; 
	border-radius: 0;
	margin-bottom: 0;
}
}

.navbar-custom .navbar-toggle {
    background-color: white;
    border: 1px solid #ccc;
}

.navbar-custom .nav>li>a { /*abstand top links */
	text-decoration:none;
    font-size: 	 1.2em;
	p/adding: 12px 6px 14px 6px;
	border-bottom: 2px solid rgba(0,0,0,0.0); /* leer verhindert hüpfen bei hover */
}

.navbar-custom .navbar-nav>li>a:hover{ /*hover Top Links */
	background: rgba(178,18,61,0.9); /* #B2123D; */
	border-radius:  0px;
	color: white;
 }
 
.navbar-custom .navbar-nav>.active>a{ 
	c/olor: #9F9;
	border-top:  2px solid transparent;
	background: rgba(0,0,0,0.1); /* schwarz */
	-webkit-transition: background .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
	-moz-transition: 	background .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
	transition: 		background .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
}

.navbar-custom .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { /* Top-Menü wenn Drop Open */
    background-color: transparent;
	b/ackground: rgba(0,0,0,0.5);
    border-color: transparent; 
}



.navbar-custom .dropdown-menu a:hover{ /* hover top-links mit dropdown dropdown-link */
	color: white;
    background-color: transparent;
	background: rgba(178,18,61,0.9); /* #B2123D; */
}
.navbar-custom .dropdown-menu>.active>a{
	c/olor: blue;
    background-color: transparent;
	background: rgba(178,18,61,0.9); /* #B2123D; */
}

.navbar-custom .dropdown-menu>.active>a:focus, /* hover dropdown-link active focus */
.navbar-custom .dropdown-menu>.active>a:hover {
	color: white;
    background-color: transparent;
	background: rgba(178,18,61,0.9); /* #B2123D; */
}

@media (max-width: 1400px){
  .navbar-custom .navbar-right {
	   margin-right: 0px; 
  }
}
/* Dropdown Menu ---Scrolling für Menü -------------------------------------------------------------------------------- */
.dropdown-menu {
	background: rgba(0,0,0,0.5); /* schwarz */
}


@media (min-width: 991px){
.dropdown-menu>li>a {
 	font-size: 1.1em;
   	color: white;
	text-decoration: none;
}
.dropdown-menu>li>a:hover {
    
}

	.navbar-custom .nav>li>a { /*abstand top links */
 		font-size: 1.1em;
		color: black;
		padding: 12px 6px 14px 6px;
		border-top: 2px solid rgba(0,0,0,0.0); /* leer verhindert hüpfen bei hover */
	}

	.navbar-custom { 
	    margin-bottom: 0px;
		p/adding: 20px 0 20px 0;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out, box-shadow .5s ease-in-out;
		-moz-transition:    background .5s ease-in-out,padding .5s ease-in-out, box-shadow .5s ease-in-out;
		b/ackground-color:	#95734C;
		background-color:	transparent;
		border-color:       rgba(204,204,204,0.0); /* Farbe Strich navbar unten */
	}
	
	.navbar-custom .navbar-nav>.active>a  { 
		color: black;
		border-bottom:  2px solid blue;
		background: rgba(0,0,0,0.0); /* schwarz */
		-webkit-transition: background .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
		-moz-transition: 	background .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
		transition: 		background .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
	}
	
	.navbar-custom .navbar-nav a:focus,  .navbar-custom .navbar-nav a:checked  { 
		background: rgba(0,0,0,0.0); /* schwarz / transparent */
		color: white;
    	background-color: #B2123D;
	}
	
	/* scrolling navbar darf nicht wenn Mobiles Menü --------------------------------------------------------------------*/
	.navbar-custom.top-nav-collapse {
			background-color: rgba(255,255,255,1.0); /*Farbe Navbar nach scroll */
			padding: 0;
			box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
	}
	
	.navbar-custom.top-nav-collapse span.logo { /* Style Logo bzw. Schrift Brand */
		font-family: Eurostile;
		f/ont-style: italic;
		f/ont-weight: 100;
		font-size: 1.2em;
		letter-spacing: 0px;
	}

	/* automatisches Aufklappen des Menü bei "hover". Kein Mausklick mehr erforderlich! darf im Mobilmodus nicht funktionieren */
	/* hover über Jquery , da sonst bei Klick das Dropdownmenü offen bleibt  */
	
	.navbar-custom .dropdown:hover .dropdown-menu {
		display: block; 
		border-radius: 0px;
		border-top-right-radius: 0px;
		animation:         fadeIn 0.6s;
		-moz-animation:    fadeIn 0.6s;
		-webkit-animation: fadeIn 0.6s;
		-o-animation:      fadeIn 0.6s;
		-ms-animation:     fadeIn 0.6s;
	}
}

 /*Ipad Einstellung da evtl Menü für Desktop transparent ---------------------------------------------------------------- */
 
@media only screen and (max-device-width : 768px) {
	  #p/age-top {
		  display:none;
		  visibility:hidden;
	  }

	 .navbar-custom .navbar-brand { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
	   font-style:  italic;
		padding: 20px 15px 15px 15px;
		line-height: 20px;
	}
	.navbar-custom  span.logo { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
		font-size: 	   1.3em;
		letter-spacing: 2px;
		}

	.navbar-right{
		margin-right:5px;
		}
		
	.navbar-custom { 
		padding: 0;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out, box-shadow .5s ease-in-out;
		-moz-transition:    background .5s ease-in-out,padding .5s ease-in-out, box-shadow .5s ease-in-out;
		b/ackground-color: white; /* weiss */
		color: black;
		border-color: rgba(204,204,204,1.0);     /* grau */
	}
}

.btn-default {
    color: #333;
    background-color: rgba(255,255,255,0.4);
    border-color: #ccc;
}