/* ======================== */
  /*  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);
  }


  /* ======================== */
  /*  SEITENLEISTEN MODUL     */
  /*  MAIL & IOTBLOG          */
  /* ======================== */ 


.avt-modul {
  position : relative;
  padding: 0px;
}
  @media only screen and (max-width: 1199px) {  
     .avt-modul {
        padding: 10px;
     }
  }
  .avt-modul-newsletter {
    margin-bottom : 15px;
  }
  .avt-modul-iotblog {
    margin-bottom : 0px;
  }
  
  @media only screen and (max-width: 1199px) {  
    .avt-modul-newsletter,
    .avt-modul-iotblog {
      /* height : 205px; */
    }
  }
  
  /* === HEADLINE === */
  .avt-modul__headline-wrapper {
    position : absolute;
    top : 10px; 
    left : 10px;
    z-index : 55;
  }  
    @media only screen and (max-width: 1199px) {
      .avt-modul__headline-wrapper {
        position : relative;
        top : 0px; 
        left : 0px;
      }  
    }
    .avt-modul__headline-wrapper img {
      width : 90%;
      max-width : 90%;
    }
  .avt-modul__headline {
    font-size : 26px;
    font-weight : normal;
  }
  .avt-modul--red .avt-modul__headline {
    color : rgb(255,255,255);
  }
  
  /* === VISUAL === */
  .avt-modul__visual-wrapper {
    position : relative;
    top : 0px; 
    right : 0px;
    padding : 15px 15px 0px 15px;
    z-index : 45;
  }

    .avt-modul-newsletter .avt-modul__visual-wrapper {
        padding : 28px 15px 0px 10px;
    }

    .avt-modul-iotblog .avt-modul__visual-wrapper {
        padding : 15px 15px 0px 10px;
    }

    @media only screen and (max-width: 1199px) { 
      .avt-modul__visual-wrapper,
      .avt-modul-newsletter .avt-modul__visual-wrapper,
      .avt-modul-iotblog .avt-modul__visual-wrapper {
        padding : 0px 15px 0px 0px;
      }  
    }
  .avt-modul__visual {
    width : 100%;
  }
  
  /* === BUTTON === */
  .avt-modul__button-wrapper {
    position : absolute;
    bottom : 0px; 
    right : 10px;
    z-index : 65;
  }
  .avt-modul__button {
    text-decoration : none !important;
  }
  .avt-modul--red .avt-modul__button {
    color : rgb( 200, 7, 21 );
    background-color:rgb( 255, 255, 255 );
  }