/* *****************************************************************************
// Projekt : www.leben-und-reife.de
//           Das Leben-Reife-Online.Handbuch
// Datei   : editor_content_igl.css
// Autor   : Egon Schulz (www.escode.de)
// Datum   : Dez 2023
// Änd.    : Formatvorlagen-Css
//           Ordner Datei:
//           [/<Joomla_3_10_11]/templates/t3_blank_lur/local/css/themes/igl
//           Ordner Bilder:
//           background-image: url(/images/[<..>[/<..>]]);
//*************************************************************************** */
:root {
  --iglImgA: url("/images/igl/Diverses//Apfelbluete_iglBtnBar.png");
  --iglImgB: url("/images/igl/Diverses/Biene_Bluete_iglBtnBar.png");
  --iglImgC: url("/images/igl/Diverses/Schmetterling_iglBtnBar.png");
  --iglImgD: url("/images/igl/Diverses/Kornfeld_iglBtnBar.png");
  --iglImgE: url("/images/igl/Diverses/Trauben_iglBtnBar.png");
  --iglImgF: url("/images/igl/Diverses/Ausruhen_iglBtnBar.png");
}

html {
		font-family: Segoe UI; 
  font-size: 15pt;  
		font-weight: normal; 
  color: #555555;
  line-height: 1.5;
}

p {
  margin-top: 5px;
  margin-bottom: 5px;
}

td {
  border-top: 0px;
}

hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid #B9D96E;
}

a { 
  text-decoration: none;
  background-color: transparent;
}

a.Textlink::before { 
  content: "'"; 
}

a.Textlink::after { 
  content: "'"; 
}

li { 
  line-height: 1.35;
}

#box_image {
   margin: 0px 20px 20px 0px; /* top right bottom left */
   float: left;
}

/*--
  Content-Templates
--*/
/*-- Template 1 "Box- W:30% - Img Links - Text" --*/
#tpl1_box {
 display: block;
 width: auto;
 margin-right: 10px;
 border: 1px solid #888888;
 border-radius: 4px;
 background: linear-gradient(#C6DEB3, #FFFFCD); 
}

#tpl1_txt {
 margin: 0;
 width: 75%;
 float: left;
 padding: 5px 5px 5px 5px; /* top right bottom left */
}

#tpl1_img {
 margin: 0;
 height: auto; 
 padding: 5px 5px 5px 5px; /* top right bottom left */
}

/*-- Template 2 "Box- W:50% - Img Rechts - Text" --*/
#tpl2_box {
 display: block;
 width: 75%;
 margin: auto;
}

#tpl2_txt {
  margin-right: 20px;
}

#tpl2_img {
 float: right; 
}

/*-- Template 3 "Tabelle mit Gradient (even/odd)" --*/

#igl_tb_eo_gr {
  border-collapse: collapse;
  border: 1px solid #97A9D1;
  width: 100%;
}

#igl_tr_eo_gr:nth-of-type(odd) {
  background: linear-gradient(to bottom, #B9C5E0 0%, #F3F5F9 100%);
}

#igl_tr_eo_gr:nth-of-type(even) {
  background: linear-gradient(to bottom, #CAD4E7 0%, #F3F5F9 100%);
}

#igl_tr_eo_gr:nth-of-type(even) span {
  color: #5E9F29;
}

#igl_tr_eo_gr:nth-of-type(odd) span {
  color: #163F92;
}

#igl_th_eo_gr span {
  color: #000000;
}		

#igl_th_eo_gr {
  padding: 10px;
  background: linear-gradient(to bottom, #637FBB 5%, #F3F5F9 100%);
  border: 1px solid #97A9D1;
  width: 50%;
}

#igl_td_eo_gr {
  padding: 10px;
  border: 1px solid #97A9D1;
  width: 50%;
}

/*-- Template 4 "Tabelle ohne Gradient" --*/

#igl_tb  {
  border-collapse: collapse;
  border: 1px solid #97A9D1;
  width: 100%;
}
#igl_td {
  padding: 10px;
  border: 1px solid #CCB89A;
  width: 50%;
}

@media (max-width: 1024px) {
 #igl_tb  {
   font-size: 0.75em;
 } 
}
@media (max-width: 767px) {
 #igl_tb  {
   font-size: 0.5em;
 }
 #igl_tb .TextHightlight {
   font-size: 0.5rem;
 }
 #igl_td {
   padding: 5px;
 }
}

#igl_tr_th {  
  background: #DDCFBB;
}

#igl_tr_a {
   background: #FFEBBB;
}

#igl_tr_b {
  background: #FFF1CD;
}

#igl_th {
  padding: 5px;
  border: 1px solid #CCB89A;
		background: #DDCFBB;
		color: #804D00;
		text-align: center;
  width: 50%;
}

#igl_th_33 {
  padding: 5px;
  border: 1px solid #CCB89A;
		color: #804D00;
  background: #DDCFBB;
  width: 33%;
}

#igl_td_33 {
  padding: 5px;
  border: 1px solid #CCB89A;
  width: 33%;
}

