.form_formframework .cd-items,
.form_formframework .stuff {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
    /* articles */
    .form_formframework .cd-items > div,
    .form_formframework .stuff > div {
        margin-bottom: 70px;
    }
    .form_formframework .cd-items > div {
        width: 275px;
    }
    .form_formframework .stuff > div {
        width: 420px;
    }
    .form_formframework .cd-items > div::before,
    .form_formframework .stuff > div::before {
        content: '';
        display: block;
        aspect-ratio: 300 / 270;
        background-position: top;
        background-repeat: no-repeat;
        box-shadow: 0 0 5px rgba(0, 0, 0, .8);
    }
    .form_formframework .cd-items > div::before {
        width: 275px;
        background-size: 275px auto;
    }
    .form_formframework .stuff > div::before {
        width: 300px;
        background-size: 300px auto;
        margin-right: auto;
        margin-left: auto;
    }
    .form_formframework .cd-items > div.cd-das-beste-und-viel-neues::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/das_beste_und_viel_neues.jpg);
    }
    .form_formframework .cd-items > div.cd-20-jahre-sieben-suenden::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/die_party_geht_weiter.jpg);
    }
    .form_formframework .cd-items > div.cd-lieder-fuers-herz::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/lieder-fuers-herz.jpg);
    }
    .form_formframework .cd-items > div.cd-jubilaeumsalbum-30-jahre::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/30-jahre-marc-pircher.jpg);
    }
    .form_formframework .cd-items > div.cd-die-herzen-zum-himmel::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/die-herzen-zum-himmel.jpg);
    }
    .form_formframework .cd-items > div.cd-hoerst-du-mein-herz::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/hoerst-du-mein-herz.jpg);
    }
    .form_formframework .cd-items > div.cd-laut-und-leise::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/laut-leise-front.jpg);
    }
    .form_formframework .cd-items > div.cd-zillertaler-weihnacht-vol-2::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/zillertaler-weihnacht-vol2.jpg);
    }
    .form_formframework .cd-items > div.cd-warum-gerade-ich::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/warum-gerade-ich.jpg);
    }
    .form_formframework .cd-items > div.cd-live-in-wien::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/live-in-wien.jpg);
    }
    .form_formframework .cd-items > div.cd-leider-zu-gefaehrlich::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/leider-zu-gefaehrlich.jpg);
    }
    .form_formframework .cd-items > div.cd-zillertaler-weihnacht::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/zillertaler-weihnacht.jpg);
    }
    .form_formframework .cd-items > div.cd-frauensache::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/frauensache.jpg);
    }
    .form_formframework .cd-items > div.cd-alles-wird-gut::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/alles-wird-gut.jpg);
    }
    .form_formframework .cd-items > div.cd-20-jahre-vollgas::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/20_jahre_vollgas.jpg);
    }
    .form_formframework .cd-items > div.cd-20-jahre-marc-pircher::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/20_jahre_marc_pircher.jpg);
    }
    .form_formframework .cd-items > div.cd-lady-unbekannt::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/Marc.Cover.2011.jpg);
    }
    .form_formframework .cd-items > div.cd-mehr-als-7-suenden::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/mehr_als_sieben_suenden.jpg);
    }
    .form_formframework .cd-items > div.cd-wer-wenn-nicht-du::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/wer_wenn_nicht_du.jpg);
    }
    .form_formframework .cd-items > div.cd-sternenstaub::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/sternenstaub.jpg);
    }
    .form_formframework .cd-items > div.cd-durch-die-nacht-nur-mit-dir::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/durch_die_nacht_nur_mit_dir.jpg);
    }
    .form_formframework .cd-items > div.cd-du-bist-eine-suende-wert::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/du_bist_eine_suende_wert.jpg);
    }
    .form_formframework .cd-items > div.cd-ich-war-nie-ein-casanova::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/ich_war_nie_ein_casanova.jpg);
    }
    .form_formframework .cd-items > div.cd-zum-nordpol-und-zurueck::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/zum_nordpol_und_zurueck.jpg);
    }
    .form_formframework .cd-items > div.cd-sieben-suenden::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/sieben_suenden.jpg);
    }
    .form_formframework .stuff > div.buch-vom-zillertal-ins-scheinwerferlicht::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/buch_vom_zillertal_ins_schweinwerferlicht.jpg);
    }
    .form_formframework .stuff > div.notenalbum-fuer-keyboard-akkordeon::before {
        background-image: url(https://www.marcpircher.at/fileadmin/user_upload/Shop/notenalbum.jpg);
    }
    /* ++++++++ */
    /* contact */
    .form_formframework .contact > div {
        margin-bottom: 4px;
    }
    .form_formframework .contact .form-group {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
        .form_formframework .contact .form-group label {
            width: 60%;
        }
        .form_formframework .contact .form-group > div {
            width: 40%;
        }
    /* +++++++ */
    .form_formframework .cd-items > div label,
    .form_formframework .stuff > div label,
    .form_formframework .contact > div label {
        display: block;
    }
    .form_formframework .cd-items > div label,
    .form_formframework .stuff > div label {
        line-height: 30px;
        font-weight: 700;
        text-align: center;
        margin: 15px 0;
    }
    .form_formframework .contact > div label {
        line-height: 40px;
    }
    .form_formframework .cd-items > div .input,
    .form_formframework .stuff > div .input {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 4px;
    }
        .form_formframework .cd-items > div input,
        .form_formframework .stuff > div input {
            width: 40px;
        }
    .form_formframework input,
    .form_formframework select,
    .form_formframework textarea,
    .form_formframework button {
        display: block;
        width: 100%;
        height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 1px solid #727272;
        font-family: "Arvo", serif;
        font-size: 18px;
        font-weight: 400;
        color: #727272;
        padding: 0 5px;
    }
    .form_formframework .cd-items input,
    .form_formframework .stuff input {
        width: 40px;
    }
    .form_formframework textarea {
        resize: none;
        height: 122px;
        line-height: 40px;
    }
    .form_formframework button {
        color: #FFF;
        width: 40%;
        margin-left: 60%;
        cursor: pointer;
        background: #4B4F60;
    }
/* ARTIKEL */
/*.cd-wrap,.stuff-wrap {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }*/
    /*.cd-wrap .cd-item,.stuff-wrap .stuff-item {
      width:275px;
      margin-bottom:70px;
      text-align:center;
    }*/
      /*.cd-wrap .cd-item.cd-item-2er {
          display:flex;
          justify-content:space-between;
          align-items:flex-start;
          flex-wrap:wrap;
          width:612.5px;
      }
      .cd-wrap .cd-item.cd-item-2er > div {
          width:100%;
      }*/
    /*stuff-wrap .stuff-item {
      width:420px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      align-items:stretch;
    }
      .cd-wrap .cd-item img,.stuff-wrap .stuff-item img {
        width:100%;
        height:auto;
        box-shadow:0px 0px 5px rgba(0,0,0,0.8);
      }
          .cd-wrap .cd-item.cd-item-2er img {
              width:275px;
          }*/
      /*.stuff-wrap .stuff-item img {
        width:auto;
        height:auto;
      }*/
      /*.cd-wrap .cd-item .cd-title,.stuff-wrap .stuff-item .stuff-title {
        display:block;
        line-height:30px;
        font-weight:700;
        margin:15px 0;
      }*/
        .stuff-wrap .stuff-item .stuff-title span {
          font-size:14px;
          font-weight:400;
        }
      /*.cd-wrap .cd-item input[type=text],.stuff-wrap .stuff-item input[type=text] {
        display:inline-block;
        height:40px;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        border-radius:0;
        border:1px solid #727272;
        width:40px;
        font-family:"Arvo", serif;
        font-size:18px;
        font-weight:400;
        color:#727272;
        padding:0 5px;
      }*/
  /* ####### */
  
  
  /* FORMHANDLER */
  #main .csc-mailform-field {
    margin-bottom:4px;
  }
    #main .csc-mailform-field label {
      float:left;
      line-height:40px;
      width:60%;
    }
    #main .csc-mailform-field input,
    #main .csc-mailform-field select,
    #main .csc-mailform-field textarea {
      float:left;
      width:40%;
      height:40px;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
      border-radius:0;
      border:1px solid #727272;
      font-family:"Arvo", serif;
      font-size:18px;
      font-weight:400;
      color:#727272;
      padding:0 5px;
      background:#FFF;
    }
    #main .csc-mailform-field select {
      background:#FFF url(select.png) right 50% no-repeat;
    }
    #main .csc-mailform-field textarea {
      height:auto;
      line-height:40px;
    }
    #main #formhandler-contact-form input[type=submit] {
      height:40px;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
      border-radius:0;
      border:1px solid #727272;
      font-family:"Arvo", serif;
      font-size:18px;
      font-weight:400;
      color:#FFF;
      width:40%;
      margin-left:60%;
      cursor:pointer;
      background:#4B4F60;
      transition:all 0.3s linear 0s;
    }
    /*#main #formhandler-contact-form input[type=submit]:hover {
      background:#4D567B;
    }*/
    
  /*#main .csc-mailform-field-honeypot {
    display:none;
  }*/
  /* ########### */
  
  
  /* ERROR */
  /*#main #formhandler-contact-form .csc-mailform-field a {
    text-decoration:none;
  }
  #main #formhandler-contact-form .csc-mailform-field span.error {
    display:block;
    line-height:24px;
    background:#F00;
    margin-left:60%;
    color:#FFF;
    text-align:center;
  }*/
  /* ##### */
  
  
  /* ###################################################################################################### */
  /* ###################################################################################################### */
  /* ###################################################################################################### */
  /* ###################################################################################################### */
  /* ###################################################################################################### */
  /* responsive Seetings */
  
  
  @media only screen and (max-width: 1000px) {
      
      
  /* ARTIKEL */
  .cd-wrap .cd-item.cd-item-2er {
      width:calc(550px + (((100vw * .9) - 825px) / 2));
  }
  /* ####### */
      
      
  }
  
  
  @media only screen and (max-width: 800px) {
  
  
  /* ARTIKEL */
  .cd-wrap .cd-item,.stuff-wrap .stuff-item {
    width:40%;
  }
  .cd-wrap .cd-item.cd-item-2er {
      width:100%;
  }
  .stuff-wrap .stuff-item img {
    width:100%;
    height:auto;
  }
      .cd-wrap .cd-item.cd-item-2er img {
          width:40%;
      }
  /* ####### */
  
  
  }
  
  
  @media only screen and (max-width: 600px) {
  }
  
  
  @media only screen and (max-width: 400px) {
  }