body.page-template-tmpl_plugin_klasse .container {
  width: 95%;
  max-width: 95%;
  font-weight: 300;
}
textarea {
  font-weight:300;
}
.rot{color: red;}
.gruen{color: green;}
#plugin_sk_klasse .bgColorSet {
  margin-top: -1px;
  border: 1px solid #dbdbdb;
  background-color: #f7f7f7;
  padding-left: 20px;
  padding-right: 0px;
  margin-bottom: 50px;
}
#plugin_sk_klasse .bestellStepMedienprojekte ul.mptxt {margin-left: 15px;}
#plugin_sk_klasse .bestellStepMedienprojekte .mptxt li {list-style-type: square; list-style-position: inside;}
#plugin_sk_klasse h3, 
#plugin_sk_klasse h4, 
#plugin_sk_klasse .bestellFormDeviceConfText {text-transform:uppercase; font-family:arial;font-size: 18px; margin-top: 10px;}
#plugin_sk_klasse .bestellFormularKlasseArtCheckContainer {margin-top: 10px;}
#plugin_sk_klasse h4 {font-size: 16px;}
#plugin_sk_klasse .bestellFormDeviceConfText{margin-top: 5px; margin-left: 0px;font-size: 16px;font-weight: bold;width:100%; border-bottom: none;}
#plugin_sk_klasse .sk_klasse_liste, 
#plugin_sk_klasse .sk_klasse_auflage{position:relative;}
 form#loginform .forgetmenot {
    font-weight: 400;
    float: left;
    margin-bottom: 0;
}
#plugin_sk_klasse .bestellFormularbestellDatenHeadline {
  height: 30px;
  border-bottom: none;
  position: relative;
  margin-bottom: 5px;
  clear: both;
}
#plugin_sk_klasse .bestellFormPersDataBoxList, #plugin_sk_klasse .bestellFormularStep4List {
  list-style-type: none;
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
#plugin_sk_klasse .bestellFormAnredeList {
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}
#best_ueberpruefung li span.li_ueberpr {
  width: 260px;
  display: block;
  float: left;
}
#plugin_sk_klasse .logout_btn {
    width: auto;
color: #fff;
background-color: #006ab3;
height: 48px;
padding: 10px 20px;
cursor: pointer;
border: none;
border-radius: 2px;
box-sizing: border-box;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
display: inline-block;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
float: right;
    font-size: 20px;
    position:absolute; top: 0px; right: 0px; z-index: 1000;}

#plugin_sk_klasse .sk_klasse_liste {  position: relative; font-size: 15px;}
#plugin_sk_klasse .sk_klasse_liste table {margin-top: 0px; margin-bottom: 0px; margin-top: 5px;border-collapse: collapse;}
#plugin_sk_klasse .sk_klasse_liste .kalender { float:left; height: 350px; margin-right: 9px;margin-left: 2px;min-width:208px;}

#plugin_sk_klasse .sk_klasse_liste .kalender th {background-color:  #e3e3e3; padding: 1px;}
#plugin_sk_klasse .sk_klasse_liste .kalender td {padding: 1px 3px;text-align: center;}
#plugin_sk_klasse .sk_klasse_liste .kalender td.at:hover {background-color: rgba(104, 185, 255, 0.38)    }
#plugin_sk_klasse .sk_klasse_liste .kalender .caption {font-weight: bold; font-size: 17px; background-color: #cccccc; padding-bottom: 2px; text-align:center;}
#plugin_sk_klasse .sk_klasse_liste .kalender .kal_vergang_tag {color: #e3e3e3;}
#plugin_sk_klasse .sk_klasse_liste .kalender .kal_aktueller_tag {color: #006ab3; font-weight: bold;background: #aebedb;}
#plugin_sk_klasse .sk_klasse_liste .kalender .leer {border: none;}
#plugin_sk_klasse .sk_klasse_liste .kalender .wk{ background-color: #f2f2f2;}
#plugin_sk_klasse .sk_klasse_liste .kalender .ft{ background-color: rgba(255, 44, 40, 0.12);}
#plugin_sk_klasse .sk_klasse_liste .kalender .kal_vergang_tag.ft{ background-color: rgba(255, 228, 232, 0.67);}

#plugin_sk_klasse .sk_klasse_liste .bestellanzahl{font-weight:bold;color: dodgerblue;}

