/* Style Sheet Thorsten Reinicke Büro */
/* http://www.thorsten-reinicke.de/ */
/* © 2023 Thorsten Reinicke */


/* ********** MENÜ ********** */


ul#nav {
	padding: 0 ; 
	background:  ; }


ul#nav {
	position: fixed ; 
	right: 30px ; 
	top: 96px ; }




ul#nav li {
	padding: 0 ; 
	list-style-type: none ; }

ul#nav li {
	font-family:  ; 
	font-size: 16px ; 
	line-height: 1.5 ; 
	letter-spacing: 1px ; 
	text-align: justify ; 
	padding: 0 ; 
	border: 0px solid black ; 
	margin:  ; }

ul#nav li a {
	display: block ; }








nav#menu {
	font-size: 14px ; 
	text-align: center ; 
	letter-spacing: 1px ; 
	padding: 0 8% 0 8% ; 
	border: 0 ; 
	margin: 24px 0 24px 0 ; }


nav#menu a:before,
nav#menu p:before,
nav#menu ul li a:before
{	content: "\25E2\00A0" ; 
	color: #003366 ; 
	font-size: 10px ; 
	margin-right: 0px ; }


nav#menu a:hover:before,
nav#menu ul#nav li a:hover:before {
	content: "\25E5\00A0" ; 
	color: #FF3366 ; 
	font-size: 10px ; 
	margin-right: 0px ; }




nav#menu a:active:before,
nav#menu ul li a:active:before,
footer address a:active:before {
	content: "\25E5\00A0" ; 
	color: lightsteelblue ; }


a:link,
a:visited,
nav#menu ul li a:link:before,
nav#menu ul li a_visited:before {
	color: #223355 ; }

a:hover,
nav#menu ul li a:hover:before {
	color: #445566 ; }

a:active,
nav#menu ul li a:active:before {
	color: lightsteelblue ; }



nav#menu {
	font-family: Raleway, Arial, sans-serif ; 
	font-size: 14px ; 
	position: fixed ; 
	z-index: 50 ; 
	top: 72px ; 
	right: 30px ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 0 ; }

nav#menu p {
	margin: 0 ; 
	color: #FF3366 ; 
	font-weight: normal ;
	padding-bottom: 12px ; 
	text-decoration: none ; 
	transform: rotate(0deg) ;
	-webkit-transition: all 0.5s ease-in-out ; 
	transition: all 0.5s ease-in-out ; }

nav#menu:hover p {
	cursor: pointer ; 
	text-decoration: none ; 
	background: transparent ; 
	transform: rotate(360deg) ;
	-webkit-transition: all 0.5s ease-in-out ; 
	transition: all 0.5s ease-in-out ; }

nav#menu:hover p:before {
	content: "\25E5\00A0" ; 
	color: #FF3366 ; 
	font-size: 10px ; 
	margin-right: 4px ; }




/* one page */

nav#menu ul#nav {
	background: transparent ; 
	box-shadow: 0px 0px 0px rgba(0,0,0,0) ; 
	padding: 8px ; 
	padding-right: 24px ; 
	margin: 0 ; 
	margin-right: -300px ; 
	-webkit-transition: all 0.5s ease-in-out ; 
	transition: all 0.5s ease-in-out ; }



nav#menu:hover ul#nav { 
	margin-right: 0 ; 
	background: #FFF ; 
	box-shadow: 0px 0px 12px rgba(0,0,0,0.5) ;
	-webkit-transition: all 0.5s ease-in-out ; 
	transition: all 0.5s ease-in-out ; }

nav#menu ul#nav .current a:before {
	content: "\25E5\00A0" ; 
	color: #FF3366 ;
	width: 100% ; }

ul#nav li:first-child { 
	-webkit-transition: all 0.5s ease-in-out ; 
	transition: all 0.5s ease-in-out ; }

nav#menu ul#nav .current a,
nav#menu ul#nav a:hover {
	background: #FFFFFF ; }


ul#nav li {
	font-size: 16px ; 
	line-height: 2 ; 
	margin-left: 0 ; 
	-webkit-transition: all 0.5s ease-in-out ; 
	transition: all 0.5s ease-in-out ; }

ul#nav:hover li {
	background:  ; 
	margin-left: 0 ; 
	opacity: 1 ; 
	-webkit-transition: all 0.5s ease-in-out ; 
	transition: all 0.5s ease-in-out ;}