/*
Dunkelgrün: #006528
Hellgrün: #A1BC09
*/

/* ################################################## */
/* Grundeinstellungen */

:root {
    --cassiopeia-color-primary: #006528;
    --cassiopeia-color-link: #006528;
    --cassiopeia-color-hover: #006528;
	--cassiopeia-font-weight-headings: 400;
	--body-font-family: calibri, sans-serif;
	--body-font-size: 20px;
}
	::selection { background: #006528; color: #ffffff; }
	
.btn save, .btn save:hover, .btn save:active, .btn save:visited {
	background-color: #006528;
	color: #fff;
	border: 1px solid #A1BC09;
}
	
	.btn {
		border: 1px solid #006528;
	}
	
	a {
	color: #006528;
	}

#abmelden {
  border: none;
}
	
/* ################################################## */
/* Boxen > https://getbootstrap.com/docs/5.0/components/alerts/  */
	.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}
/* ################################################## */
/* Header Farbe, Schatten, Höhe  */
.container-header {
    background-color: #FFF !important;
    background-image: linear-gradient(90deg, #fff 0%, #fff 50%);
    box-shadow: 0 5px 5px rgba(0,0,0,.03);
    height: 130px;
}

/* Volle Bildschirmbreite Header-Zeile */
#mod-custom153, #mod-custom154 {
  width: 100%;
}

/* Header in den Arbeitslisten ausblenden | Visforms-Felder mit Erweitert > CSS Klasse Control-Gruppe ausblenden ausblenden */
.keinheader .header, .ausblenden, .col-12.field11.required, .col-12.field12 {
	display: none !important;
	}
/* ################################################## */
/* Inhaltsbereich Abstand zum unteren Bildschirmrand */
	.site-grid {
	margin-bottom: 60px;
	}
/* ################################################## */
/* Startseiten-Link Header Rechts Text 
.container-below-top a h1, .container-below-top h1 {
    padding-top: 25px;
    font-weight: 400;
    color: #000;
    text-decoration: none !important;
	
/* ################################################## */
/* Startseiten-Link Header Rechts Home-Icon
    .container-below-top a i {
    color: #006528;
}*/
#mod-custom153 > div:nth-child(1) > div:nth-child(2) > h3:nth-child(1)
text-color: #000;
}

/* ################################################## */
/* Modul Startseiten-Link mit Home-Icon Rechtsbündig auf großen Bildschirm*/
@media (min-width: 600px) { #mod-custom110.mod-custom.custom, #mod-custom137.mod-custom.custom, #mod-custom140 {
    right: 70px;
    position: absolute;
	margin-top: 20px;
    }
}
/* ################################################## */
/* Modul Startseiten-Link mit Home-Icon auf kleinen Bildschirmen ausblenden*/
@media (max-width: 599px) { #mod-custom110.mod-custom.custom, #mod-custom137.mod-custom.custom {
    display: none;
    }
}

/* ################################################## 
/* Abstand Buttons in Visforms-Arbeitslisten */
#mod-custom112.mod-custom.custom {
    margin: 20px 0px;
}

/* ################################################## */
/* Back-to-top-Link  */
	.back-to-top-link {
	position: fixed;
	}

/* ################################################## */
/* Schriftgröße bei Visforms */
	.btn, .custom-select, .form-select, .form-control {
       font-size: var(--body-font-size);
		   }

/* ################################################## */
/* Abstände bei Seitenüberschrift */
	h1 {
		margin: 20px 0 30px 0;
	}
/* ################################################## */
/* Formatierung VisForms-Tabellen */

	table.visdatatable {
	border-collapse : collapse;
	border : #000 solid 1px;
	width: 100%;
	}

	.visdatatable td {
	vertical-align : top;
	border : #000 solid 1px;
	padding : 5px;
	}

	.visdatatable th {
	vertical-align : top;
	text-align : left;
	border : #000 solid 1px;
	padding : 5px;
	}

	.today, table.visdatatable tr.today:nth-of-type(odd) td{
	background-color: #FAE533;


	}

	table.visdatatable tr:nth-of-type(odd) td {
	background-color : #eeeeee;
	}

	table.visdatatable tr:hover td {
	background-color : #FFFFE0;
	}
	
	.visdatatableborder td, .visdatatableborder th {
    border: 1px solid #000 !important;
    padding: 8px !important;
	}
