/* Bootstrap Settings */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0;
}
.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}
.col-1 {
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}
.col-2 {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}
.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.col-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.col-5 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.col-7 {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
.col-8 {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.col-10 {
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}
.col-11 {
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}
.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width: 576px) {
	.col-sm {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-sm-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.col-sm-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-sm-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-sm-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-sm-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-sm-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (min-width: 768px) {
	.col-md {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-md-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.col-md-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-md-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-md-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-md-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-md-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-md-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-md-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (min-width: 992px) {
	.col-lg {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-lg-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.col-lg-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-lg-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-lg-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-lg-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-lg-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-lg-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-lg-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (min-width: 1200px) {
	.col-xl {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xl-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.col-xl-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xl-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-xl-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xl-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-xl-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xl-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-xl-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-xl-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* Plugin Settings */
.checkbox_img_default {
	display:table;
	cursor:pointer;
}
.checkbox_img_default>div {
	display:table-row;
	cursor:pointer;
}
.checkbox_img_default>div>div {
	display:table-cell;
	cursor:pointer;
	vertical-align:middle;
}
.invalid-feedback {
	display: none;
	width: 70%;
	margin-top: 0.25rem;
	font-size: 80%;
	color: #dc3545;
}

.error_field > .invalid-feedback { display: block }

.textfeld-select {
	width:75px;
	font-family:'Maven Pro', Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	border:1px solid #dfdfdf;
	font-size:8pt;
	line-height:10pt;
	padding:0;
}

.textfeld-voll,
.textfeld-halb,
.textfeld-plz,
.textfeld-ort,
.textarea-voll,
.textfeld-captcha,
.dropdown-halb,
.dropdown-uhr,
.textfeld-datum {
	font-family:'Maven Pro',Verdana,Arial, Helvetica, sans-serif;
	line-height:10pt;
	padding:5px 0;
	min-height:17px;
	color:#3c3c3c;
	display: grid;
}
.textfeld-voll, .dropdown-voll { width: 100%; }
.textfeld-halb, .dropdown-halb { flex: 0 0 50%; max-width: 50%; }
.textfeld-plz { flex: 0 0 25%; max-width: 25%; }
.textfeld-ort { flex: 0 0 75%; max-width: 75%; }
.textarea-voll { flex: 0 0 100%; max-width: 100%;}
.Code_Reload.Captcha_Sicherheitscode {  }
#kontakt {
	/*max-width: 1000px;*/
	width: 100%;
	/*padding-right: 7%;*/
}
#kontakt td {padding-bottom: 10px; line-height:1.5em;}
#kontakt tr td {
	width: 100%;
}
#kontakt tr#kontakt_tr_Datenschutz td {
	display: inline-block;
}
#kontakt tr#kontakt_tr_Button td {
	justify-content: flex-end;
}
#kontakt tr#kontakt_tr_Datenschutz td > p {
	margin-bottom:0
}
#kontakt tr#kontakt_tr_DSGVO div{
	width:auto;
}
#kontakt tr td > div {
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	justify-content:flex-end;
}

#kontakt tr td > div.textfeld-captcha {
	align-items: center;
	justify-content:flex-start;
}
#kontakt tr td > div.textfeld-captcha > #captcha_text_id {
	height: 100%;
    top: 0px;
    position: relative;
	margin-left:5px;
}
#kontakt tr td > div > label {
	width: 30% !important;
	/*width: 200px !important;
	min-width: 200px;*/
} 
#kontakt tr td > div > input {
	width: 70% !important;
}
#kontakt label {margin-bottom: 5px;}
#kontakt input:not(input[type="checkbox"]):not(input[type="radio"]):not(input[type="submit"]), #kontakt textarea, #kontakt select {
	display: block;
	width: 70%;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #f4f4f4;
	padding: 0.375rem 0.75rem;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#kontakt .error_field input:not(input[type="checkbox"]):not(input[type="submit"]),