#best_digital_dig_u_print, #best_digital_dig, #best_digital_print{display:none;}
#step1, #step2, #step3 {cursor: pointer;}

#plugin_sk_klasse  .sk_klasse_liste table,
#plugin_sk_klasse  .sk_klasse_auflage table{
width: 100%; font-size: 13px;
}
#plugin_sk_klasse  .sk_klasse_liste input[type="checkbox"],
#plugin_sk_klasse  .sk_klasse_auflage input[type="checkbox"]{

    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
     -ms-appearance: checkbox;
     -o-appearance: checkbox;
     border: 0;
}
#plugin_sk_klasse  .sk_klasse_liste table,#plugin_sk_klasse  .sk_klasse_liste td{
padding: 1px 2px 0px 4px;
  border: 1px solid #e7e7e7;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(231, 231, 231);
  border-bottom: 1px solid #a4a4a4;
  border-collapse: collapse;
}
#plugin_sk_klasse .download_excel {padding-bottom: 20px; float:right;}
#plugin_sk_klasse .download_excel img {width: 40px; margin-right: 5px; margin-bottom: 30px; float:left;}
#plugin_sk_klasse .line_erledigt{background-color: rgba(0, 192, 0, 0.16);}
#plugin_sk_klasse .s_von {min-width: 75px;}
#plugin_sk_klasse .s_bis {min-width: 75px;}
#plugin_sk_klasse .s_dauer {min-width: 45px;}
#plugin_sk_klasse .s_menge  {min-width: 50px;}
#plugin_sk_klasse .s_klasse  {min-width: 90px;}
#plugin_sk_klasse .s_vorname  {min-width: 140px;}
#plugin_sk_klasse .s_name  {min-width: 130px;}
#plugin_sk_klasse .s_plz  {min-width: 70px;}
#plugin_sk_klasse .s_erledigt  {min-width: 90px;}
#plugin_sk_klasse .s_werbeakt{min-width: 60px;}
#plugin_sk_klasse .s_status_sap{min-width: 60px;}
#plugin_sk_klasse .s_status_fcms{min-width: 45px;}

#plugin_sk_klasse #tabelle_einstellungen {
  float: left;
  width: 50%;
}
#plugin_sk_klasse .bg_klasse_kita{background-color: rgba(146, 203, 35, 0.82);}
#plugin_sk_klasse #ansprache p {
  padding-bottom: 15px;
  float: left;
  font-size: 16px;
  width:100%;
  text-align:left;

}
#plugin_sk_klasse .row.stickem-container {
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
  text-align: left;
}
#plugin_sk_klasse #img_klasse_projekt_wahl{width: 60%; margin-left:20%; margin-top: 10px;}

#plugin_sk_klasse .bestellFormularArtCheck {
    width: calc(24% - 6px);
}
 
#plugin_sk_klasse #klasse_unterprojekte {margin-bottom: 20px;width:100%; float:left;}
#plugin_sk_klasse #klasse_unterprojekte .up_wahl {
    width: calc(20% - 6px);
    float:left;
    position:relative;
    margin-bottom: 25px;
}
#plugin_sk_klasse #klasse_unterprojekte .up_wahl img{width: 100%;}
#plugin_sk_klasse #klasse_unterprojekte .up_wahl .up_titel{text-align: center;
font-weight:500;
  display: block;
  margin-top: -20px;
  font-size: 20px;
  line-height: 25px;
            float:left;
          width:100%;
}
#plugin_sk_klasse #klasse_unterprojekte .bestellFormularArtCheckerBox_checkbox {margin-top: -70px; margin-left: 50px;
    border-radius: 0px;
    height: 40px;
    width: 40px;
    border: 2px solid #dbdbdb;
    position: relative;
    padding-top: 10px;
    cursor: pointer;
    float:left;
    background-color: #FFFFFF;
}
#plugin_sk_klasse .fakeRadioInner {
    display: none;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-top: -7px;
    margin-left: 3px;
    background-color: #006ab2
}
#plugin_sk_klasse .fakeCheckboxInner {
    display: none;
    width: 30px;
    height: 30px;
    border-radius: 0px;
    margin-top: -7px;
    margin-left: 3px;
    background-color: #006ab2
}
#plugin_sk_klasse #klasse_unterprojekte .produktauswahlCheckbox{}
#plugin_sk_klasse label {width: 300px;}
#plugin_sk_klasse input[type="radio"], 
#plugin_sk_klasse input[type="checkbox"] {
  display: none;
}
#plugin_sk_klasse  .sk_klasse_liste input[type="checkbox"] {display: block;}
#plugin_sk_klasse   input[type="checkbox"].sap_manuell {display: inline; margin-right: 3px;}
#plugin_sk_klasse .bestellFormularStepContainerList li:first-child,
#plugin_sk_klasse .bestellFormularStepContainerList li:nth-child(2),
#plugin_sk_klasse .bestellFormularStepContainerList li:nth-child(3),
#plugin_sk_klasse .bestellFormularStepContainerList li:nth-child(4) {
  width: 25%;
  padding-left: 35px;
  box-sizing: border-box;
}



