/*!
 * Kunde: Simone Baumann
 *
 * Autor: Alexander Hammer, Hammer Computer
 * Datum: 16:25 Dienstag, 11. November 2025
 * Inhalt: Custom CSS-Datei
 */
 
/* Blende die Hintergrundgrafik im Body-Tag ein */ 
body {
    background-image: url(/images/bg_1200px.png);
	color: #6e6e6e;
	font-size: 14px;
}

/* Macht den Header durchsichtig */
#sp-header {
	background: transparent;
}

/* Blende obige Grafik auf mobilen Geräten wieder aus. */
@media only screen and (max-width: 820px) {
  body {
    background-color: #f1eee8;
	background-image: none;
  }

/* Macht den Header durchsichtig */
	#sp-header {
		background: white;
	}

}

/* Stelle das Logo in der mobilen Ansicht größer dar. */
@media screen and (max-width: 974px) {
	.logo-image {
		height: 60px !important;
	}

	.logo-image-phone {
		height: 60px !important;
	}

}

/* Füge einen rechten Abstand im Content-Bereich ein. */
.article-details {
	padding-right: 20px;
}

/* Macht den Text-Körper durchsichtig */
#sp-component {
	background-color: transparent;
}

/* Entferne Schatten vom (fixed) Header */
#sp-header {
	box-shadow: none;
}

#sp-main-body {
	padding: 30px 0;
}

/* Deaktiviere den Header auf der Startseite */
.page-header {
	padding-bottom: 15px;
	display: none;
}

.article-details .article-header h1, .article-details .article-header h2 {
	font-size: 28px;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: normal;
	margin-top: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.article-header h2 {
	font-size: 28px !important;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: normal;
	margin-top: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

/* Anpassen der Link-Farbe auf Standard-Grün */
li.active > a {
	color: #005c54 !important;
	font-weight: 600;
}


/* Deaktiviere die Anzeige vom "Featured" Badge für Hauptartikel */
 span.badge.bg-danger.featured-article-badge {
	display: none;
}

/* Verstecke das (Helix Template) Hauptmenü */
#sp-menu {
	display: none;
}

/* Entferne den Rahmen um das Menü-Modul auf der linken Seite */
#sp-left .sp-module {
	margin-top: 0px;
	padding: 30px;
	border: 0;
	text-align: right;
}

/* Rechte Spalte Anpassung */
#sp-right .sp-module {
	border: 4px solid #f1eee8;
	padding: 0px;
	border-radius: 3px;
}

/* Entferne den Rahmen um die Komponente Inhalt */
.article-list .article {
	border: 0;
}

/* Rechtsbündige Menüeinträge */
#sp-left .sp-module ul, #sp-right .sp-module ul {
	text-align: right;
}