@charset "utf-8";

/*
Wird im C.D.S. Alpha Template (wird beim minifyAlphaStandardCSSFiles_EXECUTE() in die template.min.css geschrieben) ! Denn soll nur in meinen Frontend Template verfügbar sein!

FORMULAR VERSION 2027 (Kopie von formular_v2022.css + Abschnitt "LAYOUT 2027" am Ende)
- Backend: wird über CDSProgramme (class.programme.php) geladen, Frontend: Template-Einstellung "Formular & Tabellen Version 2027"
- Minify: formular_v2027.css >> formular_v2027.min.css (Framework Config > C.D.S. Programme CSS Minify)
- Alle Formular-Eigenschaften des neuen Designs (Input, Select, Textarea, Checkbox, Radio, Button) gehören hier hinein,
  NICHT in cds_programme_2027.css.
- Sanft ergänzen: keine Farben, Rundungen, Rahmen oder Hintergründe für Felder setzen - das bestimmt das Template
  (z.B. Feldfarben, border-radius) und soll es weiterhin überschreiben können. Hier nur Breite, Abstände, Höhe, Schriftgröße.
*/

/* ++++++++++++++++++++++++++++++++++++++++ FORMULAR ALLGEMEIN ++++++++++++++++++++++++++++++++++++ */

form {
	margin:0px;
	padding:0px;
}






/* +++++++++++++++++++++++++++++++++++++ INPUT STYLE +++++++++++++++++++++++++++++++++++++++++++++++ */ 

.jumpeto_quickchange_cl {
	width: 20px !important; 
	margin: 0px 10px 0px 0px !important;
}


input[type="radio"],input[type="checkbox"] {
	border-width:0px;
}

input[type="checkbox"],input[type="button"],input[type="submit"], button[type="button"], button[type="submit"],input[type="radio"],label, select {
	cursor:pointer;
}

input[type=checkbox], 
input[type=radio] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.8); /* IE */
	-moz-transform: scale(1.8); /* FF */
	-webkit-transform: scale(1.8); /* Safari and Chrome */
	-o-transform: scale(1.8); /* Opera */
	transform: scale(1.8);
	padding: 10px !important;
	margin-left:10px !important;
	margin-right:10px !important;
}

textarea {
	height: auto;
}




select,
textarea,
input[type="text"],
input[type="WEBSITE"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.jqselect-single,
.jqselect-choices {
	
	display: inline-block;

	padding: 14px 16px;
	margin: 0px 0px 10px 0px !important;
	font-size: 16px;
	line-height: 25px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	vertical-align: middle;
	
	color: #333;

	background-color:#F9F9F9;
	border-top-color: #F9F9F9 !Important;
	border-left-color: #F9F9F9 !Important;
	border-right-color: #F9F9F9 !Important;
	border-bottom-color: #028BD2;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-style: solid !important;
}




/* Nur für Safarie Ipad Browser */
/*
select, input[type="text"], input[type="date"], input[type="number"] {

	
    height: 50px; 
    line-height: 50px;
    padding: 0px 10px 0px 10px; 
    font-size: 16px;
	
}



*/




 /* 
border important entfernt am 17.10.2025 wegen input_direct
	border-top:1px solid #F9F9F9;
	border-left:1px solid #F9F9F9;
	border-right:1px solid #F9F9F9;
*/



select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="WEBSITE"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.uneditable-input:hover,
.jqselect-single:hover,
.jqselect-choices:hover {
	border-bottom-width: 3px !important;
}







.modern-form select,
.modern-form textarea,
.modern-form input[type="text"],
.modern-form input[type="WEBSITE"],
.modern-form input[type="password"],
.modern-form input[type="datetime"],
.modern-form input[type="datetime-local"],
.modern-form input[type="date"],
.modern-form input[type="month"],
.modern-form input[type="time"],
.modern-form input[type="week"],
.modern-form input[type="number"],
.modern-form input[type="email"],
.modern-form input[type="url"],
.modern-form input[type="search"],
.modern-form input[type="tel"],
.modern-form input[type="color"],
.modern-form .uneditable-input,
.modern-form .jqselect-single,
.modern-form .jqselect-choices,
.modern-form .modern_checkbox_radio_container {
  margin: 15px 15px 0px 0px !important; 
}


#cds_control-group.control-group .control-label {
	margin-top:8px;
	font-size: 16px;
	line-height: 25px;
	padding: 14px 16px 0px 0px;
}

.modern-form #cds_control-group.control-group .control-label {
	margin-top:15px;
}







.modern-form input[type="email"].laenge_12,
.modern-form input[type="tel"].laenge_12,
.modern-form input[type="number"].laenge_12,
.modern-form input[type="text"].laenge_12 {
	margin-right: 4px !important;
}

.jqselect-single {
	margin-right: 0px !important;
}




