/*
 Theme Name:   Dark ALX
 Template:     dark
 Description:  Child-Theme für Dark-Theme mit Bugfix im Header
 Version:      1.0.1
*/

/* Importiert die Styles vom Parent-Theme */
@import url("../dark/style.css");

.site-header {
	background-repeat: no-repeat;
	background-position: left;
	background-size: auto;
 }

 header .site-branding {
	float: right;
	display: block;
}

/* Auf kleinen Bildschirmen ausblenden */
@media screen and (max-width: 42.5em) {
	header .site-branding {
		display: none !important;
	}
  
	#primary-menu {
		display: none;
	}

	#primary-menu.toggled {
		display: block;
	}
	
	.menu-toggle, .menu-toggle-top, .menu-toggle-bottom {
		background: #FCCB05;
		color: #333;
		font-size: 24px;
		border: none;
	}

}

header .site-branding .site-title {
	font-size: 60px;
	letter-spacing: 0px;
	margin: 0;
	word-wrap: break-word;
	font-weight: 900;
	font-family: 'Passion One', sans-serif;	
}
 
header .site-branding .site-title  a {
 	color: #FCCB05;
	margin-right: 8px;
	word-wrap: break-word;
	text-decoration: none;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}
 
header .site-branding .site-title  a:hover {
	color: #FF0000;
} 

header  .site-branding .site-description {
	text-align: right;
	color: #B7B7B7;
 	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	margin: 0;
    margin-right: 8px;
	padding: 0 0 10px 5px;
}

/* Nur im Sidebar-Widget "Aktuelle Kommentare" */
#block-4 article {
    margin: 0;
    padding: 0;
    border: none;
}

/* Sidebar: Kommentare optisch an UL anpassen */
#block-4 ol,
.widget_recent_comments ol {
    list-style: none;  /* Bulletpoints entfernen */
    padding-left: 0;
    margin-left: 0;
}

#block-4 ol li,
.widget_recent_comments ol li {
    margin-bottom: 0.5em;
    padding-left: 0;
}

.news-header {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 2em;
}
.news-header img {
    height: 64px;
    width: auto;
}
.news-header h2 {
    margin-top: 0;
}
.news-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.news-header a {
    color: #fff;
    text-decoration: underline;
}

.news-header .wp-block-columns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;  /* damit mobile Version untereinander geht */
}

.news-header .rss-icon-column {
    flex: 0 0 64px;  /* feste Breite */
    max-width: 64px;
}

.news-header .rss-icon-column figure.wp-block-image {
    margin: 0;           /* entfernt mögliche automatische Abstände */
    height: 64px;        /* fixe Höhe für Flexbox */
    display: flex;        /* damit Bild korrekt gestreckt wird */
    align-items: center;  /* zentriert das Bild */
    justify-content: center;
}

.news-header .rss-icon-column figure.wp-block-image img {
    height: 64px;
    width: auto;
    display: block;
    max-width: 100%;
}

.news-header .rss-content-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-header .rss-content-column li {
    margin-bottom: 6px;
}

.news-header .rss-content-column a {
    color: #fff;
    text-decoration: underline;
}

/* Responsive: bei schmalen Bildschirmen Bild über Text */
@media (max-width: 600px) {
    .news-header .wp-block-columns {
        flex-direction: column;
        text-align: center;
    }
    .news-header .rss-icon-column {
        margin-bottom: 10px;
    }
}