#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList {
    list-style: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    float:left;
}
#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList li {
    color: #8c8c8c;
    display: inline;
    position: relative;
    float: left;
    clear:both;
    margin-left: 30px;
}
#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList li input[type=radio] {
    position: absolute;
    visibility: hidden
}
#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList li label {
    display: block;
    position: relative;
    padding: 0 11px 3px 19px;
    margin: 7px auto;
    z-index: 99999;
    cursor: pointer;
    -webkit-transition: all .25s linear;
    width: auto;
}
#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList li .check {
    display: block;
    position: absolute;
    border: 2px solid #8c8c8c;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 10px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList li:hover .check {
    border: 2px solid #0f56a5
}

#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList li:hover label {
    color: #0f56a5
}

#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 9px;
    width: 9px;
    top: 1px;
    left: 1px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}

#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList input[type=radio]:checked ~ .check {
    border: 2px solid #0f56a5
}

#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList input[type=radio]:checked ~ .check::before {
    background-color: #0f56a5
}

#plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList input[type=radio]:checked ~ label {
    color: #0f56a5
}
#plugin_sk_klasse .sk_klasse_liste th, #plugin_sk_klasse .sk_klasse_liste td {vertical-align:top;}
#plugin_sk_klasse .sk_klasse_liste th.klasse_zeitung,
#plugin_sk_klasse .sk_klasse_liste td.klasse_zeitung
{background: #e5d38c;}
#plugin_sk_klasse .sk_klasse_liste th.klasse_digital,
#plugin_sk_klasse .sk_klasse_liste td.klasse_digital
{background: #bdf1e2;}
#plugin_sk_klasse .sk_klasse_liste th.klasse_mediatour,
#plugin_sk_klasse .sk_klasse_liste td.klasse_mediatour
{background: #e79f9f;}
#plugin_sk_klasse .sk_klasse_liste th.klasse_wettbewerb,
#plugin_sk_klasse .sk_klasse_liste td.klasse_wettbewerb
{background: #abd0e8;}
#plugin_sk_klasse .sk_klasse_liste th.klasse_workshops,
#plugin_sk_klasse .sk_klasse_liste td.klasse_workshops
{background: #8f95f3;}

#plugin_sk_klasse #li_wettbewerb_plakat_gestalten,
#plugin_sk_klasse #li_wettbewerb_video_erstellen {display:none;}
#plugin_sk_klasse .klasse_zeitung_lieferung_icon {float:left; width: 100px;}
#plugin_sk_klasse .klasse_zeitung_lieferung_icon img {width: 100%;}
#plugin_sk_klasse .klasse_zeitung_lieferung_form {float:left;}
#plugin_sk_klasse #klasse_zeitung_lieferung{display:none;float:left; width:100%;}
#plugin_sk_klasse #klasse_zeitung_lieferung label{width:100%;}
#plugin_sk_klasse #best_klasse_zeitung{display:none;}
#plugin_sk_klasse .best_up_list {float:left; clear:both;}
#plugin_sk_klasse .best_up_list img {width: 30px; float:left;margin-right: 10px;margin-top:-4px;}
#plugin_sk_klasse .best_up_list_details {clear:both; float:left; margin-left:40px;}
#plugin_sk_klasse .best_up_list_details .li_zeitung_print, 
#plugin_sk_klasse .best_up_list_details .li_wettbewerb, 
#plugin_sk_klasse .best_up_list_details .li_workshop {display:none;}
#plugin_sk_klasse .best_up_list_details li {list-style-type: square;}
#plugin_sk_klasse .best_up_list_details #best_digital{width:auto;}
#plugin_sk_klasse #best_medienprojekt{margin-bottom: 30px; width:auto;}

#plugin_sk_klasse .up_wahl {display:none; }
#plugin_sk_klasse  #button_mp_weiter_zu_step2{display:none;}
#plugin_sk_klasse  .hinweis_medienprojekt{display:none;}
#plugin_sk_klasse .medienprojekt_icon {float:left; display:block; width: 130px; margin:0px 10px 0 0;}
#plugin_sk_klasse .medienprojekt_icon img {width: 100%;}
#plugin_sk_klasse .medienprojekt_inhalt{float:left;width: calc(100% - 141px)}
#plugin_sk_klasse .bestellStepMedienprojekte {display: none; border: 1px solid #006ab2; float:left;  padding: 10px; border-radius: 5px;margin-bottom: 5px; margin-top: 5px;}
#plugin_sk_klasse .bestellFormularbestellBeschreibung {float:left; background-color: rgba(128, 128, 128, 0.15); padding: 0 10px 0 10px; border-bottom: 1px solid #b7b7b2;border-top: 1px solid #b7b7b2;}
#plugin_sk_klasse .bestellFormularProjektCheck, .bestellFormularArtCheck {
  background-color: #fff;
  width: calc(50% - 8px);
  float: left;
  margin: 1px 15px 20px 0;
  cursor: pointer;
}

#plugin_sk_klasse .nopadding_rl {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
#plugin_sk_klasse #klasse_unterprojekte #up_tmp_klasse_kita.up_wahl{width:100%; padding: 20px;}

#plugin_sk_klasse .form_label_oben,
#plugin_sk_klasse label {
  font-size: 14px;
}
#plugin_sk_klasse .bestellFormularProjektCheckLeft, 
#plugin_sk_klasse .bestellFormularArtCheckLeft, 
#plugin_sk_klasse .bestellFormularDigitalButtonLeft {
  width: 70%;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  padding: 30px 0 0 20px;
  min-height: 144px;
}
.imgiconklasse_zeitung_kita {display:none;}











/*einspaltig*/
/*@media only screen and  (max-width : 479px){*/
@media only screen and  (max-width : 670px){
        #plugin_sk_klasse h1{margin: 0px 0 0px 0;}
        #plugin_sk_klasse h3, #plugin_sk_klasse h4{font-size:14px;padding-top: 0px;text-align:center;}
         .active { z-index: auto;}
        .bestellFormularStepArrowActive::before, .bestellFormularStepArrowActive::after {z-index: auto;}
        .container { max-width: 95%;}
      /*     main{background-color: blue; }*/
         #plugin_sk_klasse  .fakeRadioInner {  margin-top: -12px;  margin-left: -2px;}
         #plugin_sk_klasse .bestellFormularStepContainerRight{display:none;}
         #plugin_sk_klasse .bestellFormularArtCheck {  width: calc(50% - 6px); margin-right: 5px;margin-bottom: 5px;}
         #plugin_sk_klasse .bestellFormularProjektCheckerBox, 
         #plugin_sk_klasse .bestellFormularArtCheckerBox, 
         #plugin_sk_klasse .bestellFormularDigitalButtonBox 
                  {margin-top:15px;height:30px;width:30px;}
         #plugin_sk_klasse .bestellFormularProjektCheckLeft, 
         #plugin_sk_klasse .bestellFormularArtCheckLeft, 
         #plugin_sk_klasse .bestellFormularDigitalButtonLeft {
          width: 70%;
          padding: 5px 0 0 20px;
          min-height:62px;}
          #plugin_sk_klasse .bestellFormularArtCheckLeft{padding-top:10px;}
          #plugin_sk_klasse .bestellFormularProjektCheckText, .bestellFormularArtCheckText {font-size:12px;line-height: 14px;}
          #plugin_sk_klasse .bgColorSet{padding-left:5px;margin-bottom:10px;}
        #plugin_sk_klasse #ansprache {line-height:14px;}
        .box {margin-bottom: 5px;}
        .skLogo{margin-top:5px;}
        #plugin_sk_klasse #ansprache p {
          padding-bottom: 10px;
          font-size: 14px;
        }
        #plugin_sk_klasse .bestellFormularStepContainerList {margin-top:10px;}
        #plugin_sk_klasse .row{padding-bottom:10px;}
        #plugin_sk_klasse  #klasse_unterprojekte .up_wahl {  width: calc(32% - 0px); margin: 0 3px 10px 0px;}
        #plugin_sk_klasse #klasse_unterprojekte .bestellFormularArtCheckerBox_checkbox {
          margin-top: -50px;
          margin-left: 75px;
          height: 30px;
          width: 30px;
        }
        #plugin_sk_klasse .fakeCheckboxInner {
          width: 20px;
          height: 20px;
          margin-top: -7px;
          margin-left: 3px;
        }
        #plugin_sk_klasse #klasse_unterprojekte .up_wahl .up_titel {
          margin-top: -10px;
          font-size: 12px;
          line-height: 13px;
        }
        #plugin_sk_klasse .medienprojekt_inhalt{float:left;width: 100%;font-size:14px;}
        #plugin_sk_klasse .medienprojekt_icon {
          width: 60px;
          margin: 0px 10px 0 0;
                    position: absolute;
          left: 0px;
          top: 0px;
        }
        #plugin_sk_klasse .medienprojekt_inhalt .bestellFormularbestellDatenHeadline .bestellFormDeviceConfText {
              margin-left: 55px;
              font-size: 13px;
              height: 45px;
               width: calc(100% - 55px);
        }
       
        #plugin_sk_klasse #button_mp_weiter_zu_step2 {width:98%;}
        #plugin_sk_klasse #button_zurueck_zu_step1,
        #plugin_sk_klasse #button_zurueck_zu_step2,
        #plugin_sk_klasse #button_weiter_zu_step3,
        #plugin_sk_klasse #button_korrigieren,
        #plugin_sk_klasse #button_absenden,
        #plugin_sk_klasse #button_weiter_zu_step4{width:48%;margin-left:2px; margin-right:2px;font-size: 12px;line-height:12px;}
        #plugin_sk_klasse  .bestellFormularBtnEndeStep { margin-right: 0px; margin-left:0px;}
        #plugin_sk_klasse label { width:45%;}
        #plugin_sk_klasse .bestellFormPersDataSingle, #plugin_sk_klasse .bestellFormPersDataSingleSmall {width:98%;}
        #plugin_sk_klasse #block_lehrer_angaben .bestellFormDeviceConfText, 
        #plugin_sk_klasse .bestellFormularbestellDatenHeadline  .bestellFormDeviceConfText {margin-left:10px;width:70%;}
        #plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList li label {margin-bottom:2px; margin-top:2px;padding-top:7px;}
        #plugin_sk_klasse .bestellStepMedienprojekte .bestellFormMpList{line-height:18px;}

}
/*@media only screen and (min-width : 480px) and  (max-width : 767px){*/
@media only screen and (min-width : 670px) and  (max-width : 991px){
.bestellFormularStepArrowActive::before, .bestellFormularStepArrowActive::after {z-index: auto;}
.container { max-width: 95%;}
 .active { z-index: auto;}
  .bestellFormularStepContainerList li:first-child, 
  .bestellFormularStepContainerList li:nth-child(2), 
  .bestellFormularStepContainerList li:nth-child(3), 
  .bestellFormularStepContainerList li:nth-child(4) {
     padding-left: 27px;
 }
 .bestellFormularStepContainerRight {width: 60%; margin-top: 0px;font-size: 14px;margin: 5px 0 0 3px; overflow-wrap: break-word;}
 #step1 .bestellFormularStepContainerRight ,  #step2 .bestellFormularStepContainerRight{ margin-top: 15px; }
 #step4 .bestellFormularStepContainerRight { margin-top: 5px; }
 .bestellFormularArtCheckLeft { padding-left: 30px; width: 75%;}
 .bestellFormularArtCheckText {font-size: 20px; }
 .bestellFormularArtCheck { width: calc(100% - 8px);}
 .bestellFormularStepContainerLeft {width: 25px;margin-top: 9px;}
#plugin_sk_klasse .medienprojekt_inhalt{float:left;width: 100%;font-size:14px;}
 #bestellFormularStepContainerLeftIconStep1, #bestellFormularStepContainerLeftIconStep2, #bestellFormularStepContainerLeftIconStep3, #bestellFormularStepContainerLeftIconStep4 {

    padding: 7px;
    height: 25px;
    border-radius: 30px;
    line-height: 7px;
    width: 25px;
     font-size: 14px;

}
   /*main{background-color: green;}*/

        #plugin_sk_klasse h1{margin: 0px 0 0px 0;}
        #plugin_sk_klasse h3, #plugin_sk_klasse h4{font-size:14px;padding-top: 0px;text-align:center;}

         #plugin_sk_klasse  .fakeRadioInner {  margin-top: -12px;  margin-left: -2px;}
         #plugin_sk_klasse .bestellFormularStepContainerRight{font-size:12px;}
         
         #plugin_sk_klasse .bestellFormularArtCheck {  width: calc(50% - 6px); margin-right: 5px;margin-bottom: 5px;}
         #plugin_sk_klasse .bestellFormularProjektCheckerBox, 
         #plugin_sk_klasse .bestellFormularArtCheckerBox, 
         #plugin_sk_klasse .bestellFormularDigitalButtonBox 
                  {margin-top:16px;height:30px;width:30px;}
         #plugin_sk_klasse .bestellFormularProjektCheckLeft, 
         #plugin_sk_klasse .bestellFormularArtCheckLeft, 
         #plugin_sk_klasse .bestellFormularDigitalButtonLeft {
          width: 70%;
          padding: 5px 0 0 20px;
          min-height:62px;}
          #plugin_sk_klasse .bestellFormularArtCheckLeft{padding-top:10px;}
          #plugin_sk_klasse .bestellFormularProjektCheckText, .bestellFormularArtCheckText {font-size:12px;line-height: 14px;}
          #plugin_sk_klasse .bgColorSet{padding-left:5px;margin-bottom:10px;}
        #plugin_sk_klasse #ansprache {line-height:14px;}
        .box {margin-bottom: 5px;}
        .skLogo{margin-top:5px;}
        #plugin_sk_klasse #ansprache p {
          padding-bottom: 10px;
          font-size: 14px;
        }
        #plugin_sk_klasse .bestellFormularStepContainerList {margin-top:10px;}
        #plugin_sk_klasse .row{padding-bottom:10px;}
        #plugin_sk_klasse  #klasse_unterprojekte .up_wahl {  width: calc(19% - 0px); margin: 0 3px 10px 0px;}
        #plugin_sk_klasse #klasse_unterprojekte .bestellFormularArtCheckerBox_checkbox {
          margin-top: -50px;
          margin-left: 75px;
          height: 30px;
          width: 30px;
        }
        #plugin_sk_klasse .fakeCheckboxInner {
          width: 20px;
          height: 20px;
          margin-top: -7px;
          margin-left: 3px;
        }
        #plugin_sk_klasse #klasse_unterprojekte .up_wahl .up_titel {
          margin-top: -10px;
          font-size: 12px;
          line-height: 13px;

        }
        #plugin_sk_klasse .medienprojekt_icon {
          width: 60px;
          margin: 0px 10px 0 0;
                    position: absolute;
          left: 0px;
          top: 0px;
        }
        #plugin_sk_klasse .medienprojekt_inhalt .bestellFormularbestellDatenHeadline .bestellFormDeviceConfText {
              margin-left: 55px;
              font-size: 13px;
              height: 50px;
               width: calc(100% - 55px);
        }
       
        #plugin_sk_klasse #button_mp_weiter_zu_step2 {width:98%;}
        #plugin_sk_klasse #button_zurueck_zu_step1,
        #plugin_sk_klasse #button_zurueck_zu_step2,
        #plugin_sk_klasse #button_weiter_zu_step3,
        #plugin_sk_klasse #button_korrigieren,
        #plugin_sk_klasse #button_absenden,
        #plugin_sk_klasse #button_weiter_zu_step4{width:48%;margin-left:2px; margin-right:2px;font-size: 12px;line-height:12px;}
        #plugin_sk_klasse  .bestellFormularBtnEndeStep { margin-right: 0px; margin-left:0px;}
        #plugin_sk_klasse label { width:45%;}
        #plugin_sk_klasse .bestellFormPersDataSingle, #plugin_sk_klasse .bestellFormPersDataSingleSmall {width:98%;}
        #plugin_sk_klasse #block_lehrer_angaben .bestellFormDeviceConfText, 
        #plugin_sk_klasse .bestellFormularbestellDatenHeadline  .bestellFormDeviceConfText {margin-left:10px;width:70%;}
}