.cdscsstable-cell textarea, 
.cdscsstable-cell input[type="text"],
.cdscsstable-cell input[type="password"],
.cdscsstable-cell input[type="datetime"],
.cdscsstable-cell input[type="datetime-local"],
.cdscsstable-cell input[type="date"],
.cdscsstable-cell input[type="month"],
.cdscsstable-cell input[type="time"],
.cdscsstable-cell input[type="week"],
.cdscsstable-cell input[type="number"],
.cdscsstable-cell input[type="email"],
.cdscsstable-cell input[type="url"],
.cdscsstable-cell input[type="search"],
.cdscsstable-cell input[type="tel"],
.cdscsstable-cell input[type="color"],
.cdscsstable-cell .uneditable-input,
.cdscsstable-cell select,
.cdscsstable-cell .jqselect-single,
.cdscsstable-cell .jqselect-choices {
	margin:-8px 0px -10px 0px !important;
}

.cdstabelle tr td textarea, 
.cdstabelle tr td input[type="text"],
.cdstabelle tr td input[type="password"],
.cdstabelle tr td input[type="datetime"],
.cdstabelle tr td input[type="datetime-local"],
.cdstabelle tr td input[type="date"],
.cdstabelle tr td input[type="month"],
.cdstabelle tr td input[type="time"],
.cdstabelle tr td input[type="week"],
.cdstabelle tr td input[type="number"],
.cdstabelle tr td input[type="email"],
.cdstabelle tr td input[type="url"],
.cdstabelle tr td input[type="search"],
.cdstabelle tr td input[type="tel"],
.cdstabelle tr td input[type="color"],
.cdstabelle tr td .uneditable-input,
.cdstabelle tr td select,
.cdstabelle tr td .jqselect-single,
.cdstabelle tr td .jqselect-choices {
	margin:0px 0px 0px 0px !important;
}


/*

input[type="date"], input[type="time"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	min-height: 1.2em; 
}
*/


/* Base for label styling */
[type="checkbox"].cdscbox:not(:checked),
[type="checkbox"].cdscbox:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"].cdscbox:not(:checked) + label,
[type="checkbox"].cdscbox:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"].cdscbox:not(:checked) + label:before,
[type="checkbox"].cdscbox:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"].cdscbox:not(:checked) + label:after,
[type="checkbox"].cdscbox:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 18px;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"].cdscbox:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"].cdscbox:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"].cdscbox:disabled:not(:checked) + label:before,
[type="checkbox"].cdscbox:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"].cdscbox:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"].cdscbox:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"].cdscbox:checked:focus + label:before,
[type="checkbox"].cdscbox:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label.cdscbox:hover:before {
  border: 1px solid #4778d9!important;
}





/* ++++++++++++++++++++++++++++++++++++++++ INPUT Text Felder LÄNGE ++++++++++++++++++++++++++++++++++++ */


input,
textarea,
.uneditable-input {
/*margin-left: 0;*/
}

.inputfield_rechts {
	text-align:right;
}

input[type="email"].laenge_2,
input[type="tel"].laenge_2,
input[type="number"].laenge_2,
input[type="text"].laenge_2 {
	width:75px;
}

input[type="time"].laenge_5,
input[type="email"].laenge_5,
input[type="tel"].laenge_5,
input[type="number"].laenge_5,
input[type="text"].laenge_5,
.laenge_5 {
	width:60px;
}

input[type="email"].laenge_8,
input[type="tel"].laenge_8,
input[type="number"].laenge_8,
input[type="text"].laenge_8,.input-small { /*65px*/
	width:5.1em;
}

input[type="email"].laenge_10,
input[type="tel"].laenge_10,
input[type="number"].laenge_10,
input[type="text"].laenge_10 {
	width:7.1em;
}

input[type="email"].laenge_12,
input[type="tel"].laenge_12,
input[type="number"].laenge_12,
input[type="text"].laenge_12 {
	width:120px;
}

input[type="email"].laenge_13,
input[type="tel"].laenge_13,
input[type="number"].laenge_13,
input[type="text"].laenge_13, .input-medium {
	width: 225px;
}

input[type="email"].laenge_20_to_input_5,
input[type="tel"].laenge_20_to_input_5,
input[type="number"].laenge_20_to_input_5,
input[type="text"].laenge_20_to_input_5, 
.laenge_20_to_input_5 { /* Passend zu INPUT mit 5 zeichen = gesamt lange 20 */
	width:284px;
}

input[type="email"].laenge_21_to_select_4,
input[type="tel"].laenge_21_to_select_4,
input[type="number"].laenge_21_to_select_4,
input[type="text"].laenge_21_to_select_4, .input-large { /* Passend zu SELECT mit 4 zeichen = gesamt lange 20 */
	width:13.6em;
}

input[type="email"].laenge_23_to_select_2,
input[type="tel"].laenge_23_to_select_2,
input[type="number"].laenge_23_to_select_2,
input[type="text"].laenge_23_to_select_2 { /* Passend zu SELECT mit 2 zeichen = gesamt lange 20 */
	width:304px;
}

input[type="email"].laenge_20,
input[type="tel"].laenge_20,
input[type="number"].laenge_20,
input[type="text"].laenge_20,textarea.laenge_20,input[type="password"].laenge_20,.laenge_20 {
	width:14.1em;
}

