/*############################################
################# Sprshop ####################
##############################################*/
.tx-sprshop {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.tx-sprshop .course-main-inner-wrapper {
    background-color : #d9ece5;
    /*padding: 15px;*/
}
.tx-sprshop .course-main-inner-wrapper .upper-wrapper {
    padding: 15px 15px 10px;
  	word-break: break-word;
}
.tx-sprshop .course-main-inner-wrapper .upper-wrapper .cts-text p {
    margin-bottom: 0;
}
.tx-sprshop .cts-coursename {
    font-family: 'Helvetica Neue LT Std';
    color: #007f54;
	font-size: 16px;
    padding: 0px 0 10px 0;
}
.tx-sprshop .cts-tagline {
    
    color: #007f54;
}
.tx-sprshop .cts-coursedate {
    font-family: 'Helvetica Neue LT Std';
    color: #007f54;
}
.tx-sprshop .cts-courseprice {
    font-family: 'Helvetica Neue LT Std';
    color: #007f54;
	float: right;
}
.tx-sprshop .first-wrapper {
    display: flex;
    justify-content: space-between;
}
/*.tx-sprshop .second-wrapper {
    display: flex;
    justify-content: space-between;
}*/
.tx-sprshop .cts-text p{
    margin-top: 10px;
    color: #007f54;
}
.tx-sprshop input[type='text'] , .tx-sprshop input[type='email']{
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #6a6a69;
    height: 40px;
    padding-left: 15px;
}
.tx-sprshop input:focus {
    outline: unset;
}
.tx-sprshop input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6a6a69;
    opacity: 1; /* Firefox */
}

.tx-sprshop input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #6a6a69;
}

.tx-sprshop input::-ms-input-placeholder { /* Microsoft Edge */
    color: #6a6a69;
}
.mb-2 {
	margin:0 0 2em 0;
}

.mtb-2 {
	margin:2em 0;
}
.tx-sprshop .innet-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top:-2em;
}
.tx-sprshop .innet-footer label {
    border: 1px solid #6a6a69;
    padding: 15px;
    width: 25%;
    margin: 0 10px;
    display: flex;
    justify-content: space-between;
}
.tx-sprshop input[type="submit"] {
    display: block;
    width: 25%;
    background-color: #007f54;
    border: unset;
    height: 50px;
    color: #FFF;
    text-align: center;
    padding: 0;
    font-family: 'Helvetica Neue LT Std';
}
.tx-sprshop .innet-footer label:first-child {
    margin-left: 0;
}
.tx-sprshop  .cts-footer {
    margin-top: 20px;
}
.tx-sprshop  .methodofused {
    font-family: 'Helvetica Neue LT Std';
    color: #007f54;
    margin-bottom: 15px;
}
.sub-wrapper {
    background-color: #99ccbb;
    padding: 15px;
}
.sub-wrapper label {
    display: block;
    width: 100%;
    color: #FFF;
    font-family: 'Helvetica Neue LT Std';
}
.sub-wrapper label input[type='checkbox'] {
    float: right;
}
.inner-new-container {
    margin: 0;
    /*display: grid;*/
    grid-template-rows: 1fr auto;
    margin-bottom: 10px;
    break-inside: avoid;
}
.new-container {
    column-count: 2;
    column-gap: 10px;
    position: relative;
    padding-bottom: 30px;
}
.contenttable {
    margin: 10px 0;
}
.contenttable thead {
    color: #007f54;
    font-family: 'Helvetica Neue LT Std';
}
.contenttable td {
	color: #007f54;
}
.contenttable th, .contenttable td {
    padding: 5px;
}
label#tx_sprshop_sprshop\[kurs\]\[\]-error {
    position: absolute;
    bottom: 0;
    color: #ff0000;
}
.payment-form input.error {
    margin-bottom: 5px;
}
.payment-form label.error {
    color: #ff0000;
    margin-bottom: 10px;
}
#paypal-button-container {
    margin-top: -56px;
}
#sprshopBtn.disabled {
    background-color: #cccccc;
    color: #666666;
}
.tx-sprshop .innet-header {
    display: flex;
    margin-bottom: 15px;
}
.tx-sprshop .innet-header label {
    border: 1px solid #6a6a69;
    padding: 15px;
    width: 25%;
    margin: 0 10px;
    display: flex;
    justify-content: space-between;
}
.tx-sprshop .innet-header label:first-child {
    margin-left: 0;
}
#sprcourseuserZip-error, #sprcourseuserOrt-error {
    border: none;
    position: absolute;
    width: 100%;
    margin-top: 2em;
    margin-left: -0.9em;
}
/* ort css */
.formtextfield .innet-header {
    display: flex !important;
    margin-bottom: 0px;
}
.tx-sprshop .innet-header div {
    width: 25%;
    margin: 0 10px;
    display: flex;
    justify-content: space-between;
}
.tx-sprshop .innet-header div:first-child {
    margin-left: 0;
}
.tx-sprshop .innet-header div:last-child {
    width: 75% !important;
    margin-right: 0px !important;
}
@media(max-width:767px){
    .new-container {
        column-count: 1;
    }
    .tx-sprshop .innet-footer label {
        width: 100%;
    }
    .tx-sprshop input[type="submit"] {
        width: 100%;
    }
    .tx-sprshop .innet-footer {
        display: inline-block;
        width: 100%;
    }
    .tx-sprshop .innet-header label {
        width: 100%;
    }
    .tx-sprshop .innet-header {
        display: inline-block;
        width: 100%;
    }

}

.ctsradiowrapper {
    padding: 15px 0;
    position: relative;
	display: none !important;
}
.ctsradiowrapper label {
    display: inline-block;
    font-family: 'Helvetica Neue LT Std';
    color: #007f54;
    margin-bottom: 0px;
}
.ctsradiowrapper .outerradbutton {
    display: flex;
    align-items: center;
    margin-bottom: 10px;    
}
.ctsradiowrapper .outerradbutton label.error {
    position: absolute;
    left: 0;
    bottom: -10px;
}
.ctsradiowrapper input[type="radio"]{
    appearance: none;
    border: 1px solid #007f54;
    width: 15px;
    height: 15px;
    content: none;
    outline: none;
    margin: 0;
    border-radius: 5px;
    margin-right: 10px;
    /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
 }
 
 .ctsradiowrapper input[type="radio"]:checked {
   appearance: none;
   outline: none;
   padding: 0;
   content: none;
   border: none;
 }
 
 .ctsradiowrapper input[type="radio"]:checked::before{
   position: absolute;
   color: #007f54 !important;
   content: "\00A0\2713\00A0" !important;
   border: 1px solid #007f54;
   font-weight: bolder;
   font-size: 10px;
   border-radius: 5px;
 }
.tx-sprshop ul.typo3-messages {
    list-style: none;
    padding: 0 !important;
}

#paymentSection {
    display: none;
    overflow: hidden;
}

#paymentSection #card_number {
    background-image: url("images.png"), url("images.png");
    background-position: 2px -121px, 111% -58px;
    background-repeat: no-repeat;
    background-size: 120px 361px, 120px 361px;
    padding-left: 54px;
}

input#sprcourseuserTelphone {
    width: 65%;
}
input#sprcourseuserBirthdate {
    width: 65%;
}
input#sprcourseuserMembernumber {
    width: 65%;
}
.spr-relative {
    position: relative;
}
.spr-relative .spr-label {
    position: absolute;
    top: 10px;
    left: 66%;
    display: block;
}
/*############################################
################# Sprshop ####################
##############################################*/