/* ======================== */
  /*  NEWSLETTER SUBSCRIBE    */
  /*  MDOULE STYLES           */
  /* ======================== */ 
 
  
  /* === Allgeines Layout === */
  
  /* Headline */
  h2.csc-firstHeader {
	font-size:26px;
 }
 .large h2.csc-firstHeader {
	font-size:53px;
 }
 @media screen and (max-width:1200px) {
	 h2.csc-firstHeader {
	 	font-size:26px;
	 }
	 .large h2.csc-firstHeader {
	 	font-size:35px;
	 }
 }
 @media screen and (max-width:569px) {
	 h2.csc-firstHeader {
	 	font-family: InterstateLight,Arial,Helvetica,sans-serif;
	 	font-weight:200;
	 	font-size:26px;
	 }
 }
 @media screen and (max-width:340px) {
	 h2.csc-firstHeader {
	 	font-size:22px;
	 }
 }
  
  /* Header Visual */
  .subscribe_visual{} 
  .subscribe_visual img {
    width :100%;
    height:auto;
    margin:-20px 0px 0px 0px;
  }
  @media screen and (max-width:569px) {
	  .subscribe_visual img {
	    margin:-10px 0px 0px 0px;
	  }
  }
  /* E-Mail Input Feld */
  .cr_ipe_item input[type="text"],
  .cr_ipe_item input[type="email"] { 
      float : left;
      width:100%;
      height: 30px;   
	  text-indent : 10px;
	  
	  border:1px solid rgb(208,208,208);
	  
    appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .large .cr_ipe_item input[type="text"],
  .large .cr_ipe_item input[type="email"] { 
      width:48%;
      margin-right:2%;
  }
  
  /* Sprachauswahl */
  .nl-select-language {
	width: 100%;
    height: 30px;
    text-indent: 10px;
    color: rgb(85,85,85);
    
    appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0px;
    border:1px solid rgb(208,208,208);
    background-color: rgb(255,255,255);
    background-image: url('select_arrow_down.png');
    background-repeat: no-repeat;
    background-position: 98% center;
    
    cursor: pointer;
  }
  .large .nl-select-language { 
      width:49%;
  }
  
  /* ausgeblendete Input Elemente */
  .inactive { 
    display : none;
  } 
  
  /* Optin/Marketing Checkbox */
  input.cr_ipe_checkbox {
      /*width:30px;
      height: 30px;
      */
      float : left;
      margin: 12px 0px 0px 8px;
      border:1px solid rgb(208,208,208);
   }
  
  /* Optin/Marketing Checkbox Label */
  .optIn_label {
      margin: 0px 0px 0px 30px;
      padding: 10px 0px 0px 0px;
      /* font-size: 10px; */
      /* font-size: 14px; */
      font-size: 11px;
      /*line-height: 11px; */
      /*line-height: 16px; */
      line-height: 11px;
    }
   
  
  .itemname { /* Kein plan was das ist */
      display : none;
   }
  
  /* Submit Container */
  .submit_container {
  	margin-top:10px;
  }
  
  /* Submit-Subscribe Button */
  .cr_button { 
      position:relative;
      margin: 0px 0px 0px 0px;
      padding: 4px 30px 4px 10px;
      color:rgb(255,255,255);
      border:none;
      background:none;
      background-color:rgb(200, 7, 21);
    }
  .cr_button:after {
      content: "\f04b ";
      font-family: fontAwesome;
      position: absolute;
      right: 10px;
      top: 4px;
  } 
  
  /* === ROTER FRAME === */
    
  /* Roter Frame Wrapper - Klasse muss manuell ins html geschrieben werden */
    .csc-frame-frame-red {
       background: none;
       background-color: rgb(200, 7, 21);
      color:rgb(255,255,255);
    }
  
   /* Headlines auf Rot */
	.csc-frame-frame-red h2.csc-firstHeader {
      color : rgb(255,255,255);
 	}
   .csc-frame-frame-red h4 {
      color : rgb(255,255,255);
    }
  
   /* Links auf rot */
   .csc-frame-frame-red a {
      color: rgb(255,255,255);
      text-decoration:underline;
   }
  
   /* Button auf rot */
   .csc-frame-frame-red .cr_button {
      color: rgb(200, 7, 21);
      background-color: rgb(255,255,255);
   }
   .csc-frame-frame-red .cr_button:after {
      color: rgb(200, 7, 21);
  }