#cd-header {
position: absolute;
left: 0;
top:0;
height:80px;
width: 100%;
font-size:1.2rem;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index:1000;
}
.cd-logo {
display: block;
position: absolute;
top:25px;
z-index:511;
}	
.navigation-wrapper {
width:100%;
height:80px;
padding-top:5px;
float:right;
display:block;
}
@media (max-width:1279px) {
.navigation-wrapper {
margin-right:0%;
}
}
nav.primary-navigation {
position:fixed;
width:20%;
height:80px;
right:0;
margin-right:1.5rem;
z-index:2000;
}
nav.secondary-navigation {
position:fixed;	
width:50%;
height:80px;
right:20%;
z-index:2000;
}	
#cd-header.is-fixed {
position: fixed;
top:-80px;
background-color: rgba(255,255,255, 0.95);
-webkit-transition: -webkit-transform 0.75s;
transition: transform 0.75s;
width:100%;
}
#cd-header.is-visible {
background-color: rgba(255, 255, 255, 0.95);
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
-moz-transition: -moz-transform 0.75s;
transition: transform 0.75s;
}
#cd-header.menu-is-open {
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0);
box-shadow: 0 1px 5px rgba(0,0,0,0);
}
#cd-header.is-fixed.menu-is-open {
bottom:auto;
}
#cd-header.is-fixed.menu-is-open .site-branding,
#cd-header.menu-is-open .site-branding,
#cd-header.is-visible .site-branding,
#cd-header.is-fixed .site-branding {
opacity:1;
}
.phone {
margin-top:1.3rem;
width:1.5rem;
float:right;
font-size:1.3rem;
}
@media (max-width:785px) {
.phone {
margin-top:-1.3rem;
width:1.5rem;
float:right;
font-size:1.3rem;
}
}
.cd-secondary-nav {
margin-top:30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
float:right;
width:50%;
text-align:right;
}
.cd-secondary-nav li {
display: inline-block;
display:block;
cursor:pointer;
}
.cd-secondary-nav a {
color:rgba(255,255,255,1);
text-transform: uppercase;
}
.cd-secondary-nav a:hover {
color:rgba(96,174,36,1);
}
@media only screen and (min-width: 1023px) {
.cd-secondary-nav {
display: block;
}
}
a.cd-primary-nav-trigger {
float:right;
height: 40px;
line-height: 30px;
bottom: auto;	
margin-top:30px;
width: 120px;
z-index:600;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index:1000;
}
.cd-primary-nav-trigger .cd-menu-text {
color:rgba(255,255,255,1);
text-transform: uppercase;
display: none;
float:right;
display:block;
margin-top:4px;
margin-left:1rem;
}
.cd-primary-nav-trigger .cd-menu-icon { display:block;
float:right;
margin-top:19px;
margin-left:1rem;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 25px;
height: 3px;
background-color: rgba(255,255,255,1);
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.is-visible .cd-primary-nav-trigger .cd-menu-icon, .is-visible .cd-primary-nav-trigger .cd-menu-icon::before, .is-visible .cd-primary-nav-trigger .cd-menu-icon::after {
background-color: rgba(255,136,0,1);
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(255,255,255,1);
right: 0;
-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
top: -6px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
top: 6px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
z-index:1000;
background-color:rgba(220,226,218,1);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
background-color: rgba(0,150,135,1);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
top: 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
top: 0;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.is-fixed .cd-menu-text, 	
.is-fixed .cd-secondary-nav a,
.menu-is-open .cd-menu-text, 
.menu-is-open .cd-secondary-nav a {
color:rgba(0,150,135,1);
}
@media(max-width:1023px) {
.cd-logo {
background-image:url(//drsalloum.de/wp-content/themes/bc2a/css/img/brand-small.svg);
background-repeat:no-repeat;
background-size:contain;
}
.cd-primary-nav-trigger .cd-menu-text {
display: none;
}
}
ul.cd-secondary-nav li {
display:block;
float:right;
margin-right:1rem;
}
.cd-primary-nav-trigger .cd-menu-icon {
-webkit-transform: translateX(0) translateY(-50%);
-moz-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
-o-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);		
}
ul.cd-primary-nav {
position: fixed;
left: 0;
top:0px;
height:100vh;
width: 100%;
background-color: rgba(220,226,218, 0.95);
text-align: center;
z-index:1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
overflow-y:scroll;
font-family:'Playfair Display', serif;
}
.cd-primary-nav li {
font-size: 22px;
font-weight: 300;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: .2em 0;
}
.cd-primary-nav a {
display: inline-block;
padding: .4em;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
transition: background 0.2s;
color:rgba(0,150,135,1);
font-size:calc(100% + 1.0vh);
-webkit-transition: 150ms; transition: 150ms;
-webkit-transition-timing-function:ease;
transition-timing-function:ease;
}
.no-touch .cd-primary-nav a:hover {
color:rgba(255,153,0,1);
zoom: 1.1;
-moz-transform: scale(1.1);
-moz-transform-origin: center center;
-o-transform: scale(1.1);
-o-transform-origin: center center;
-webkit-transform: scale(1.1);
-webkit-transform-origin: center center;
transform: scale(1.1);
transform-origin: center center;
}
.cd-primary-nav.is-visible {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cd-primary-nav {
padding: 80px 0;
}
.cd-primary-nav li a.open {
border-bottom:1px solid rgba(0,150,135,1.0);
}
.cd-primary-nav ul.sub-menu li:last-child a {
border-bottom:1px solid rgba(0,150,135,1.0);
}
.cd-primary-nav li li a {
font-size:calc(70% + 1.0vh );
}
#nav li.menu-item-has-children > a:after {content:'+';}
#nav li.menu-item-has-children > a.open:after {content:'-';}
body.overflow-hidden {overflow-y:hidden;}
.menu-item {cursor:pointer;}