/* ################################################## */
/* Formatierung VisForms Eingabefelder */
	
	
	.keinebezeichnung {
	font-size: 0; !important
	}

	input[type=submit], input[type=submit]:active, input[type=submit]:focus {
	box-shadow: none !important;
	}
	
	.form-group, .mb-3 {
	margin-bottom: 20px !important;
	}
	
	.form-select, .custom-select {
    background-color: #eeeeee;
    border: solid 1px #A1BC09;
    box-shadow: none;	
	}
	
	.form-check-input {
	border: solid 1px #A1BC09;
	box-shadow: none;
	}
	.form-control::placeholder  {
	/*border: 1px solid #006528;*/
	box-shadow: none;
}
	.form-control {
	border: 1px solid #A1BC09;
	box-shadow: none;
}
	
	.form-control:focus, .form-select:focus, .custom-select:focus {
	border: 1px solid #006528;
	box-shadow: none;
}
/* ################################################## */
/* Keine Unterstreichung in VisForms Tabellenüberschrift */
	.visToolTip {
		text-decoration: none;
	}
/* ################################################## */
/* Schriftgröße bei Systemmitteilungen (z.B.: "formular erfolgreich verschickt" */
.alert-wrapper, #system-message-container joomla-alert div, #visformcontainer joomla-alert div  {
    font-size: var(--body-font-size) !important;
}

/* ################################################## */
/* Formular Corona-Testdoku Ergebnis Positiv Rot und Fettschrift */
	#modvisform127ergebnislbl_1 {
		color: #ff0000;
		font-weight: bold;
	}
/* ################################################## */
/* Box mit Unterweisungsmaterial bei "Unterweisungen im Selbststudium und in der Übersicht */
	.unterweisungsthemen {
	background-color: #f5f5f5;
	border: 1px solid #A1BC09;
	border-radius: .25rem;
	padding: 20px;
	width: 100%;
	margin: -12px 0 40px 0;
	}
	ul {
	margin-top: 20px;
	}
	li {
	line-height: 180%;
	}
/* ################################################## */
/* Dropdownfeld "Unterweisungsthema" bei Unterweisungs-Kurzlinks ausblenden */
	html body.site.com_visforms.wrapper-fluid.view-visforms.no-layout.no-task.itemid-141 div.site-grid div.grid-child.container-component main div#visformcontainer.visforms.visforms-form form#visform7.bt5.visform fieldset.fieldset-1.active.row div.row div.col-12.field61.required{
	display: none !important
	}
/* ################################################## */
/*  Unterweisungsmaterial-Box in der "Detailsicht" eines Datensatzes beim Visforms-Formular "Unterweisungen ausblenden*/
	html body.site.com_visforms.wrapper-fluid.view-edit.layout-edit.task-editdata.itemid-143 div.site-grid div.grid-child.container-component main div#visformcontainer.visforms.visforms-form form#visform7.bt5.visform fieldset.fieldset-1.active.row div.row div.col-12.conditional.field66,
	html body.site.com_visforms.wrapper-fluid.view-edit.layout-edit.task-editdata.itemid-143 div.site-grid div.grid-child.container-component main div#visformcontainer.visforms.visforms-form form#visform7.bt5.visform fieldset.fieldset-1.active.row div.row div.col-12.conditional.field67,
	html body.site.com_visforms.wrapper-fluid.view-edit.layout-edit.task-editdata.itemid-143 div.site-grid div.grid-child.container-component main div#visformcontainer.visforms.visforms-form form#visform7.bt5.visform fieldset.fieldset-1.active.row div.row div.col-12.conditional.field68,
	html body.site.com_visforms.wrapper-fluid.view-edit.layout-edit.task-editdata.itemid-143 div.site-grid div.grid-child.container-component main div#visformcontainer.visforms.visforms-form form#visform7.bt5.visform fieldset.fieldset-1.active.row div.row div.col-12.conditional.field69,
	html body.site.com_visforms.wrapper-fluid.view-edit.layout-edit.task-editdata.itemid-143 div.site-grid div.grid-child.container-component main div#visformcontainer.visforms.visforms-form form#visform7.bt5.visform fieldset.fieldset-1.active.row div.row div.col-12.conditional.field70,
	html body.site.com_visforms.wrapper-fluid.view-edit.layout-edit.task-editdata.itemid-143 div.site-grid div.grid-child.container-component main div#visformcontainer.visforms.visforms-form form#visform7.bt5.visform fieldset.fieldset-1.active.row div.row div.col-12.conditional.field140 {
	display: none;
	}