/*-- Template 5 "Buttongruppe" --*/
/*------------------------------------------------------
		Layout f 
	(Flexible Tabelle; Bild oben, Text unten linksbündig)
------------------------------------------------------*/
#igl_btnbar_f {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: stretch;
}

.igl_btn_base_f {
		width: auto;
		height: 110px;
}

#igl_btnbar_f > div  {
		background-image: linear-gradient(to top, #ffffff 40%, #EBB475 100%);
		padding: 10px 10px 10px 10px; /* top right bottom left */
		margin: 0px 10px 10px 0px;    /* top right bottom left */
		border-radius: 5px;
		border: 1px solid silver;
		text-align: center;
		width: 30%;
  min-width: 300px;
}

#igl_btnbar_f p  {
		text-align: left;
}

/* ------------------------------------------------------
		Buttonbilder laden
-------------------------------------------------------- */
#igl_btn_A { background-image: var(--iglImgA), linear-gradient(to left, #ffffff 0%, #B4BE89 100%); }
#igl_btn_B { background-image: var(--iglImgB), linear-gradient(to left, #ffffff 0%, #AEBDDC 100%); }
#igl_btn_C { background-image: var(--iglImgC), linear-gradient(to left, #ffffff 0%, #FBB601 100%); }
#igl_btn_D { background-image: var(--iglImgD), linear-gradient(to left, #ffffff 0%, #EBB475 100%); }
#igl_btn_E { background-image: var(--iglImgE), linear-gradient(to left, #ffffff 0%, #D1C051 100%); }    
#igl_btn_F { background-image: var(--iglImgF), linear-gradient(to left, #ffffff 0%, #C5CB52 100%); }    

#igl_btn_A0 { background-image: var(--iglImgA); }
#igl_btn_B0 { background-image: var(--iglImgB); }
#igl_btn_C0 { background-image: var(--iglImgC); }
#igl_btn_D0 { background-image: var(--iglImgD); }
#igl_btn_E0 { background-image: var(--iglImgE); }    
#igl_btn_F0 { background-image: var(--iglImgF); }    

#igl_btn_A1 { content: var(--iglImgA); }
#igl_btn_B1 { content: var(--iglImgB); }
#igl_btn_C1 { content: var(--iglImgC); }
#igl_btn_D1 { content: var(--iglImgD); }
#igl_btn_E1 { content: var(--iglImgE); }    
#igl_btn_F1 { content: var(--iglImgF); }   

/*--  
  Editor 
--*/
.UeberschriftSeite { 
  color: #163f8a;
  font-size: 1.35rem; /* 11pt; */ 
  font-weight: bold; 
  font-style: normal; 
  vertical-align: top;
}
 
.UeberschriftAbsatz { 
  color: #163f8a;
  font-size: 1.15rem; /* 11pt; */ 
  font-weight: bold; 
  font-style: normal; 
  border-bottom-width: 1px; 
  border-bottom-color: #00f; 
}

.UeberschriftAbsatzB { 
  color: #008000;
  font-size: 1.15rem; /* 11pt; */ 
  font-weight: bold; 
  font-style: normal; 
  border-bottom-width: 1px; 
  border-bottom-color: #00f; 
}

.Text { 
  color: #000; 
  font-size: 1rem; /* 11pt; */ 
 }
 
.TextHightlight { 
  color: #008000; 
  font-size: 1rem; /* 11pt; */ 
  font-weight: normal; 
  font-style: normal; 
}

.TextHightlightGruen {
    color: #008000;
}				
 
.ZitatLinksBuendig { 
  color: #000; 
  font-size: 0.9rem; /* 11pt; */ 
  font-weight: normal; 
  font-style: normal; 
  text-align: left; 
}

.ZitatRechtsBuendig { 
  color: #000; 
  font-size: 0.9rem; /* 11pt; */ 
  font-weight: normal; 
  font-style: normal; 
  text-align: right; 
}

.ZitatRechtsZentriert { 
  color: #000; 
  font-size: 0.85rem; /* 10pt; */ 
  font-weight: bold; 
  font-style: normal; 
  text-align: center; 
}

.Menueschrift { 
  color: #163f8a; 
  font-size: 1.25rem; /* 11pt; */ 
  font-weight: normal; 
  font-style: normal; 
}

.Newsschrift {  
  color: #163f8a;
  font-size: 0.75rem; /* 11pt; */ 
  font-weight: normal; 
  font-style: normal; 
  text-align: center;
}

.FusszeilenSchrift { 
  color: #163f8a; 
  font-size: 0.85rem; /* 10pt; */ 
  font-weight: normal; 
  font-style: normal; 
}

.EingabefeldSchrift { 
  font-weight: normal; 
  font-style: normal; 
  font-size: 1rem; /* 11pt; */ 
}

.Institutsname  {
  color: #008000; /* #003366; */
}

.ZeileZentriert {
  padding: 5px;
  background-color: yellow;
}

.ZeileZentriertHeader {
  padding: 5px;
  background-color: aqua;
}

.Textlink { 
  color: #008000; 
}

.BildZentriert {
  vertical-align: middle; 
  border: 1px ridge #888888; 
  padding: 5px;
}