/* mehrspaltig */
/*
@media only screen and (min-width : 768px) and  (max-width : 991px){
.bestellFormularStepArrowActive::before, .bestellFormularStepArrowActive::after {z-index: auto;}
 .active { z-index: auto;}
 .bestellFormularStepContainerList li:first-child, .bestellFormularStepContainerList li:nth-child(2), .bestellFormularStepContainerList li:nth-child(3), .bestellFormularStepContainerList li:nth-child(4) {
     padding-left: 27px;
 }

 #step1 .bestellFormularStepContainerRight { margin-top: 10px;}
 .bestellFormularArtCheckLeft { padding-left: 30px; width: 75%;}

 main{background-color: orange;}
 
 #plugin_sk_klasse h1{margin: 0px 0 0px 0;}
        #plugin_sk_klasse h3, #plugin_sk_klasse h4{font-size:14px;padding-top: 0px;text-align:center;}

         
         #plugin_sk_klasse .bestellFormularStepContainerRight{font-size:12px;}
         #plugin_sk_klasse .bestellFormularArtCheck {  width: calc(50% - 6px); margin-right: 5px;margin-bottom: 5px;}
         #plugin_sk_klasse .bestellFormularProjektCheckerBox, 
         #plugin_sk_klasse .bestellFormularArtCheckerBox, 
         #plugin_sk_klasse .bestellFormularDigitalButtonBox 
                  {margin-top:26px;}
         #plugin_sk_klasse .bestellFormularProjektCheckLeft, 
         #plugin_sk_klasse .bestellFormularArtCheckLeft, 
         #plugin_sk_klasse .bestellFormularDigitalButtonLeft {
          width: 70%;
          padding: 5px 0 0 20px;
          min-height:62px;}
          #plugin_sk_klasse .bestellFormularArtCheckLeft{padding-top:10px;}
          #plugin_sk_klasse .bestellFormularProjektCheckText, .bestellFormularArtCheckText {line-height: 14px;}
          #plugin_sk_klasse .bgColorSet{padding-left:5px;margin-bottom:10px;}
        #plugin_sk_klasse #ansprache {line-height:14px;}
        .box {margin-bottom: 5px;}
        .skLogo{margin-top:5px;}
        #plugin_sk_klasse #ansprache p {
          padding-bottom: 10px;
          font-size: 14px;
        }
        #plugin_sk_klasse .bestellFormularStepContainerList {margin-top:10px;}
        #plugin_sk_klasse .row{padding-bottom:10px;}
        #plugin_sk_klasse  #klasse_unterprojekte .up_wahl {  width: calc(19% - 0px); margin: 0 3px 10px 0px;}
        #plugin_sk_klasse #klasse_unterprojekte .bestellFormularArtCheckerBox_checkbox {
          margin-top: -60px;
          margin-left: 105px;
        }
        #plugin_sk_klasse .fakeCheckboxInner {
          margin-top: -7px;
          margin-left: 3px;
        }
        #plugin_sk_klasse #klasse_unterprojekte .up_wahl .up_titel {
          margin-top: -10px;
          font-size: 15px;
          line-height: 13px;
        }


       
        #plugin_sk_klasse #button_mp_weiter_zu_step2 {width:98%;}
        #plugin_sk_klasse #button_zurueck_zu_step1,
        #plugin_sk_klasse #button_zurueck_zu_step2,
        #plugin_sk_klasse #button_weiter_zu_step3,
        #plugin_sk_klasse #button_korrigieren,
        #plugin_sk_klasse #button_absenden,
        #plugin_sk_klasse #button_weiter_zu_step4{width:48%;margin-left:2px; margin-right:2px;}
        #plugin_sk_klasse  .bestellFormularBtnEndeStep { margin-right: 0px; margin-left:0px;}
        #plugin_sk_klasse label { width:45%;}
        #plugin_sk_klasse .bestellFormPersDataSingle, #plugin_sk_klasse .bestellFormPersDataSingleSmall {width:98%;}
        #plugin_sk_klasse #block_lehrer_angaben .bestellFormDeviceConfText, 
        #plugin_sk_klasse .bestellFormularbestellDatenHeadline  .bestellFormDeviceConfText {margin-left:10px;width:70%;}

}
*/
/*@media only screen and (min-width : 992px) and  (max-width : 1200px){*/
@media only screen and (min-width : 992px) and  (max-width : 1266px){

.bestellFormularStepArrowActive::before, .bestellFormularStepArrowActive::after {z-index: auto;}
    .active { z-index: auto;}
   /* main{background-color: #a52a2a;}*/
#plugin_sk_klasse h1{margin: 0px 0 0px 0;}
        #plugin_sk_klasse h3, #plugin_sk_klasse h4{font-size:14px;padding-top: 0px;text-align:center;}

         #plugin_sk_klasse .bestellFormularArtCheck {  width: 24%;}
         #plugin_sk_klasse .bestellFormularStepContainerRight{font-size:17px;width:123px;}
         #plugin_sk_klasse .bestellFormularArtCheck {   margin-right: 5px;margin-bottom: 5px;}
          #plugin_sk_klasse .bestellFormularProjektCheckText, .bestellFormularArtCheckText {line-height: 16px; font-size:16px;}
          #plugin_sk_klasse .bgColorSet{padding-left:5px;margin-bottom:10px;}
          #plugin_sk_klasse .bestellFormularProjektCheckLeft, 
          #plugin_sk_klasse .bestellFormularArtCheckLeft, 
          #plugin_sk_klasse .bestellFormularDigitalButtonLeft {
  padding-left: 30px;
  }
        #plugin_sk_klasse #ansprache {line-height:14px;}
        .box {margin-bottom: 5px;}
        .skLogo{margin-top:5px;}
        #plugin_sk_klasse #ansprache p {
          padding-bottom: 10px;
          font-size: 14px;
        }
        #plugin_sk_klasse .bestellFormularStepContainerList {margin-top:10px;}
        #plugin_sk_klasse .row{padding-bottom:10px;}
        #plugin_sk_klasse  #klasse_unterprojekte .up_wahl {  width: calc(19% - 0px); margin: 0 3px 10px 0px;}
        #plugin_sk_klasse #klasse_unterprojekte .bestellFormularArtCheckerBox_checkbox {
          margin-top: -60px;
          margin-left: 105px;
        }
        #plugin_sk_klasse .fakeCheckboxInner {
          margin-top: -7px;
          margin-left: 3px;
        }
        #plugin_sk_klasse #klasse_unterprojekte .up_wahl .up_titel {
          margin-top: -10px;
          font-size: 15px;
          line-height: 13px;
        }


       
        #plugin_sk_klasse #button_mp_weiter_zu_step2 {width:98%;}
        #plugin_sk_klasse #button_zurueck_zu_step1,
        #plugin_sk_klasse #button_zurueck_zu_step2,
        #plugin_sk_klasse #button_weiter_zu_step3,
        #plugin_sk_klasse #button_korrigieren,
        #plugin_sk_klasse #button_absenden,
        #plugin_sk_klasse #button_weiter_zu_step4{width:48%;margin-left:2px; margin-right:2px;}
        #plugin_sk_klasse  .bestellFormularBtnEndeStep { margin-right: 0px; margin-left:0px;}
        #plugin_sk_klasse label { width:45%;}
        #plugin_sk_klasse .bestellFormPersDataSingle, #plugin_sk_klasse .bestellFormPersDataSingleSmall {width:98%;}
        #plugin_sk_klasse #block_lehrer_angaben .bestellFormDeviceConfText, 
        #plugin_sk_klasse .bestellFormularbestellDatenHeadline  .bestellFormDeviceConfText {margin-left:10px;width:70%;}

}
/*@media only screen and (min-width : 992px) and  (max-width : 1200px){*/
@media only screen and (min-width : 1266px) and  (max-width : 1564px){

.bestellFormularStepArrowActive::before, .bestellFormularStepArrowActive::after {z-index: auto;}
    .active { z-index: auto;}
  /*  main{background-color: #95e0c3;}*/
    
    
 
}
/*@media only screen and (min-width : 1200px) */
@media only screen and (min-width : 1565px) {

.bestellFormularStepArrowActive::before, .bestellFormularStepArrowActive::after {z-index: auto;}
    .active { z-index: auto;}
  /*  main{background-color: rgba(238, 211, 215, 0.69);}*/
}