html, body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
}

/* ------------------------------------------------------------------------------------------------------- */
/* EINSTELLUNGEN für HEADER				 																   */
/* ------------------------------------------------------------------------------------------------------- */

/* Einstellungen Global */
.cd-header {									/* */
  position: absolute;							/* */
  z-index: 95;									/* */
  top: 0;										/* */
  left: 0;										/* */
  width: 100%;									/* */
  -webkit-font-smoothing: antialiased;			/* */
  -moz-osx-font-smoothing: grayscale;			/* */
}												/* */
/* */

/* Einstellungen für Bildschirmgröße SMALL (Handy) */
.cd-header {									/* */
  height: 75px;									/*8% */
  background-color: rgba(255, 255, 255, 1);		/* rgba(255, 255, 255, 0.2) = Transparenz */
}												/* */
.cd-header1 {									/* */
  height: 95px;									/*10%*/
  z-index: 90;	
  top: 0;										/* */
  left: 0;										/* */
  width: 100%;									/* */
  background-color: rgba(0, 54, 128, 1);	/* rgba(255, 255, 255, 0.2) = Transparenz     background-color: transparent;*/
}												/* */

/* */

/* Einstellungen für Bildschirmgröße > 1170px (PC)*/
@media only screen and (min-width: 1170px) {	/* */
  .cd-header {									/* */
    height: 125px;								/* 10%; */		
    background-color: rgba(255, 255, 255, 1);	/* rgba(255, 255, 255, 0.2) = Transparenz     background-color: transparent;*/
  }												/* */	
  .cd-header1 {									/* */
  position: absolute;							/* */
  z-index: 90;	
  top: 0;										/* */
  left: 0;										/* */
  width: 100%;									/* */
  height: 150px;								/* 13%; */		
  background-color: rgba(0, 54, 128, 1);	/* rgba(255, 255, 255, 0.2) = Transparenz     background-color: transparent;*/

  -webkit-font-smoothing: antialiased;			/* */
  -moz-osx-font-smoothing: grayscale;			/* */
  }												/* */	
}												/* */
/* */

/* ------------------------------------------------------------------------------------------------------- */
/* EINSTELLUNGEN für LOGO				 																   */
/* ------------------------------------------------------------------------------------------------------- */

/* Einstellungen für Bildschirmgröße SMALL */
#cd-logo {										/* */
	float: left;								/* */
	margin: 30px 5% 0 5%;	  					/* Oben 6% rechts unten links 0 0 0 3%*/
	width: 250px;								/*65% */	
}												/* */
/* */

#cd-logo2 {										/* */
	float: right;								/* */	
	margin: 10px 5% 0 5%;	  					/* Oben 2% rechts unten links 0 0 0 3%*/
	width: 40px;  								/*10% */
}												/* */
/* */

#cd-logo img {									/* */
  display: block;								/* */
}												/* */
/* */

/* Einstellungen für Bildschirmgröße > 768px */
@media only screen and (min-width: 1170px) {		/* */
  #cd-logo {									/* */
    margin: 25px 5% 0 5%;						/* Oben rechts unten links 0 0 0 5%*/
	width: 550px;
  }												/* */
/* */

  #cd-logo2 {									/* */
    margin: 0 5% 0 5%;							/* Oben rechts unten links 0 0 0 5%*/
	width: 300px;								/* */
	color: #003680;
    font-size: 3em;								/* */				
  }  											/* */
}												/* */
/* */