/* ################################################## */
/* Ausgeblendete Items in VisForms-DropDowns ausblenden */
.visforms option[disabled="disabled"] {
  display: none !important;
}
/* ################################################## */
/* Feldhöhe bei VisForms-Feld "Texttrenner" */
.field448 {
	height: 0 !important;	
	}

/* ################################################## */
/* Buttons in der Kalenderauswahl-Popup z.B. bei KFZ-Reservierung */
.buttons-wrapper .btn  {
	border: none;
	color: #fff;
	}
.buttons-wrapper .btn:hover  {
	border: none;
	background-color: #A1BC09;
	color: #000;
	}
.calendar-container table tbody td.day.selected {
	background: var(--cassiopeia-color-primary);
	border: 0;
	}
.calendar-container table tbody td.day:hover {
	background: #A1BC09;
	}
/* ################################################## */
/*  */
.dp-tabs__label, div.control-group.dp-field-description div.controls div.editor-xtd-buttons {
    display: none !important;
}

/* ################################################## */
/* Überschriften bei VisForms Arbeitslisten Grün */
th.vfdvlabel {
  color: #006528;
}
/* ################################################## */
/* Originale VisForms Arbeitsliste der Haustechnik und der Schlüsselausgabe ausblenden */
#com_visforms_visformsdata_135_4_adminForm,
#com_visforms_visformsdata_137_5_adminForm
 {
  display: none !important;
}
/* ################################################## */
/* Pfeil nach oben bei Tabellensortierung in Arbeitsliste Haustechnik */
.upArrow::after {
 content: "\2191";
 <!--content: "\25b2";-->
 color: #006528;
 position: absolute;
}
/* ################################################## */
/* Pfeil nach unten bei Tabellensortierung in Arbeitsliste Haustechnik */
.dnArrow::after {
 content: "\2193";
 <!--content: "\25BC";-->
 color: #006528;
 position: absolute;
}
/* ################################################## */
/* Checkboxen und Radioboxen in VisForms Formularen */
	
	.form-check-input:checked {
    background-color: #006528 !important;
    border-color: #006528 !important;
}

/* ################################################## */
.accordion_ueberschrift {
      font-size: 130%;
   }

/* Menüboxen NEU */

.startboxenueberschrift {
	font-size: clamp(20px, 1.5vw, 28px) !important;
	font-weight: 400 !important;
}

  i.startseite {
  font-size: 50px !important;
  color: #006528 !important;
  }
  
  html, body, h4 {
 hyphens: auto !important;
}
  
  .p-4.border-primary.border.border-1.rounded-2.bg-secondary.bg-opacity-10 {
    min-height: 290px !important;
	padding-bottom: 0 !important;
}

  .p-4.border-primary.border.border-1.rounded-2.bg-secondary.bg-opacity-10:hover {
    border-color: #A2BC09 !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

.border-primary {
      border-color: #006528 !important;
    }
.bg-secondary {
    background-color: #eee !important;
}

/* ################################################## */

/* Felder Name und Mailadresse bei der Passwortrücksetzung ausblenden */

label#jform_name-lbl, input#jform_name, label#jform_email1-lbl, input#jform_email1 {
    display: none;
}

/* ################################################## */
	
	fieldset#users-profile-custom-dpcalendar {
    display: none;
}
	
/* ################################################## */

.footer {
	color:#fff;
	background-color:#fff;
	background-image: linear-gradient(#fff, #fff);
	margin-top:1em
	}

.footer .btn-link,.footer .btn-link:hover,.footer .btn-link:active,.footer .btn-link:focus,.footer .btn-link:visited, footer a:not(.btn), footer a:not(.btn):hover, footer a:not(.btn):active, footer a:not(.btn):focus, footer a:not(.btn):visited {
  color: #006528 !important;
}

	.modal-content {
  color: #000;
}

/* ################################################## */
	
	#member-profile > fieldset:nth-child(2) {
    display: none !important;
}

/* ################################################## */
	/* Formatierung TinyMCE Beschreibungsfeld bei Schulungsraum eintragen */
	.tox-toolbar-overlord {
    display: none !important;
}
	.tox.tox-tinymce.tox-tinymce--toolbar-sticky-off {
    height: 150px !important;
}
	.tox:not(.tox-tinymce-inline) .tox-editor-header {
		padding: 0 !important;
	}
	.tox .tox-statusbar {
		display:none !important;
	}
	
/* ################################################## */
#fc-dom-1 {
	font-size: calc(1.325rem + .9vw);
}
/* ################################################## */
/* ################################################## */
/* ################################################## */
/* ################################################## */
/* ################################################## */
/* ################################################## */
/* ################################################## */