/* =============== kursboxen ============================================================ */
.kursbox_room {
         box-sizing:border-box;;
         background: #FFFFFF;
         border: 1px solid #BFBFBF;

         width: 23%;
         height:auto;
         float:left;
         padding:0.5em 1em 0em 1em;
         margin:1%;
         box-shadow: 10px 10px 10px #f4fbf3;

         }




.kursbox_kurs {
         font-family: 'Roboto', sans-serif;
         font-size:80%;
         font-weight:300;
         letter-spacing:0.05em;
         line-height:100%;
         color:#3F3F3F;
         text-align:center;
         margin-top:5px;
         text-transform:uppercase;
         }

.kursbox_kursnr {
         font-family: 'Prata', serif;
         font-size:300%;

         letter-spacing:0.05em;
         line-height:100%;
         color:#91c214;
         text-align:center;
         margin:0 0 0 0;
         }

.kursbox_datum {
         font-family: 'Prata', serif;
         font-size:180%;
         font-weight:300;
         letter-spacing:0.05em;
         line-height:150%;
         color:#3F3F3F;
         text-align:center;
         margin:0.5em 0 0 0;
         }

.vonbis {
         font-family: 'Prata', serif;
         font-size:50%;
         font-weight:300;
         letter-spacing:0.05em;
         line-height:150%;
         color:#3F3F3F;
         text-align:center
         }

.dauer {
         font-family: 'Roboto', sans-serif;
         font-size:80%;
         font-weight:700;
         letter-spacing:0.05em;
         line-height:150%;
         color:#91c214;
         text-align:center;
         margin:0.4em 0 0.7em 0;
         }

.kursbox_loc {
         font-family: 'Roboto', sans-serif;
         font-size:100%;
         font-weight:300;
         letter-spacing:0.05em;
         line-height:150%;
         color:#3F3F3F;
         text-align:center;
         margin:0.0em 0 0.7em 0;
         }


.kursbox_preis {
         font-family: 'Prata', serif;
         font-size:180%;
         font-weight:300;
         letter-spacing:0.05em;
         line-height:150%;
         color:#91c214;
         text-align:center;
         margin:0.5em 0 0 0;
         }


.kursbox_button {
  height: auto;
  width: 70%;
  border: 1px solid;
  border-radius: 0px;
  border-color:#91c214;
  background-color:#f3ffee;
  margin:2em auto;
  padding:15px 0 15px 0;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;

  font-family: 'Roboto', sans-serif;
         font-size:80%;
         font-weight:300;
         letter-spacing:0.09em;
         line-height:100%;
         color:#3F3F3F;
         text-align:center;

         text-transform:uppercase;
}





.kursbox_button:hover {
  background-color: #93c317;
  border: 1px solid;
  border-color: #8de700;

  -webkit-transition: .2s ease-in-out;
  transition: .5s ease-in-out;
}




@media screen and (max-width:1400px) {
        .kursbox_room {
         width: 31%;
         height:auto;
         float:left;
         padding:0.5em 1em 0em 1em;
         margin:1%;

         box-shadow: 10px 10px 10px #f4fbf3;
         }

         .kursbox_datum {
         font-size:150%;
          }


}



@media screen and (max-width:1100px) {
        .kursbox_room {
         width: 47%;
         height:auto;
         float:left;
         padding:0.5em 1em 0em 1em;
         margin:1%;
         box-shadow: 10px 10px 10px #f4fbf3;
         }

         .kursbox_datum {
         font-size:160%;
          }


}


@media screen and (max-width:720px) {
        .kursbox_room {
         width: 98%;
         height:auto;
         float:left;
         padding:0.5em 1em 0em 1em;
         margin:1%;
         margin-bottom:30px;
         box-shadow: 10px 10px 10px #f4fbf3;
         }

         .kursbox_datum {
         font-size:160%;
          }


}




.colored {
         background: #EFEFEF;

         }












/* ================== FORMULAR ============================== */

/*      Folgendes CSS greift auf Formatierungen bzw. Selektor-Namen zurück, die auf der aktuellen Contao-Website
        verwendet werden. Hier auf der neuen Website nicht verwendetes CSS wurde auskommentiert, nicht aber gelöscht.

*/

form {display:block !important;}

.cr_page{
         margin:0 auto 10px auto;
         border-radius:0px;
         width:70%;
         border:0px solid #2F2F2F;                        /* IDENTIFIZIERUNGSRAHMEN */
         }


@media screen and (max-width:960px) {
        .cr_page {  width: 100%;}

}



.cr_body label
         {
         float:none;
         clear:both;
         display:block;
         width:auto;
         margin-top:8px;
         position:relative;

         }



         /* ===== bisheriger Button Submit

         .cr_button{
         display:inline-block;

         width:100%;
         height:50px;
         background-color:#00BF00;

         font-family: 'Roboto', sans-serif;
         font-size:100%;
         line-height:14%;
         text-decoration:none;
         text-align:center;
         font-weight:600;
         color:#ffffff;
         text-transform:uppercase;

         margin:5px 5px 0 0;
         padding:0 22px;
         vertical-align:top;

         cursor:pointer;
         border:0;
         }

         .cr_button_new:hover,.cr_button_new-small:hover{opacity:0.7;filter:alpha(opacity=70);}

         */




