
.contactFormModelkartei .myform {  max-width: 600px;  background-color: #edf8fe; padding: 3rem; border-radius: 1rem}	
.contactFormModelkartei .myform  .form-label	{margin-bottom: 0.25rem}
.contactFormModelkartei .myform input {border: 1px #333 solid; border-radius: 0; height: calc(3.0rem + 2px); line-height: 1.25; border-radius: 0.75rem}
.contactFormModelkartei .myform  .form-check-input[type=radio] { height: 2rem; width: 2rem;  accent-color: #1F2A44;}
.contactFormModelkartei .myform .line {border-top: 2px #1F2A44 solid; padding-top: 1rem; padding-bottom: 1rem}
.contactFormModelkartei .myform .form-check label {font-size: 1.25rem; display: inline;  line-height: 1.5}
.contactFormModelkartei .myform .form-check .form-check-input {margin-right: 1rem; margin-top: -1px; border-radius: 0.75rem}
.contactFormModelkartei .myform .btn.btn-primary {background-color: #00B0DC; border-color: #00B0DC; border-radius: 0.75rem}
.contactFormModelkartei .myform .form-check-input:checked { background-color: #41B6E6; border-color: #41B6E6; border-radius: 0.75rem }
.contactFormModelkartei .myform textarea {width: 100%; height: 8rem; border-radius: 0.75rem}
.contactFormModelkartei .myform #companyNo {display: none}
.contactFormModelkartei .myform .infotext {font-size: 0.8rem}

@media (max-width:768px) {
.contactFormModelkartei   .myform {padding: 2rem}
.contactFormModelkartei   .myform  h3 {font-size: 1.33rem}
}


.contactFormModelkartei .myform .slideshow-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    height: 720px;
    margin: auto;
    overflow: hidden;
}

.contactFormModelkartei .myform .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 2rem;
    box-sizing: border-box;
   

    border-radius: 5px;
    display: none;
}

.contactFormModelkartei .myform .slide .button { text-align: right; margin-top: 2rem}

.contactFormModelkartei .myform .status-container {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    	gap: 2rem;
}

.contactFormModelkartei .myform .status-bar {
    width: 33.33%;
    height: 0.5rem;

    background-color: #ddd;

    transition: background-color 0.3s;
}

.contactFormModelkartei .myform .status-bar.active {
    background-color: #00B0DC;
}

.contactFormModelkartei .myform .slide-in {
    animation: slideIn 0.5s forwards;
}

.contactFormModelkartei .myform .slide-out {
    animation: slideOut 0.5s forwards;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}