.headline:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 100px;
    height: 5px;
    background: #cf2030;
}

.logo{
	padding: 10px 0 10px 0;
	height: 80px;
}

.invalid-meldung {
    width: auto;
    color: #dc4c64;
    margin-top: 0.5rem;
    font-size: .875rem;
}
.invalid-feedback, .invalid-tooltip {
    font-size: .8rem;
    line-height: 1.2;
}

.card {
}
.card-header {
    background-color: #cf2030;
    color: #fff;
}
.mb-4 {
    margin-bottom: 2.5rem!important;
}
.hide{ display: none;}

fieldset {
    margin: 15px 0;
}
legend{
	background: #C8102E; color: #fff;
	padding: 5px 10px;
	margin: 15px 0;
}
strong{ font-weight: 700 !important;}

.btn-primary {
    color: #fff;
    background-color: #C8102E !important;
	border: 1px solid #C8102E;
	margin: 10px 0 15px 0;
}
.btn-primary:hover {
    color: #C8102E;
    background-color: #fff !important;
	border: 1px solid #C8102E;
	margin: 10px 0 15px 0;
}

.btn-secondary {
    color: #C8102E;
    background-color: #fff !important;
	border: 1px solid #C8102E;
	margin: 10px 0 15px 0;
}
.btn-primary:hover {
    color: #fff;
    background-color: #C8102E !important;
	border: 1px solid #C8102E;
	margin: 10px 0 15px 0;
}
.btn.notransform{ text-transform: none !important;}

.btn-success,
.btn-warning {
    margin: 10px 0 15px 0;
}
.zusatzinfo{ border: 2px solid #cf2030;padding: 0.5rem 0.5rem 0 0.5rem; border-radius: 0.5rem;}


ul.stepper li a {
    padding: 0;
}
.stepper-head-icon {
    background-color: transparent;
	border: 1px solid #C8102E;
    color: var(--mdb-stepper-head-icon-color);
}
.stepper-active .stepper-head-icon {
    background-color: #C8102E;
    color: #fff;
}

.ds-check-input{
    position: relative !important;
    pointer-events: none;
    opacity: 1!important;
}

/** Besucheranmeldung ****/
.required {
    border-left: 6px solid #cf2030!important;
}
.off {
    /*display: none;*/
}
/** Besucheranmeldung ****/

.stepper:not(.stepper-vertical) .stepper-head-icon {
    margin-top: 0;
    margin-bottom: 0;
}
.stepper:not(.stepper-vertical) .stepper-content {
    margin-top: 2rem;
}

.stepper-content .form-check-input {
}

.labelselect{
	display: inline-block;
    margin-bottom: .5rem;
}
.select-wrapper input.select-dropdown {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0;
    margin: -5px 0 0 0;
    font-size: 1rem;
    line-height: 2.9rem;
    text-overflow: ellipsis;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: none;
    outline: none;
}
.dropdown-content li>a, .dropdown-content li>span {
    display: block;
    padding: .5rem;
    font-size: .9rem;
    color: #495057;
}
.select-wrapper span.caret {
    right: 10px;
}

.accordion-header {
    margin-bottom: 10px;
    background: #eee;
}

.table>thead {
    background: #C8102E;
    color: #fff;
    font-weight: bold;
}
.table th {
    font-weight: 700;
}

footer{ background: #ddd; color: #333; font-size: 12px;}
footer a{ display: inline-block; padding: 15px; color: #333;}

@media (max-width: 768px){
	h2, .h2 {
    font-size: 1.2em;
	}
	h3, .h3 {
    font-size: 1.2em;
	}
	.card-header {
		padding: 0.75rem;
	}
	.card-body {
		padding: 0.75rem;
	}	
	ul.stepper .step-new-content {
		position: relative;
		display: none;
		width: inherit;
		height: calc(100% - 132px);
		margin-right: 0px;
		margin-left: 31px;
		overflow: visible;
	}	
	.form-check {
		position: relative;
		display: block;
		padding-left: 0rem;
	}
	.step-actions{}
	legend{ font-size: 1rem;}

	.card-body .stepper:not(.stepper-vertical) .stepper-content {
		padding-right: 0;
		padding-left: 0;
	}
	.card-body .stepper-mobile-footer{
		display: none;
	}
	.stepper-content #formdatenschutz {
		width: 2rem;
	}
}
@media (max-width: 767px){
	.stepper-content #formdatenschutz {
		width: 4rem;
	}
	
}