input[type="email"].laenge_25,
input[type="tel"].laenge_25,
input[type="number"].laenge_25,
input[type="text"].laenge_25,textarea.laenge_25,input[type="password"].laenge_25,.laenge_25 {
	width:380px;
}

input[type="email"].laenge_25,
input[type="tel"].laenge_25,
input[type="number"].laenge_25,
input[type="text"].laenge_25,textarea.laenge_25,input[type="password"].laenge_25,.laenge_25 {
	width:380px;
}

@media (max-width: 450px) { /* MOBILE */
input[type="email"].laenge_25,
input[type="tel"].laenge_25,
input[type="number"].laenge_25,
input[type="text"].laenge_25,textarea.laenge_25,input[type="password"].laenge_25,.laenge_25 {
	width:100% !important;
}
}

input[type="email"].laenge_30,
input[type="tel"].laenge_30,
input[type="number"].laenge_30,
input[type="text"].laenge_30,textarea.laenge_30,input[type="password"].laenge_30,.laenge_30 {
	width:24.0em;
}

input[type="email"].laenge_35,
input[type="tel"].laenge_35,
input[type="number"].laenge_35,
input[type="text"].laenge_35,textarea.laenge_35,input[type="password"].laenge_35,.laenge_35 {
	width:27.0em;
}

input[type="email"].mobile_input,
input[type="tel"].mobile_input,
input[type="number"].mobile_input,
input[type="text"].mobile_input {
	width:18.35em;
}

.mobile_input_plus:before {
	font-size:15px;
	content: "+";
}


input[type="email"].datum,
input[type="tel"].datum,
input[type="number"].datum,
input[type="text"].datum {
	width:5.8em;
}

input[type="date"] {
	width:173px;
}

input:disabled, textarea:disabled, select:disabled {
  background: gainsboro;
	border-top:1px solid gainsboro !important;
	border-left:1px solid gainsboro !important;
	border-right:1px solid gainsboro !important;
}
input[value]:disabled, textarea:disabled, select:disabled {
  /*color: whitesmoke;*/
}


.textfeld_als_text {
	border-width:0px; 
	background: transparent;
	border-radius:0px;
	box-shadow:none;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}




select.laenge_2 {
	width:75px;
}
select.laenge_4 {
	width:5.35em;
}
select.laenge_5 {
	width:60px;
}
select.laenge_8 {
	width:5.1em;
}
select.laenge_10 {
	width:7.1em;
}
select.laenge_13 {
	width: 225px;
}
select.laenge_20 {
	width:15.15em;
}
select.laenge_20_to_input_5 {
	width:20.6;
}
select.laenge_25 {
	width:414px;
}
select.laenge_30 {
	width:25.1em;
}
select.laenge_35 {
	width:28.1em;
}






.jqselect-container.laenge_20 {
	width:15.15em;
}

.jqselect-container.laenge_25 {
	width:380px;
}

.jqselect-container.laenge_30 { /* ca 300px */
	width:25.1em;
}

.jqselect-container.laenge_35 { /* ca. 350px */
	width:28.1em;
}


.input-xlarge {
	width:16.875em; /* width: 270px; */
}
.input-xxlarge {
	width:33.125; /* width: 530px; */
}

/* XMEDIAANFANG */ @media (min-width: 700px) AND (max-width: 767px) {
	.input-xxlarge{
		max-width:350px;
	}
} /* XMEDIAENDE */
/* XMEDIAANFANG */ @media (max-width: 699px) {
	.input-xxlarge, .input-xlarge {
		max-width:250px;
	}
} /* XMEDIAENDE */





/* XMEDIAANFANG */ @media (min-width: 700px) AND (max-width: 767px) {
	textarea {
		max-width:350px;
	}
} /* XMEDIAENDE */


/* XMEDIAANFANG */ @media (max-width: 699px) {
	textarea {
		max-width:250px;
	}
} /* XMEDIAENDE */



















/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BUTTON +++++++++++++++++++ */

.btn.fa_icon {
	border-radius: 20px !important;
	padding: 5px 10px 5px 10px;
}

.btn.fa_icon_ecke {
	border-radius: 0px 0px 0px 20px !important;
		padding: 5px 10px 5px 10px;
}


.btn, a.btn, input[type="submit"], input[type="button"], button[type="button"].btn, button[type="submit"].btn, button.btn {
	display:inline-block;
	color:#fff;
	background-color:#777;
	text-decoration:none;
	position:relative;
	cursor:pointer;
	background-image:none;
	border-width:0px;
	font-size:16px;
	font-weight:normal;
	line-height:22px;
	padding:3px 11px 3px 11px;
	margin:0px 0px 0px 0px;
	height:auto;
}


/* NEUES DESIGN SEIT 2022-12-05 */
.btn, a.btn, input[type="submit"], input[type="button"], button[type="button"].btn, button[type="submit"].btn, button.btn {
	line-height:25px;
	padding:13px 35px 13px 35px;
	margin:0px 0px 10px 0px;
}




