@charset "UTF-8";

#inhalt {
	padding-left: 1.1111rem;
	padding-right: 1.1111rem;
}

fieldset {
	padding: 0.5rem;
}

/** Bootstrap Klasse das externe Bild entfernen */
.form-select{
	--bs-form-select-bg-img: none;
	-webkit-appearance: unset;
  	-moz-appearance: unset;
 	appearance: button;
}

.nplr {
	padding-right: 0;
	padding-left: 0;		
}

legend {
    font-size: 1.3rem;
    float: none;
}

.col-2 {
    width: inherit;
    max-width: 10rem;
}

.col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, 
.col-sm-2, .col-sm-3, 
.col-sm-4, .col-sm-5, 
.col-sm-6, .col-sm-7, 
.col-sm-8, .col-sm-9 {
	padding-right: 0.2777rem;
	padding-left: 0;
	min-width: min-content;
} 

/*** Ergebnis Seite ***/
fieldset table td, 
fieldset table tbody td,
.content table td, 
.content table tbody td {
    height: auto;
	hyphens: auto;
}

.content table.ohneRahmen, 
.content table.ohneRahmen tbody, 
.content table.ohneRahmen th, 
.content table.ohneRahmen thead th, 
.content table.ohneRahmen td, 
.content table.ohneRahmen tbody td {
    border: 0;
    background-color: transparent;
    width: auto;
    margin: 2px;
}

.table-bordered td, .table-bordered th {
  	border: 1px solid #8397A5;
}

.table thead th {
	border-bottom: 3px solid #8397A5;
}

div.info-content {
	width:700px;
	z-index: 10;
} 


/*** Veröffentlichungstext ***/
#veroefftext {
	font-family: ariel, helvetica, sans-serif;
	font-size: 0.8889rem;
	white-space: pre-wrap;
}
	
/*** Test -> Properties Seite  ***/
.prop_inaktiv {
  	color: #4968CC;
  	text-shadow: none;
  	font-style: italic; 	
}

.form-control,
.form-select {
  	border: 0.0556rem solid #6F7378;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #5279A3;
  box-shadow: 0px 0px 1px 3px rgba(82,121,163,1);
}

/*** formatierung für infochckbox **/
.info-frame div.info-content {
	display: block;
	background-color: white;
	color: black;
	font-family: inherit;
	font-size: 0.8rem;
	border: 5px solid #6b8495;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px;
	margin-bottom: 0px;
	box-shadow: 3px 3px 3px black;
	counter-increment: info;
}

.label, label {
    text-align: left;
    white-space: normal;
    display: inline-block;
    font-weight: bold;
   	margin-bottom: 0.1rem;
   	padding-left: 5px;
   	width: max-content;
}

label button[aria-expanded="true"]{
	color: #000;
}

/** info button **/
 label .info-button {
    background: linear-gradient(to bottom, #96aebe 5%, #476274 100%);
    background-color: rgba(0, 0, 0, 0);
    background-color: #34444c;
    border-radius: 1.75rem;
    border: 1px solid #476274;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 0.8rem;
  	padding: 0.063em 0.625em;
    text-decoration: none;
    text-shadow: 0px 1px 0px black;
    width: auto;
    top: 0px;
}

.row {
	margin-right: 0px;
	margin-left: 0px;
}

.slash {
	width: auto ;
	margin-top: auto;
	padding-right: 0.5rem;
}

select.form-control[multiple], select.form-control[size],
select.form-select[multiple], select.form-select[size] {
	height: 2.38rem;
}

label .info-button:hover,
label .info-button:focus-visible{
	color: #000;
	background-color:#405A68; 
	border: 1px solid #000;
	box-shadow: 0px 0px 1px 3px #476274;
}

/***  Hinweis Text ***/
#frm_hinweis .border-warning legend,
#frm_sperrseite .border-warning legend,
#frm_startseite .border-warning legend,
#frm_welcomeseite .border-warning legend {
	margin-bottom: 0;
}

#frm_hinweis .border-warning,
#frm_sperrseite .border-warning,
#frm_startseite .border-warning,
#frm_welcomeseite .border-warning { 
	border: 3px double #CB8306 !important;
}

/*** Integritaetsstatus ***/
#frm_integritaetstatusForm fieldset .info-content,
#frm_integritaetstatusForm fieldset .info-button{
	display: none;
}

/*** Impressum ***/
#inhalt p.headline {
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0.25em;
	margin-left: 0px;
}

#inhalt .address p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2em;
}

/*** Datenschutzhinweise ***/
.row .address p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2em;
}

main a[href] {
  text-decoration: underline;
}

textarea.form-control,
.detailsValue {
	resize: both;
	width: 100%;
 	height: 15em;
 	min-height:5em;
 	max-width:63.2em;
 	
}