/* #########  Änderungen ThomasR (& Sophia) 2024-02-29 ########## */

/* ### Größen ### */
/* Keine Ränder an den Seiten des Containers, ausser man hat einen Riesenbildschirm */
.container.grid-xl { max-width: 1900px!important; }



/* ### Farben ### */
/* Define --main-bg-color here */
:root {
  /* Standard Grautöne  */
  --black: black;
  --gray1: rgba(15,15,15,1);
  --gray2: rgba(30,30,30,1);
  --gray3: rgba(225,225,225,1);
  --gray4: rgba(240,240,240,1);
  --white: white;

  /* Farbe 1 "FC-Holding-grün" */
  --col-1: rgba(0,166,131,1);
  --col-1-bright: rgba(102, 202, 181);/* 100,226,161,1); */
  --col-1-dim: rgba(0,83,66);/* 0,106,86,1); */
  --col-1-lowtr: rgba(0,166,131,0.1);
  
}

pre {
	background-color: var(--gray4);
	padding: 0.5em;
	font-size: 75%;
}

/* Linkfarben */
a {color: var(--col-1)!important;  /* #3085ee */}
a:visited {color: var(--col-1-bright)!important; /* #5fa1f2 */}
a:hover {color: var(--col-1-dim)!important; /* #5fa1f2 */}

/* Menüfarben */
.dropmenu ul li a:visited {
  color: var(--col-1)!important;!important;  /* #3085ee */
}
.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover {
  color: var(--col-1-dim)!important;  /* #3085ee */
}


/* Mobil-Sandwichmenü */
.mobile-menu .button_container span {
	background: var(--col-1)!important;
}


/* Menübaum Mobil (Inhalt) */
.treemenu li a:visited {
  color: var(--col-1)!important;!important;  /* #3085ee */
}
.treemenu li a.active, .treemenu li a:focus, .treemenu li a:hover {
  color: var(--col-1-dim)!important;  /* #3085ee */
}



/* Login&Logout-Meldung "erfolgreich"*/
.toast.toast-success {
	color: var(--col-1)!important; /* #32b643 */ 
	border-color: var(--col-1)!important;
	background: var(--col-1-lowtr)!important; /* rgba(50,182,67,.95) */
}

/* Login&Logout-Meldung "Fehler"*/
.toast.toast-error {
	color: var(--col-1)!important; 
	border-color: var(--col-1)!important;  /* #e85600 */
	background: var(--col-1-lowtr)!important;;  /* rgba(232,86,0,.95) */
}

/* Tabellenformat 2026 Thomas*/
table {
   border: 1px solid gray;
   margin: 0em;
   padding: 0.5em;
   background-color: #eee;   
}

 td {
   border: 1px solid gray;
   margin: 0em;
   padding: 0.5em;
   background-color: #fff;   
}



/* Login-Knopf */
#grav-login .login-form button[type="submit"], #grav-login .login-form button[type="submit"]:focus {
	color: var(--col-1-bright)!important; /* #fff */
	background: var(--col-1)!important;  /* #1877ec */
}

#grav-login .login-form button[type="submit"]:hover {
	color: var(--col-1)!important; /* #fff */
	background: var(--col-1-bright)!important;  /* #1877ec */
}

/* Forgot-Knopf */
.btn, .btn:focus, .button, .button:focus {
	color: var(--col-1)!important;
	border-color: var(--col-1)!important;  /* #227ded */
	background: var(--col-1-lowtr)!important;   /* #e1edfd */
}
.btn:hover, .button:hover {
	color: var(--col-1)!important;
	background: var(--col-1-bright)!important;   /* #e1edfd */
}



/* Name eingeloggter User*/
.login-status {
	color: var(--col-1-dim)!important;
	white-space: nowrap;
}


/* Suchleiste Umrandung bei Reinklicken */
.form-input, .search-input, [data-grav-field="array"] input, [data-grav-field="array"] textarea {
	color: var(--col-1-dim)!important;/* #50596c */
	border: .05rem solid var(--col-1)!important;
}


/* Sophia wollte rumspielen und h1-Header auch dunkelbunt haben */
.h1, h1 {
	font-size: 3rem;
	color: var(--col-1-dim)!important;
}


/* Rahmen um alle Bilder */
img {
	border-style: solid;
	border-width: thin;
	border-color: var(--col-1-dim)!important;
}
/* Kein Rahmen fürs FC-Logo */
#header .logo img, #header .logo svg {
	border: none;
}

/* Grüne Banner (z.B.: https://mahb.futurecamp.de/it/share_chat */
.notices.green {
	border-left: 10px solid var(--col-1)!important;  /* #5cb85c */
	background: var(--col-1-lowtr)!important;  /* f1f9f1 */
	color: var(--col-1)!important;  /* 3d8b3d */
}


/* Suchfeld  */

.suchergebnisanzahl {
	background-color: var(--col-1-bright)!important;
	
}



@media print {
 /* Styles für Druckausgabe - wird leider vom Addon Printfriendly ingnoriert */
 .hide-in-print {display:none!important;}
}