h1 .btn, h1 a.btn, h1 input[type="submit"], h1 input[type="button"], h1 button[type="button"].btn, h1 button[type="submit"].btn {
margin: 0px !important;
}

.btn:hover, a.btn:hover, input[type="submit"]:hover, input[type="button"]:hover, button[type="button"].btn:hover, button[type="submit"].btn:hover {
	background-color:#444;
	color:#fff;
}





/* BUTTON */
.btn.standard {
	background-color:#028BD2;
	color:#fff;
}
.btn.standard:hover {
	background-color:#016293;
	color:#fff;
}


.radio.btn-group > .btn.group {
	background-color:#E1E1E1;
	color:#333;
}
.radio.btn-group > .btn.group:hover {
	background-color:#999;
	color:#333;
}

.radio.btn-group.btn-group-standard > .active.btn-success, .radio.btn-group.btn-group-standard > .active.btn-success:hover {
	background-color:#016293;
	color:#fff;
}
.radio.btn-group.btn-group-standard > .active.btn-danger, .radio.btn-group.btn-group-standard > .active.btn-danger:hover {
	background-color:#016293;
	color:#fff;
}


.radio.btn-group.btn-group-yesno > .active.btn-success, .radio.btn-group.btn-group-yesno > .active.btn-success:hover {
	background-color:#749A02;
	color:#fff;
}
.radio.btn-group.btn-group-yesno > .active.btn-danger, .radio.btn-group.btn-group-yesno > .active.btn-danger:hover {
	background-color:#900;
	color:#fff;
}


.btn.grey, input[type="submit"].btn.grey, input[type="button"].btn.grey, button[type="button"].btn.grey, button[type="submit"].btn.grey, .radio.btn-group > .btn.grey {
	background-color:#E1E1E1;
	color:#fff;
}
.btn.grey:hover, input[type="submit"].btn.grey:hover, input[type="button"].btn.grey:hover, button[type="button"].btn.grey:hover, button[type="submit"].btn.grey:hover, .radio.btn-group > .btn.grey:hover,
.btn.grey:focus, input[type="submit"].btn.grey:focus, input[type="button"].btn.grey:focus, button[type="button"].btn.grey:focus, button[type="submit"].btn.grey:focus, .radio.btn-group > .btn.grey:focus {
	background-color:#999;
	color:#fff;
}

.btn.black, input[type="submit"].btn.black, input[type="button"].btn.black, button[type="button"].btn.black, button[type="submit"].btn.black, .radio.btn-group > .btn.black {
	background-color:#777;
	color:#fff;
}
.btn.black:hover, input[type="submit"].btn.black:hover, input[type="button"].btn.black:hover, button[type="button"].btn.black:hover, button[type="submit"].btn.black:hover, .radio.btn-group > .btn.black:hover,
.btn.black:focus, input[type="submit"].btn.black:focus, input[type="button"].btn.black:focus, button[type="button"].btn.black:focus, button[type="submit"].btn.black:focus, .radio.btn-group > .btn.black:focus {
	background-color:#444;
	color:#fff;
}
.btn.green, input[type="submit"].btn.green, input[type="button"].btn.green, button[type="button"].btn.green, button[type="submit"].btn.green, .radio.btn-group > .btn.green {
	background-color:#91BD09;
	color:#fff;
}
.btn.green:hover, input[type="submit"].btn.green:hover, input[type="button"].btn.green:hover, button[type="button"].btn.green:hover, button[type="submit"].btn.green:hover, .radio.btn-group > .btn.green:hover,
.btn.green:focus, input[type="submit"].btn.green:focus, input[type="button"].btn.green:focus, button[type="button"].btn.green:focus, button[type="submit"].btn.green:focus, .radio.btn-group > .btn.green:focus {
	background-color:#749A02;
	color:#fff;
}
.btn.blue, input[type="submit"].btn.blue, input[type="button"].btn.blue, button[type="button"].btn.blue, button[type="submit"].btn.blue, .radio.btn-group > .btn.blue {
	background-color:#028BD2;
	color:#fff;
}
.btn.blue:hover, input[type="submit"].btn.blue:hover, input[type="button"].btn.blue:hover, button[type="button"].btn.blue:hover, button[type="submit"].btn.blue:hover, .radio.btn-group > .btn.blue:hover,
.btn.blue:focus, input[type="submit"].btn.blue:focus, input[type="button"].btn.blue:focus, button[type="button"].btn.blue:focus, button[type="submit"].btn.blue:focus, .radio.btn-group > .btn.blue:focus {
	background-color:#016293;
	color:#fff;
}
.btn.red, input[type="submit"].btn.red, input[type="button"].btn.red, button[type="button"].btn.red, button[type="submit"].btn.red, .radio.btn-group > .btn.red {
	background-color:#900;
	color:#fff;
}
.btn.red:hover, input[type="submit"].btn.red:hover, input[type="button"].btn.red:hover, button[type="button"].btn.red:hover, button[type="submit"].btn.red:hover, .radio.btn-group > .btn.red:hover,
.btn.red:focus, input[type="submit"].btn.red:focus, input[type="button"].btn.red:focus, button[type="button"].btn.red:focus, button[type="submit"].btn.red:focus, .radio.btn-group > .btn.red:focus {
	background-color:#600;
	color:#fff;
}
.btn.yellow, input[type="submit"].btn.yellow, input[type="button"].btn.yellow, button[type="button"].btn.yellow, button[type="submit"].btn.yellow, .radio.btn-group > .btn.yellow {
	background-color:#ffd600;
	border:solid 1px #e3bf04;
	color:#fff;
}
.btn.yellow:hover, input[type="submit"].btn.yellow:hover, input[type="button"].btn.yellow:hover, button[type="button"].btn.yellow:hover, button[type="submit"].btn.yellow:hover, .radio.btn-group > .btn.yellow:hover,
.btn.yellow:focus, input[type="submit"].btn.yellow:focus, input[type="button"].btn.yellow:focus, button[type="button"].btn.yellow:focus, button[type="submit"].btn.yellow:focus, .radio.btn-group > .btn.yellow:focus {
	background-color:#ffc600;
	color:#fff;
}








