/* CSS manni
   Version 2.0
   16.12.2023
   Eintrag Datum, Impressum und Kontakt und eigene Bereiche
   =Menues
   manni
  -------------------------------------------------------------- */
/* Datumsangabe "Heute ist der... und Kontakt Impressum */
.Top_oben
{position:relative;
 background-color:#d3d3d3;
 height:30px;
 width:99%;
}
.Top_Datum
{top:5px;
 text-align:left;
 height:25px;
 width:99%;
}
span.Datum 
{margin-left:5%;
 font-family: Arial,sans-serif;
 font-size:20px; 
 font-weight:bold;
 color:red;
 text-align:left; 
}
.Top_rechts
{top:5px;
 margin-left:52%;
 font-size:20px; 
 font-weight:bold;
 color:red;
 text-align:left; 
}
a.Info:link, a.Info:visited, a.Info:hover, a.Info:active
{text-decoration:none;
 font-family:arial,sans-serif;
 font-size:20px;
 font-weight:bold;
 color:red;
 display:inline;
 border:none;
}
a.Widerruf
{text-decoration:none;
 font-family: 'Caladea', sans-serif;
 font-size:20px;
 font-weight:bold;
 color:black;
 display:inline;
 border:none;
}
span.rot
{font-family:arial,sans-serif;
 font-size:14px;
 color:red;
}
span.rot16
{font-family:arial,sans-serif;
 font-size:16px;
 color:red;
}
span.rot18
{font-family:arial,sans-serif;
 font-size:18px;
 color:red;
}
span.rot20
{font-family:arial,sans-serif;
 font-size:20px;
 color:red;
}
span.rot22
{font-family:arial,sans-serif;
 font-size:22px;
 color:red;
}
span.rot25
{font-family:arial,sans-serif;
 font-size:25px;
 color:red;
}
span.rot30
{font-family:arial,sans-serif;
 font-size:30px;
 color:red;
}
span.schwarz14
{font-family:arial,sans-serif;
 font-size:14px;
 color:black;
}
span.schwarz16
{font-family:arial,sans-serif;
 font-size:16px;
 color:black;
}
span.schwarz18
{font-family:arial,sans-serif;
 font-size:18px;
 color:black;
}
span.schwarz20
{font-family:arial,sans-serif;
 font-size:20px;
 color:black;
}
span.schwarz22
{font-family:arial,sans-serif;
 font-size:22px;
 color:black;
}
span.schwarz25
{font-family:arial,sans-serif;
 font-size:25px;
 color:black;
}
span.schwarz30
{font-family:arial,sans-serif;
 font-size:30px;
 color:black;
}
span.f_links
{text-align:left;
}
textarea.textin
{font-family: 'Caladea', sans-serif;
 font-size:20px;
 border: 2px solid black;
 overflow: auto;
}
.artikelbereich
{width:100.1%;
 background-color:#fff;
}

/* Tabulator einrichten */
.atab {
	tab-size:30; 
	-moz-tab-size:30; 
	-ms-tab-size:30;
	white-space: pre;
}

/* hover einer Auswahlliste ist nicht möglich, es wird die Grundeinstellung des OS genutzt! */

/* Eigene CSS */
.hp_oben {
	text-align: center; 
	padding-top: 0rem;
	background-color: #fff !important;
	/*position: absolute;*/
}

button.taste {
 background-color: #e6e6e6;
 border: none;
 color: black;
 padding: 20px 34px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 20px;
 margin: 4px 2px;
 cursor: pointer;
 border: 2px solid black;
 border-radius: 15px;
  box-shadow: 0 9px #999;
}

