/* BBHL Template Cassiopeia Anpassungen Peter Schäffer 2023-07-29 */

/* Fonts in Ordner ../fonts kopieren */ 
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v13-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* grundlegende Farben */ 
:root {
	--cassiopeia-color-primary: #DE322E; 
	--cassiopeia-color-link: #6B6B6B;
	--cassiopeia-color-hover: #DE322E;
	--body-font-size: 1rem;
	--body-font-weight: 400;
	--template-link-color: #DE322E;
	--template-special-color: #DE322E;
	--template-link-hover-color: #DE322E;
	--template-contrast: #DE322E;
}

/* Body */ 
body {
	font-family: 'Ubuntu', Verdana, Arial, serif;
	background: transparent;
	color: #6B6B6B;
	hyphens: auto;
	overflow-wrap: anywhere;
}

/* Hintergrundbild ganze Seite (mit background: transparent) */
body.site {
	background-image: url(../images/hg1.png);
}

/* Breite der Seitenspalten, Summe muss 79,5 ergeben */ 
@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,14.875rem) minmax(0,24.875rem) minmax(0,24.875rem) minmax(0,14.875rem) [main-end] minmax(0,1fr) [full-end]
    }
  }
}

/* Anpassungen für Hintergrundbild ganze Seite (Farbe und Auffüllen Zwischenräume und Seitenabstand) */
.container-header .grid-child, .breadcrumb, .container-component, .container-sidebar-left, .container-sidebar-right, .card-body, .footer .grid-child {
	background-color: #F9F9F9;
}
.container-header .grid-child, .breadcrumb, .container-component, .container-sidebar-left, .container-sidebar-right {
-webkit-box-shadow: 0em 0em 0em 1em #F9F9F9;
-moz-box-shadow: 0em 0em 0em 1em #F9F9F9;
box-shadow: 0em 0em 0em 1em #F9F9F9;
}
.footer .grid-child  {
-webkit-box-shadow: 0em 0em 0em 1.4em #F9F9F9;
-moz-box-shadow: 0em 0em 0em 1.4em #F9F9F9;
box-shadow: 0em 0em 0em 1.4em #F9F9F9;
}

/* Header und Hauptmenue vergrößern bis äußeren Rand */ 
.container-header .grid-child {
  padding: 0em;
}

/* Header Hintergrund */ 
.container-below-top {
	color: #F9F9F9;
}

/* Header anpassen - Klasse im Modul zuordnen */ 
.header {
	min-width: 100%;
	background-color: #F9F9F9;
	color: #F9F9F9;
}

/* Logo anpassen - Klasse im Modul zuordnen */ 
.logo {
	min-width: 100%;
}

/* Oben am Rand Farbe weg, Wichtig: nach .header zuordnen */
.container-header {
	background-color: transparent;
	background-image: none;
}

/* Haupmenue Abstand nach oben */ 
.container-header .mod-menu {
	margin-top: 0.4em;
}

/* Haupmenue Striche oben unten - Klasse im Modul zuordnen */ 
.menue-oben{
	border-top: 1px solid #DE322E;
	border-bottom: 1px solid #DE322E;	
}

/* Haupmenue ganze Breite*/ 
.navbar {
	width: 100%;
}

/* Hauptmenue Schrift festlegen*/ 
.metismenu.mod-menu .metismenu-item {
  font-size:1.1rem;
}

/* Hauptmenue ab 2.Ebene Schrift verkleinern */
.metismenu.mod-menu .metismenu-item >ul >li {
  font-size:0.9rem;
}

/* Hauptmenue Schriftfarbe */
.container-header .mod-menu {
	color: #6B6B6B;
}

/* Hauptmenue Menü-Überschrift ausblenden (soll nur im Seitenmenü angezeigt werden) */
.container-header .mod-menu .nav-header {
	display: none;
}

/* Hauptmenue Linie unter Menü-Überschrift ausblenden (soll nur im Seitenmenü angezeigt werden) */
.container-header .mod-menu .divider {
	display: none;
}

/* Hauptmenue Pfeil-Icon Farbe ändern */ 
/* Opacity 50% = Hex +88 */ 
.container-header .metismenu > li.level-1 > button, .metismenu.mod-menu .mm-collapse > li.parent .mm-toggler {
	color: #6B6B6B88;
}

/* Hauptmenue Schrift- und Hintergrundfarbe bei hover */
.container-header .mod-menu a:hover {
	background-color: #F9F9F9;
	color: #DE322E;
}

/* Hauptmenue Hintergrund 2.Ebene */
.metismenu.mod-menu .mm-collapse {
	background-color: #F9F9F9;
}

/* Hauptmenue  2.Ebene Farbe Pfeil */
/* Opacity 50% = Hex +88 */ 
.subhead .btn.btn-primary {
	--subhead-btn-accent: #6B6B6B88;
}

/* Formatierung Hamburger Menue */
.container-header .navbar-toggler {
	color: #6B6B6B;
	border: 1px solid #6B6B6B;
}