.btn,
input[type="button"],
input[type="reset"],
input[type="submit"], 
button[type="button"], 
button[type="submit"] {
	-o-transition: background .25s;
	-ms-transition: background .25s;
	-moz-transition: background .25s;
	-webkit-transition: background .25s;
	transition: background .25s;
}





.grey {
	background-color:#E1E1E1;
	color:#fff;
}
.grey:hover,.grey:focus,.grey.focus:focus {
	background-color:#999;
	color:#fff;
}

.black {
	background-color:#777;
	color:#fff;
}
.black:hover,.black:focus,.black.focus:focus {
	background-color:#444;
	color:#fff;
}
.green {
	background-color:#91BD09;
	color:#fff;
}

.green:hover,.green:focus,.green.focus:focus {
	background-color:#749A02;
	color:#fff;
}
.blue {
	background-color:#028BD2;
	color:#fff;
}
.blue:hover,.blue:focus,.blue.focus:focus {
	background-color:#016293;
	color:#fff;
}
.red {
	background-color:#900;
	color:#fff;
}
.red:hover,.red:focus,.red.focus:focus {
	background-color:#600;
	color:#fff;
}
.yellow {
	background-color:#ffd600;
	border:solid 1px #e3bf04;
	color:#fff;
}
.yellow:hover,.yellow:focus,.yellow.focus:focus {
	background-color:#ffc600;
	color:#fff;
}

.storno, .abbrechen {
	background-color:#E1E1E1;
	color:#999;
}
.storno:hover,.storno:focus,.storno.focus:focus, .abbrechen:hover,.abbrechen:focus,.abbrechen.focus:focus {
	background-color:#999;
	color:#E1E1E1;
}



.button_in_textfeld {
	margin-top:-10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:-40px;
	
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;

	border:0px; 
	background-color:transparent; 
	color:#C4C4C4;
	height: auto; 
	overflow:hidden;
}

.button_in_textfeld:hover {
	color:#35738E !important;
}

.icon-search {
	width:24px;
	height:24px;
	line-height: 24px;	
}






.input_direct {
	margin:-5px 0px 0px 0px !important;
	background: none !important;
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	padding: 3px !important;
	border-top-color: none !important;
	border-left-color: none !important;
	border-right-color: none !important;
	color:#000;
	box-shadow: none !important;
	
}
.input_direct:hover,.input_direct:focus {
	box-shadow: none !important;
}

.input_direct:focus {
	background-color:rgba(255,255,255,1.00) !important;
}


.input_direct::placeholder {
  color:#000 !important;
}


input:disabled, textarea:disabled, select:disabled {
	margin:-5px 0px 0px 0px !important;
	background: none !important;
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	padding: 3px !important;
	border-top-color: none !important;
	border-left-color: none !important;
	border-right-color: none !important;
	color:#000;
	box-shadow: none !important;

}




/* ++++++++++++++++++++++++++++++++++++++++ LAYOUT 2027 (Formular-Eigenschaften der 2027-Bausteine) ++++++++++++++++++++++++++++++++++++ */
/*
Herkunft: bisher in cds_programme_2027.css (Bausteine .cdh-modern, .cds-task, .cds-verw, .cds-umfr, .cds-switch).
Nur Breite, Abstände, Höhe und Schrift - Farben, Rahmen und Rundungen der Felder kommen weiterhin von oben bzw. vom Template.
margin mit !important, weil die Grundregel oben (Input Style) margin ebenfalls mit !important setzt.
*/