button.taste:hover {background-color: #537f72}

button.taste:active {
  background-color: #c8fdf1;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

table.bild {
	width: 98%; 
	margin: auto;
	border: 0 !important;
}

/* form und Eingaben */
/* fieldset */
.anmelden {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #e6e6e6;
	border-radius: 8px;
	border-color: #000;
	border-style: solid;
	border-width: 0.2rem;
	box-shadow: none;
	display: block;
	font-size: 1.6rem;
	letter-spacing: -0.015em;
	margin: 0;
	max-width: 50%;
	padding: 1.5rem 1.8rem;
	width: 45%;
}

/* fieldset */
.eingabe {
	/* -webkit-appearance: none;
	-moz-appearance: none; */
	background: #e6e6e6;
	border-radius: 8px;
	border-color: #000;
	border-style: solid;
	border-width: 0.2rem;
	box-shadow: none;
	display: block;
	font-size: 1.6rem;
	letter-spacing: -0.015em;
	margin: 0;
	max-width: 65%;
	padding: 1.5rem 1.8rem;
	width: 60%;
   margin-left: auto;
   margin-right: auto;
}
/* fieldset */
.formulare {
	/* -webkit-appearance: none;
	-moz-appearance: none; */
	background: #e6e6e6;
	border-radius: 8px;
	border-color: #000;
	border-style: solid;
	border-width: 0.2rem;
	box-shadow: none;
	display: block;
	font-size: 1.6rem;
	letter-spacing: -0.015em;
	margin: 0;
	max-width: 85%;
	padding: 1.5rem 1.8rem;
	width: 70%;
   margin-left: auto;
   margin-right: auto;
}

#nutzer {
	background: #fff;
	border-radius: 6px;
	border-color: #000;
	border-style: solid;
	border-width: 0.15rem;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.0333em;
	line-height: 1.25;
	margin: 0;
}

/* Formular Einstellungen */
@media (min-width: 40em) {
.tab_form { 
  display: table;
  table-layout: fixed;
  align-items: center;
  border-spacing: 0.1em;
}

.tab-row {
	display: table-row;
}
.tab-row-group {
  display: table-row-group;
}

.tab-cell {
  display: table-cell;
}
.tabelle_for-cell {
  display: table-cell; 
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
}

table#zitat {
	border: 0.3rem solid #ff0000;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 1.6rem;
	margin: 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
	background-color:#DEFDFE;
	margin-left: auto;
   margin-right: auto;
}
table#zitat1 {
	border: 0.2rem solid #000;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 1.6rem;
	margin: 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
	background-color:#DEFDFE;
	margin-left: auto;
   margin-right: auto;
}
td#zitat_td {
	/*border: 0.1rem solid #000;*/
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 0em;
	text-align: center;
}
tr#zitat_tr {
	/*border: 0.1rem solid #000;*/
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 0em;
}