/* Formatierung Breadcrumb */
.breadcrumb {
	background-color: #F9F9F9;
	--breadcrumb-item-active-color: #6B6B6B;
	font-size:0.85rem;
	margin-left: 0;
}
.divider {
	display: none;
}
.pathway {
	text-decoration: none;	
}

/* Boxen Hintergrund Radius weg */ 
.card {
	--card-bg: #F9F9F9;
	--card-border-radius: 0rem;
	--card-border-color: #DE322E;
}

/* Sidebar links Schrift festlegen */ 
.container-sidebar-right{
	font-size:0.93rem;
}

/* Menue Seite Formatieren */ 
/* Opacity 50% = Hex +88 */ 
.menue-seite li {
	line-height: 27px;
	display: block;
	height: 26px;
	margin-bottom: 5px; 
	padding: 0 0 0 9px;
	border-bottom: solid 1px #6B6B6B88;
}

/* Menue Hintergrund bei hover */  
.menue-seite a:hover {
	background-color: #F9F9F9;
} 

/* Zufallbild Seite*/ 
.random-image {
	min-width: 100%;
}

/* Überschriften Fonts */ 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

/* Leiste Farbe */ 
hr {
	color: #DE322E;
	opacity: 1;
}

/* Bootsrap 5 Abstand zwischen Feldern */ 
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	padding: 1em;
} 

/* Weiterlesen Link formatieren */ 
.readon {
	text-decoration: none;
	font-size:0.8rem;
}
.readon:hover {
	background-color: #F9F9F9;
} 

/* Startseite Aktuelles formatieren */ 
.start_aktuelles {
	max-height: 6.8rem;
	overflow: hidden;
	padding-left: 13px;
	border-top: 1px solid #6B6B6B;
	border-bottom: 1px solid #6B6B6B;
}

/* Zufallbild auf Startseite*/ 
.start_z1 {
	width: 60%;
	padding: 0 0 0 10px;
	float: right;
	}
.start_z2 {
	width: 40%;
	padding: 0 10px 0 0;
	float: left;
	}
.start_z3 {
	width: 40%;
	padding: 0 0 0 10px;
	float: right;
	}

/* Vorschaubild Formatierung bei hover */
.ls:hover {
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
}

/* Tabellenformatierung */
table {
	width: 100%;
	margin: 0 auto;
	font-size: 0.875rem;
	line-height:1.3em;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
td {
	padding: 8px 8px;
	border-bottom: 1px solid #6B6B6B;
}
th {
	padding: 8px;
	text-align: left;
	border-top: 1px solid #6B6B6B;
	border-bottom: 1px solid #6B6B6B;
}

/* Tabellenformatierung ohne Linie */
.blank {
	border-bottom: 0px;
}

/* Karte auf Züchterliste einblenden */
.zuechterkarte {
	display: block;
}

/* Tabelle Bundesländer auf Züchterliste ausblenden */
.zuechter_list {
	display: none;
}

/* Fußzeile Farbe Fonts 
	Text ändern bei System > Verwalten >  Sprachen Overrides in MOD_FOOTER_LINE1. Bei MOD_FOOTER_LINE2 l Textinhalt löschen*/ 
.footer {
	background-color: transparent;
	background-image: none;
	color: #6B6B6B;
	font-size:0.7rem;
}

/* Back To Top Link Fix Hintergrundfarbe */
.back-to-top-link:focus, .back-to-top-link:hover {
	background-color: #F9F9F9;
}

/* Mittlerer Bilschirm -------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1180px) {
	
/* Hauptmenue Schrift verkleinern */ 
.metismenu.mod-menu .metismenu-item {
  font-size:0.875rem;
  }
}

/* Mittlerer Bilschirm */
@media (max-width: 1020px) {
	
/* Hauptmenue Schrift verkleinern */ 
.metismenu.mod-menu .metismenu-item {
  font-size:0.75rem;
  }
}

/* Kleiner Bilschirm */
@media (max-width: 992px) {

/* Header und Hamburgermenue Außenabstand vergrößern */ 
.container-header .grid-child {
	padding: 0 1em;
	}

/* Hambuger Menü Schrift wieder groß */	
.metismenu.mod-menu .metismenu-item {
	font-size:1rem;
	}

/* Logo und Zufallsbild weg */	
.display-none {
	display: none;
	}

/* Umformatierung Tabelle untereinander */
table, thead, tbody, th, td, tr {
	display: block;
	text-align: center;
	}
thead tr :not(.sortable){
	position: absolute;
	top: -9999px;
	left: -9999px;
	}
tr {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #6B6B6B;
	}
td {
	padding-top: 5px;
	padding-bottom: 5px;		
	border: none;
	text-align: center;
	position: relative;
	}
	
/* Karte auf Züchterliste ausblenden */
.zuechterkarte {
	display: none;
	}

/* Tabelle Bundesländer auf Züchterliste einblenden */
.zuechter_list {
	display: block;
	}
}