/* ---------- Formular-Raster: Beschriftung links, Feld rechts (.cdh-modern-form, .cdh-modern-feldzeile) ---------- */
.cdh-modern-form-feld input[type="text"],
.cdh-modern-form-feld input[type="email"],
.cdh-modern-form-feld input[type="date"],
.cdh-modern-form-feld select,
.cdh-modern-form-feld textarea,
.cdh-modern-feldzeile input[type="text"],
.cdh-modern-feldzeile select { max-width: 100%; margin: 0 !important; }
.cdh-modern-form-feld input[type="text"],
.cdh-modern-form-feld input[type="email"],
.cdh-modern-form-feld textarea,
.cdh-modern-feldzeile input[type="text"],
.cdh-modern-feldzeile select { width: 100% !important; }
.cdh-modern-form-feld textarea { min-height: 90px; resize: vertical; }
.cdh-modern-form-feld .is-kurz { width: 150px !important; }

/* Checkbox-Listen mit Beschriftung (.cdh-modern-optionen, .cds-verw-check) */
.cdh-modern-optionen input,
.cds-verw-check input { margin: 0 !important; border-width: 0 !important; }

/* ---------- Buttons in Aktionsleisten (Seitenkopf, Info-Kopf): Abstand über gap der Leiste ---------- */
.cdh-modern-kopf-aktionen .btn,
.cdh-modern-info-aktionen .btn { margin: 0; }

/* ---------- Titel-Eingaben (Aufgabe, Task) ---------- */
input.cdh-modern-info-titel-input { flex: 1 1 300px; font-size: 18px; font-weight: 600; margin: 0 !important; }
input.cds-task-titel-input {
	flex: 1 1 auto;
	width: auto !important;
	min-width: 200px;
	margin: 0 !important;
	font-size: 15px;
	font-weight: 600;
}

/* ---------- Textareas (Anmerkung intern, Task-Beschreibung) ---------- */
.cdh-modern-anmerkung textarea { width: 100% !important; max-width: 720px; min-height: 120px; margin: 0 !important; }
textarea.cds-task-textarea {
	width: 100% !important;
	min-height: 140px;
	margin: 0 !important;
	line-height: 1.5;
	resize: vertical;
}

/* ---------- Config Programme (.cds-verw-config): Eingaben volle Breite, Zahlenfelder kurz ---------- */
.cds-verw-config input[type="text"],
.cds-verw-config select,
.cds-verw-config textarea { max-width: 100%; margin: 0 !important; }
.cds-verw-config .cdh-modern-feldzeile input[type="text"] { width: 100% !important; }
.cds-verw-config input.cds-verw-zahl { width: 70px !important; text-align: right; }
.cds-verw-config input.cds-verw-datum { width: 110px !important; }
.cds-verw-config textarea { width: 100% !important; min-height: 120px; resize: vertical; font-family: inherit; }

/* ---------- Umfragen: kleine Felder für "Gast eintragen" in einer Zeile (.cds-umfr-gast-zeile), mobil umbrechend ---------- */
.cds-umfr-gast-zeile input[type="text"],
.cds-umfr-gast-zeile input[type="email"],
.cds-umfr-gast-zeile input[type="tel"] { flex: 1 1 110px; min-width: 0; width: auto !important; max-width: 100%; margin: 0 !important; box-sizing: border-box; }
.cds-umfr-gast-zeile input[type] { font-size: 13px; }

/* ---------- Feld mit Beschriftung darüber (.cdh-modern-feld = CDSHTML::FeldGestapelt) ---------- */
.cdh-modern-feld input[type="text"],
.cdh-modern-feld input[type="email"],
.cdh-modern-feld input[type="tel"],
.cdh-modern-feld input[type="password"],
.cdh-modern-feld input[type="date"],
.cdh-modern-feld input[type="datetime-local"],
.cdh-modern-feld select,
.cdh-modern-feld textarea { width: 100% !important; max-width: 100%; margin: 0 !important; box-sizing: border-box; }
.cdh-modern-feld textarea { min-height: 110px; resize: vertical; }
input.cds-umfr-titel-eingabe { font-size: 18px; font-weight: 600; }

/* Kurze Felder (Version, Datum, Zahl) und Felder neben einem Hinweis (.cdh-modern-inline) */
.cdh-modern input.cdh-modern-kurz,
.cdh-modern-feld input.cdh-modern-kurz,
.cdh-modern-inline input.cdh-modern-kurz { width: 160px !important; }
.cdh-modern input.cdh-modern-mini,
.cdh-modern-feld input.cdh-modern-mini,
.cdh-modern-inline input.cdh-modern-mini { width: 80px !important; }
.cdh-modern-inline input,
.cdh-modern-inline select { margin: 0 !important; }
/* Technische Werte (Passwörter, Tokens, Pfade) in Festbreitenschrift */
input.cdh-modern-mono { font-family: ui-monospace, SFMono-Regular, Consolas, "Courier New", monospace; font-size: 13px; }
/* Zahlen / Preise rechtsbündig */
input.cdh-modern-zahl { text-align: right; }

/* Framework: Code-Felder (CSS, Parameter) volle Breite in Festbreitenschrift */
.cdh-modern textarea.cds-fw-code { width: 100% !important; margin: 0 !important; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, Consolas, "Courier New", monospace; font-size: 12px; line-height: 1.45; }

