/* ------------------------------------ nav typo device opt */
nav ul li {
    display:block;
	list-style:none;
	height:auto;
    font-weight:400;
}
nav ul li a {

    color: rgba(255,69,0,1);
	text-transform:none;
	text-decoration:none;
	font-family:'Poppins';
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
	-webkit-transition:color .2s ease;
	-moz-transition:color .2s ease;
	-o-transition:color .2s ease;
	transition:color .2s ease;
}


nav ul li a:hover{
    color: rgba(41,41,41,0.5);
    -webkit-transition:color .3s ease;
	-moz-transition:color .3s ease;
	-o-transition:color .3s ease;
	transition:color .3s ease;   
}



nav ul li p {padding: 0; margin-bottom:0;}        /* -- Typo */                           
nav ul li a {font-size:14pt; line-height:10px; text-decoration:line-through;}                          
nav ul li span{font-size:12pt;} 

/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (orientation:portrait){
    ul {text-align: right;}
    ul {margin-top:0; margin-right: 15%;}
    ul:first-child {margin-bottom:0;}
    ul:last-child {margin-bottom:0;}
    nav ul li p {margin-top: 10px;}
       li {padding: 2.5% 0;}
    
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-height:320px) and (orientation:portrait){

} 
@media only screen and (max-width:320px) and (orientation:landscape){
    li {padding: 2.5% 0;}
} 


/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (orientation:landscape){
    ul {width: auto; height: auto; text-align: left;} 
    ul:first-child {margin-right:15%;} 
} 


/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-height:666px) and (orientation:portrait){
    ul:last-child {margin-bottom:40%;}
    li {padding: 12% 0;}
    nav ul li p {margin-top:5px;}  
    
}

@media only screen and (max-width:666px) and (orientation:landscape){
    li {padding: 12% 0;}
    nav ul li p {margin-top:5px;} 
}


/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-height:667px) and (orientation:portrait){
    li {padding: 8% 0;}
    nav ul li p {margin-top:5px;}  
    
}

@media only screen and (min-width:667px) and (orientation:landscape){
    li {padding: 20% 0;}
    nav ul li p {margin-top:10px;}
}




/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-height:768px) and (orientation:portrait){
    li {padding: 25px 0;}
}

@media only screen and (min-width:768px) and (orientation:landscape){

}


/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-height:980px) and (orientation:portrait){

}

@media only screen and (min-width:980px) and (orientation:landscape){

}


/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-height:1024px) and (orientation:portrait){
    li {padding: 35px 0;}
    nav ul li p {margin-top:10px;} 
    nav ul li a {font-size:16pt;}                          
    nav ul li span{font-size:14pt;}  
    
}

@media only screen and (min-width:1024px) and (orientation:landscape){
    li {padding: 50% 0;}
    nav ul li p {margin-top:15px;} 
    nav ul li a {font-size:16pt;}                          
    nav ul li span{font-size:14pt;} 
}


/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-height:1200px) and (orientation:portrait){

}

@media only screen and (min-width:1200px) and (orientation:landscape){

}


/*--------------header Umbruch*/
@media only screen and (min-width:1440px) and (orientation:landscape){
    ul {text-align: right;}
    ul {margin-right:15%;}
}


/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-height:3500px) and (orientation:portrait){
    nav ul li p {margin-top:30px;} 
    nav ul li a {font-size:32pt;}                          
    nav ul li span{font-size:26pt;} 
    
    
}


@media only screen and (min-width:3500px) and (orientation:landscape){
    nav ul li p {margin-top:30px;} 
    nav ul li a {font-size:32pt;}                          
    nav ul li span{font-size:26pt;} 
    
    
}