.cr_button_new {
  height: 100px;
  width:  100px;
  border: 0px solid;
  border-radius: 50px;
  border-color:#FFFFFF;
  background-color:#91c214;
  margin:0 auto;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-transition: .3s ease-in-out;
  transition: .2s ease-in-out;
}


.cr_button_new:hover {
  margin-bottom:0px;
  background-color: #91c214;
  border: 0px solid;
  border-color: #8de700;
  transform: scale(1.1);
  -webkit-transition: .3s ease-in-out;
  transition: .2s ease-in-out;
}









.formbox
         {
         color:#009F00;                          /* Name, Anrede, Vorname usw ... green */

         font-family: 'Roboto', sans-serif;
         font-size: 90%;
         font-weight: 300;
         letter-spacing: .03em;
         line-height:150%;


         }

.cr_ipe_item label{
         }                                     /* Name, Anrede, Vorname usw ... green */



.itemname {text-align:center;  }



         /* ===== NICHT VERWENDET

         .cr_ipe_item textarea {
         background: none repeat scroll 0 0 #eeeeee;
         border: 10px solid #aaa;
         font-family: Helvetica;
         font-size: 100%;
         text-align:center;

         }
         ============         */


.cr_ipe_item input {                                   /* texteingaben... hellgruen */
         background: none repeat scroll 0 0 #f3ffee;
         border: 1px solid #aaa;
         padding: 10px;
         font-family: 'Roboto', sans-serif;
         font-size: 150%;
         font-weight:300;
         letter-spacing: .15em;
         color:#005F00;
         text-align:center;

         }

@media screen and (max-width:960px) {
        .cr_ipe_item input { font-size: 110%;}

}



         /*  ======= Frau / Mann ... bisherige Select-Lösung

         .cr_ipe_item select {
         background: none repeat scroll 0 0 #eeeeee;
         border: 1px solid #aaa;
         display: block;
         margin: 0;
         padding: 5px;
         width: 100%;
         font-family: 'Roboto', sans-serif;
         font-size: 120%;
         text-align:center;
         }

         .cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}


         =======         */




.submit_container        {text-align:center}

.cr_ipe_item             {padding:1px 10px; margin:1px 10px; }

.cr_ipe_item.inactive    {display:none;}

.imprint                 {font-size:0.8em;}


.cr_error                {font-size:1.1em;padding:10px;}

.clever_form_error       {background-color:#f99; color:#000; border:1px solid #f22 !important}

.clever_form_note        {margin:26px 0 0 3px;position:absolute;
                         display:inline;
                         padding: 2px 4px;
                         font-weight:bold;
                         background-color:#f2ecb5;
                         color:#000;
                         font-size:12px !important;
                         }

.cr_site                 {background-color:#eee;}

.cr_site a               {color:#0084ff;}

.imprint                 {color:#000;}



input                    {
                         height: 60px;
                         padding: 0 !important;
                         width: 100%;
                         border-radius: 0px;
                         }


         /*
@media screen and (max-width:960px) {
        .input { height: 40px;  border-radius: 20px;}

}         */


/* ----------- RADIO BUTTONS------------------ */
*, *:before, *:after {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         }


.dialogblock {
         margin-left: calc(50% - 18px);
         }

input[type="radio"] {
         display: none;
         }

.vertical {
         display: block;
         position: relative;
         padding-left: 50px;
         margin-bottom: 10px;
         float:none;

         line-height:200%;
         font-family: 'Roboto', sans-serif;
         font-size:120%;
         font-weight:300;
         }




@media all and (max-width: 950px) {
        .vertical         { font-size:90%; line-height:150%;}
         }


.vertical span {
         background: #fff;
         width: 36px;
         height: 36px;
         display: inline-block;
         border: 1px solid #8F8F8F;
         border-radius: 50%;

         position: absolute;
         top: 3px;
         left: 0;

         transition: all .2s linear;
         }

@media all and (max-width: 950px) {
        .vertical span         { width: 36px; height: 36px; top:-7px;}
         }


.vertical:hover span {
         transform:scale(1.1);
         border: 1px solid #91c214;
         box-shadow: inset 0px 0px 0px 5px #fff;
         background-color: #EFEFEF;
         }


input[type="radio"]:checked + span{
         box-shadow: inset 0px 0px 0px 5px #fff;
         background-color: #91c214;
         }






/* Radiobuttons in Tabelle */
.auswahl {
         display: block;
         position: relative;
         padding-left: 50px;
         margin-top: 0px;
         margin-bottom: 10px;
         float:none;
         }

.auswahl span {
         background: #fff;
         width: 36px;
         height: 36px;
         display: inline-block;
         border: 1px solid #8F8F8F;
         border-radius: 50%;

         position: absolute;
         top: 0px;
         left: 0px;

         transition: all .2s linear;
         }

.auswahl:hover span {
         transform:scale(1.1);
         border: 1px solid #91c214;
         box-shadow: inset 0px 0px 0px 5px #fff;
         background-color: #EFEFEF;
         }