/* Aufgaben: Auswahlboxen und Datumsfelder (statt Inline-Styles) */
.cdh-modern select.cds-aufg-auswahl { width: 100% !important; max-width: 420px; }
.cdh-modern select.cds-aufg-auswahl-flex { flex: 1 1 260px; max-width: 420px; }
.cdh-modern input.cds-aufg-email { width: 220px !important; }
.cdh-modern input.beginn_datum,
.cdh-modern input.ende_datum { width: 120px !important; }

/* Verwaltung Demo Backups: Mehrfach-Auswahl der Datenbanken (statt Inline-Styles) */
.cdh-modern select.cds-verw-auswahlliste { width: 100% !important; max-width: 100%; min-height: 320px; margin: 0 !important; box-sizing: border-box; }

/* Regsys (.cds-regsys): Domain suchen, PLZ / Ort, Grund "nie verrechenbar", Filter in Listen */
.cds-regsys-domainsuche input[type="text"] { flex: 1 1 240px; min-width: 0; width: auto !important; margin: 0 !important; }
.cds-regsys-domainsuche select { width: auto !important; margin: 0 !important; }
.cds-regsys-plz-ort input[name="plz"] { flex: 0 0 90px; width: 90px !important; margin: 0 !important; }
.cds-regsys-plz-ort input[name="ort"] { flex: 1 1 200px; min-width: 0; width: auto !important; margin: 0 !important; }
.cdh-modern input.cds-regsys-grund { width: 160px !important; margin: 0 !important; }
.cds-regsys .cdh-modern-form select { max-width: 100%; }
@media only screen and (max-width: 600px) {
	.cds-regsys-plz-ort input[name="plz"] { flex-basis: 100%; width: 100% !important; }
}

/* ---------- Klassik-Brücke (.cdh-modern-klassik, cds_programme_2027.css Abschnitt 2b) ----------
   Die negativen Abstände der Felder in Tabellenzellen (für 15px Zellen-Padding) zurücksetzen,
   Felder nie breiter als die Zelle */
.cdh-modern-klassik .cdscsstable-cell textarea,
.cdh-modern-klassik .cdscsstable-cell input[type="text"],
.cdh-modern-klassik .cdscsstable-cell input[type="password"],
.cdh-modern-klassik .cdscsstable-cell input[type="datetime"],
.cdh-modern-klassik .cdscsstable-cell input[type="datetime-local"],
.cdh-modern-klassik .cdscsstable-cell input[type="date"],
.cdh-modern-klassik .cdscsstable-cell input[type="month"],
.cdh-modern-klassik .cdscsstable-cell input[type="time"],
.cdh-modern-klassik .cdscsstable-cell input[type="week"],
.cdh-modern-klassik .cdscsstable-cell input[type="number"],
.cdh-modern-klassik .cdscsstable-cell input[type="email"],
.cdh-modern-klassik .cdscsstable-cell input[type="url"],
.cdh-modern-klassik .cdscsstable-cell input[type="search"],
.cdh-modern-klassik .cdscsstable-cell input[type="tel"],
.cdh-modern-klassik .cdscsstable-cell input[type="color"],
.cdh-modern-klassik .cdscsstable-cell select,
.cdh-modern-klassik .cdscsstable-cell .jqselect-single,
.cdh-modern-klassik .cdscsstable-cell .jqselect-choices,
.cdh-modern-klassik .cdscsstable-voll input,
.cdh-modern-klassik .cdscsstable-voll select,
.cdh-modern-klassik table.cdstabelle td input[type="text"],
.cdh-modern-klassik table.cdstabelle td select,
.cdh-modern-klassik table.cdstabelle td textarea { margin: 2px 4px 2px 0 !important; max-width: 100%; }
.cdh-modern-klassik .cdscsstable-cell textarea { width: 100%; box-sizing: border-box; }
/* Textfelder ohne eigene Breite (laenge_*, size, style) füllen die Zelle bis max. 560px */
.cdh-modern-klassik .cdscsstable-cell input[type="text"]:not([class*="laenge_"]):not([size]):not([style*="width"]),
.cdh-modern-klassik .cdscsstable-cell input[type="email"]:not([class*="laenge_"]):not([size]):not([style*="width"]),
.cdh-modern-klassik .cdscsstable-cell input[type="url"]:not([class*="laenge_"]):not([size]):not([style*="width"]) { width: 100%; max-width: 560px; box-sizing: border-box; }
.cdh-modern-klassik .cdscsstable-cell .btn { margin: 2px 4px 2px 0; }
.cdh-modern-klassik .cdscsstable-cell input[type="radio"],
.cdh-modern-klassik .cdscsstable-cell input[type="checkbox"] { margin: 0 4px 0 0 !important; vertical-align: middle; }
.cdh-modern-klassik .cdscsstable-cell input[type="radio"] + label { margin-right: 14px; }

/* Selects / Buttons in Werkzeugleisten und Listen ohne eigene Abstände */
.cdh-modern-filter input[type="search"],
.cdh-modern-filter input[type="text"] { margin: 0 !important; }
.cdh-modern-liste .btn,
.cdh-modern-karte-fuss .btn { margin: 0; }

