header { 
  width: 100%; height: 100px; border-color: #bbbbbb; margin-bottom: 5px;
  position: fixed; top: 0; left: 0; background: #ffffff; z-index: 25;  
  box-shadow: 0px 0 3px 1px rgba(128, 128, 128, 0.3);
  -webkit-box-shadow: 0px 0 3px 1px rgba(128, 128, 128, 0.3); 
  -moz-box-shadow: 0px 0 3px 1px rgba(128, 128, 128, 0.3); 
}
header .inner { position: relative; width: 980px; height: 100px; margin: 0 auto; }

.cp header, .cp header .inner { height: 80px; }

header .inner > div, header .inner > nav { position: absolute; }

#logo { top: 12px; left: 15px; }
  .cp #logo { top: 10px; }
#claim { top: 68px; left: 119px; }
  .cp #claim { top: 55px; }	  	
#logo, #logo img { width: 95px; }
  .cp #logo, .cp #logo img { width: 80px; }
#claim, #claim img { width: 320px; }	

#meta, #mobileTrigger { display: none; }

#langswitch { top: 0; right: 0; width: 159px; height: 27px; background: url('../../images/backgrounds/navi_meta_bg_raute.svg') 0 0 no-repeat; 
color: #ffffff; text-align: center; line-height: 27px; text-transform: uppercase; font-size: 11px; } 
#langswitch:hover { background-image: url('../../images/backgrounds/navi_meta_bg_raute_hover.svg'); }

#headline { text-transform: uppercase; font-weight: 700; font-size: 20px; right: 10px; bottom: 15px; }

@media screen and (max-width: 980px) {
  header .inner { width: 100%; }
}


@media screen and (max-width: 600px), only screen and (orientation : portrait) and (max-width: 980px) { 
 header, .cp header, .cp header .inner { height: 60px; }
 #claim, #langswitch, #headline { display: none; } 
 #logo, #logo img, .cp #logo, .cp #logo img { height: 50px; width: auto; }
 #logo, .cp #logo { top: 4px; left: 13px; }
 #mobileTrigger { display: block; line-height: 59px; right: 0; text-align: center; top: 0; width: 20%; }
 #mobileTrigger a { color: #1a1a18; font-size: 15px; font-weight: bold; }
}