@media (min-width: 40em) {
.tabelle_hp1 { 
   display: table;
   table-layout: fixed;
   border-spacing: 0.1em;
   border-bottom: 15px solid #013f3a;
}
.tabelle_hp { 
   display: table;
   table-layout: fixed;
   border-spacing: 0.1em;
}
.tabelle_formular_hp { 
   display: table;
   table-layout: fixed;
   border-spacing: 0.1em;
   margin-left: 0.1em;
   
}
.tabelle_formular { 
   max-width: 50%;
   display: table;
   table-layout: fixed;
   border-spacing: 0.1em;
   margin-left: 0.1em;
}
.tabelle_formular1 { 
   max-width: 90%;
   display: table;
   table-layout: fixed;
   border-spacing: 0.1em;
   margin-left: 0.1em;
}
.tabelle_formular2 { 
   max-width: 60%;
   display: table;
   table-layout: fixed;
   border-spacing: 0.1em;
   margin-left: 0.1em;
}
.tabelle_formular3 { 
   max-width: 95%;
   display: table;
   table-layout: fixed;
   border-spacing: 0.1em;
   margin-left: 0.1em;
}
.tabelle_tasten { 
   display: table;
   table-layout: fixed;
   border-spacing: 0.1em;
   align-items: center;
}

.tabelle_hp-row {
	display: table-row;
}

.tabelle_hp-row-group {
  display: table-row-group;
}

.row-delta {
  border-spacing: 3em 0em;
}

.row-delta1 {
  border-spacing: 1.2em 0em;
}
.row-delta12 {
  border-spacing: 8em 0em;
}

.tabelle_hp-cell {
  display: table-cell; 
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.tabelle_hp-cell1 {
  display: table-cell; 
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  border-bottom: 15px solid #013f3a;
}
.tabelle_formular-cell {
  display: table-cell; 
  width: 15rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular1-cell {
  display: table-cell;
  width: 30rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular2-cell {
  display: table-cell; 
  width: 20rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular3-cell {
  display: table-cell; 
  width: 25rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular4-cell {
  display: table-cell; 
  width: 15rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular5-cell {
  display: table-cell; 
  width: 51rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular6-cell {
  display: table-cell; 
  width: 35.5rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular7-cell {
  display: table-cell; 
  width: 130rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular8-cell {
  display: table-cell; 
  width: 40rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular9-cell {
  display: table-cell; 
  width: 8rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: left;
}
.tabelle_formular10-cell {
  display: table-cell; 
  width: 50rem;
  padding-left: 0.2rem;
}
.tabelle_formular11-cell {
  display: table-cell; 
  width: 31rem;
  padding-left: 0.2rem;
  text-align: left;
}
.tabelle_formular12-cell {
  display: table-cell; 
  width: 4rem;
  padding-left: 0.2rem;
  text-align: left;
}
.tabelle_formular13-cell {
  display: table-cell; 
  width: 100rem;
  padding-left: 0.2rem;
  text-align: left;
}


.cell-mitte {
  display: inline-block; 
  vertical-align: middle; 
  text-align: center; 
}
.tabelle_tasten_cell {
  display: table-cell; 
  width: 51rem;
  padding-left: 0.2rem;
}
  
.tabelle_hp-zelle {
	display: table-cell; 
}

}

img.bild {
    max-width: 26rem; /* max-width: 28rem*/
    height: auto;
    border:1px solid black;
}
img.bild1 {
    max-width: 55rem;
    height: auto;
    border:1px solid black;
}
img.bild_m {
    max-width: 26rem; /* max-width: 28rem*/
    float: center;
    margin-left: auto;
    margin-right: auto;
    border:1px solid black;
}
img.c_bild {
    max-width: 26rem; /* max-width: 28rem*/
    float: center;
    margin-left: auto;
    margin-right: auto;
    border:1px solid black;
}

img.kanzlei {
    max-width: 80%;
    height: auto;
}

img.kanzlei1{/* Bilder an div anpassen */
  top: 4em;
  float: center;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  /*margin: 0.5em;
  padding: 0.5em; */
  max-width: 120rem; /* maximale Bildgröße festlegen */
 }

.zentrum {
	margin-left: auto;
   margin-right: auto;
}

.leerraum1 {
  margin-left: 8em;
}

.leerraum2 {
  margin-left: 1.5em;
}

.mitte {
  vertical-align: middle;
}

/* CSS input submit */
input.in {
  border: 2px solid black; 
  font-weight: bold; 
  font-size: 16px;
  background-color:#fff !important;
  color:#000 !important;	
}

/* CSS input */
input.in_in {
  border: 2px solid black; 
  font-weight: bold; 
  font-size: 16px;
  background-color:#fff !important;
  color:#000 !important;	
}

/* CSS input submit */
button.form_in {
 background-color: #e6e6e6!important;
 color: black;
 padding: 20px 34px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 20px;
 margin: 4px 2px;
 cursor: pointer;
 border: 2px solid black;
 border-radius: 15px;
 box-shadow: 0 9px #999;
}
button.neu_arzt {
 background-color: #e6e6e6!important;
 color: black;
 width: 180px;
 height: 50px;
 padding: 5px 15px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 20px;
 margin: 4px 2px;
 cursor: pointer;
 border: 2px solid black;
 border-radius: 15px;
 box-shadow: 0 9px #999;
}


.cell_links {
  text-align: left; 
}
.cell_mitte {
  text-align: center; 
}
.cell_rechts {
  text-align: right; 
}
.c-fix {
  table-layout: fixed;
}
.c-flex {
  display: flex;
}
.c-mitte {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.h-mitte {
  height: 100%;
  justify-content: center;
  align-items: center;
}

.rem_1 {
  width: 0.5rem;
}
.rem_2 {
  width: 2rem;
}
.rem_5 {
  width: 5rem;
}
.rem_10 {
  width: 10rem;
}
.rem_15 {
  width: 15rem;
}
.rem_20 {
  width: 20rem;
}
.rem_25 {
  width: 25rem;
}
.rem_30 {
  width: 30rem;
}
.rem_35 {
  width: 35rem;
}
.rem_40 {
  width: 40rem;
}
.rem_45 {
  width: 45rem;
}
.rem_50 {
  width: 50rem;
}
.rem_55 {
  width: 55rem;
}
.rem_60 {
  width: 60rem;
}
.rem_65 {
  width: 65rem;
}

.proz100 {
  width: 100%;
}

/* Darstellung des Datei Einlesens */
.datei-input {
  width: 300px;
  height: 66px;
  display: block;
  cursor: pointer;
  margin: 20px;
  border-radius: 5px;
  
  border: 5px solid #013f3a;
  font-size: 25px;
  position: relative;
  color: #000;
  background-color: #fff;
  border-radius: 10px;
}

.datei-input::before {
  content: "Select a file!";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.datei-input:hover,
.datei-input:focus {
  box-shadow: 0 0 10px #000;
  border: 5px solid red;
}

.datei-input input {
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}