/* ---------- Ja/Nein-Schalter aus Radio-Buttons (CDSHTML::JaNeinSchalter) ---------- */
/* Eigener Baustein (kein Template-Feld): Farben über die Variablen aus cds_programme_2027.css (:root) */
.cds-switch {
	display: inline-flex;
	justify-self: start;
	border: 1px solid var(--cds-rand, #e2e5ea);
	border-radius: 8px;
	overflow: hidden;
	background: var(--cds-flaeche2, #f6f7f9);
}
.cds-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.cds-switch label {
	margin: 0;
	padding: 4px 16px;
	font-size: 13px;
	font-weight: 600;
	color: var(--cds-text2, #6b7280);
	cursor: pointer;
	user-select: none;
	transition: background .15s, color .15s;
}
.cds-switch label + input + label { border-left: 1px solid var(--cds-rand, #e2e5ea); }
.cds-switch label:hover { color: var(--cds-text, #262a31); }
.cds-switch input:focus-visible + label { outline: 2px solid var(--cds-akzent, #20a2e5); outline-offset: -2px; }
/* Farben je nach Bedeutung des "Ja" */
.cds-switch-gut input:checked + .cds-switch-ja,
.cds-switch-schlecht input:checked + .cds-switch-nein,
.cds-switch-neutral input:checked + .cds-switch-nein { background: var(--cds-gruen, #1a9b4b); color: #fff; }
.cds-switch-gut input:checked + .cds-switch-nein,
.cds-switch-schlecht input:checked + .cds-switch-ja { background: var(--cds-gefahr, #c94a4a); color: #fff; }
.cds-switch-neutral input:checked + .cds-switch-ja { background: var(--cds-grau, #8a949e); color: #fff; }

/* ---------- Pille als Formular-Button (<button>, <input type="submit/button">, CDSFORM create_submit_button) ---------- */
/* Aussehen wie .cdh-modern-pille in cds_programme_2027.css (gleiche Variablen --pille-*, inkl. Farben green/blue/...).
   Höhere Spezifität nötig, weil die Button-Grundregeln oben (input[type="submit"], .btn, :hover) Padding, Farben und Höhe setzen. */
button.cdh-modern-pille,
input[type="submit"].cdh-modern-pille,
input[type="button"].cdh-modern-pille,
a.btn.cdh-modern-pille,
button[type="submit"].btn.cdh-modern-pille,
button[type="button"].btn.cdh-modern-pille,
input[type="submit"].btn.cdh-modern-pille,
input[type="button"].btn.cdh-modern-pille {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: auto;
	margin: 0;
	padding: var(--pille-padding, 4px 11px);
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--pille-text, var(--cds-text, #262a31)) !important;
	background: var(--pille-bg, var(--cds-flaeche, #fff));
	background-image: none;
	border: var(--pille-rand-breite, 1px) solid var(--pille-rand, var(--cds-rand, #e2e5ea));
	border-radius: var(--pille-radius, 999px);
	box-shadow: var(--pille-schatten, none);
	text-shadow: none;
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease, filter .15s ease;
	white-space: nowrap;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
button.cdh-modern-pille:hover,
button.cdh-modern-pille:focus,
input[type="submit"].cdh-modern-pille:hover,
input[type="submit"].cdh-modern-pille:focus,
input[type="button"].cdh-modern-pille:hover,
input[type="button"].cdh-modern-pille:focus,
a.btn.cdh-modern-pille:hover,
a.btn.cdh-modern-pille:focus,
button[type="submit"].btn.cdh-modern-pille:hover,
button[type="submit"].btn.cdh-modern-pille:focus,
button[type="button"].btn.cdh-modern-pille:hover,
button[type="button"].btn.cdh-modern-pille:focus,
input[type="submit"].btn.cdh-modern-pille:hover,
input[type="submit"].btn.cdh-modern-pille:focus,
input[type="button"].btn.cdh-modern-pille:hover,
input[type="button"].btn.cdh-modern-pille:focus {
	color: var(--pille-text, var(--cds-text, #262a31)) !important;
	background: var(--pille-bg-hover, var(--cds-flaeche2, #f6f7f9));
	border-color: var(--pille-rand-hover, var(--cds-rand2, #cfd4db));
	box-shadow: var(--pille-schatten-hover, var(--pille-schatten, none));
	transform: var(--pille-hover-transform, none);
	filter: var(--pille-hover-filter, none);
}
button.cdh-modern-pille:disabled,
input[type="submit"].cdh-modern-pille:disabled,
input[type="button"].cdh-modern-pille:disabled { opacity: .55; cursor: not-allowed; }

/* ---------- Vorschau-Button "Abstimmen" in der Umfrage-Vorschau (gesperrt, volle Breite) ---------- */
.cds-umfr-vorschau-geraet .btn { width: 100%; margin: 6px 0 0; }
.cds-umfr-vorschau-geraet .btn:disabled { opacity: .6; cursor: not-allowed; }