#kontakt .error_field textarea,
#kontakt .error_field select {
	border: 1px solid #dc3545!important;
}
#kontakt .error_field input[type="radio"],
#kontakt .error_field input[type="checkbox"] {
	-webkit-box-shadow: 0 0 0 1px #dc3545;
	-moz-box-shadow: 0 0 0 1px #dc3545;
	box-shadow: 0 0 0 1px #dc3545;
}

#form td {padding-bottom: 10px;}

.textfeld-captcha {
	height: 60px;
	margin-top: -5px;
	width: 10em;
}
.dropdown-halb {
	flex: 0 0 auto;
	width: 50%;
}

/* contactform CAPTCHA begin */
#contactform_captcha_table {
	width:262px;
	padding:0;
}
#contactform_captcha_table td {
	padding:0;
}
#contactform_captcha_table_td1 img {
	margin:0;
}
#contact_form_captcha_img_id {
/*	margin:0px;*/
}
#contactform_captcha_table_td2 {
	width:27px;
}
#contactform_captcha_table_td3 {
	vertical-align:middle;
}
#contactform_captcha_table_td3 input {
	width:86px;
}

.reload_captcha {
	width:23px;
	height:50px;
	cursor:pointer;
	background:url(/templates/images/reload.png) no-repeat #12970a;
	float: left;
}

/* contactform CAPTCHA end */

/* Fehlermeldungen */

.error_box { background: transparent; border: 1px solid #e4001c; margin: 15px 0; max-width: 95%; }
.error_box > tbody {}

.error_td_headline { color: #e4001c; padding: 10px; vertical-align: top; }
.error_td { padding: 10px;}


/* Fehlermeldungen Ende */


/* Erfolgreich verschickt */

.success_class {
	background: transparent;
	border: 1px solid #6dc54b;
	margin: 15px 0;
	max-width: 95%;
	font-weight: 300;
	color: #519137;
	text-align: center;
	font-size: 18px;
	padding: 10px;
}

/* Erfolgreich verschickt Ende */

/* Formularfelder */


.radio_field>div {
	display:inline-block;
	padding:1px 20px 2px 0;
}
.radio_field>div>div {
	display:inline-block;
}

#kontakt tr td {
	display: flex;
	/*flex-wrap: wrap;*/
	align-items: flex-start;
}
#kontakt input[type="checkbox"], #kontakt input[type="radio"] {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}
#kontakt .pflichtfeld {
	color: red;
	font-size: 13px;
	vertical-align: text-top;
	margin-right: 5px;
}

#kontakt td > div:first-child:not(div:last-child) {
	padding-right:10px
}
#kontakt .form-container_tr_Captcha.Label td,
#kontakt .form-container_tr_Datenschutzhinweis td,
#kontakt .form-container_tr_Button td,
#kontakt .form-container_tr_Datenschutz td,
#kontakt .form-container_tr_Meine.Kontaktdaten td,
#kontakt .form-container_tr_Sepa.Einleitung td ,
#kontakt .form-container_tr_Kontoinhaber td,
#kontakt .form-container_tr_SEPA-Lastschrift td,
#kontakt .form-container_tr_Überweisung td {
	display: block;
}
#kontakt td > div:first-child:not(div:last-child) {
	padding-right:10px
}
#kontakt p, #kontakt h3 { margin-bottom:1rem }
.captcha_img {
		padding-left:0px !important;
	}

@media (max-width: 547px){ 
	#kontakt tr td > div {
		flex-direction: column;
	}
	#kontakt tr td > div > label {
		width: 100% !important;
	}
	#kontakt tr td > div > input {
		width: 100% !important;
	}
	#kontakt input:not(input[type="checkbox"]):not(input[type="radio"]):not(input[type="submit"]), #kontakt textarea, #kontakt select {
		width: 100%;
	}
	.invalid-feedback {
		width: 100%;
	}
	#kontakt tr#kontakt_tr_DSGVO div.invalid-feedback {
		width: 100%;
	}
	/*#kontakt tr td {
		width: 85%;
	}
	.textfeld-voll, .dropdown-voll, #kontakt textarea {
		width: 90%;
	}*/
}