/**
 * Theme Name:     BandsPro Child
 * Author:         BandsWP
 * Template:       bandspro
 * Text Domain:	   bandspro-child
 * Description:    Thank you for choosing BandsPro and WordPress as the solution for building your website.
 */

body, p, h4, h5, h6 {
    font-family: 'Titillium Web' !important;
	}
h1, h2, h3 {
    font-family: 'Unkempt' !important;
	}
body, #container, #footer {
	background:#3d5023 !important; /* #7e3512 */
	}
p, h1, h2, h3, h4, h5, h6 {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
header #header-nav {
	display: block !important;
	background:rgba(0,0,0,0.0) !important;
    visibility: visible !important;
	top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; /* Stellt sicher, dass die Navigation über dem restlichen Inhalt liegt */
	}
.wp-image-363 {
	display: none !important;
	}
.spacer_one {
	display: none !important;
	}
.wp-block-details summary {
	font-family:Unkempt !important;
	font-size:1.5em !important;
	}
.folkig {
	font-size:60px !important;
	text-align:center !important;
	margin-top: -10px !important;
	}
#logo-container {
	display:none !important;
	}
.page-id-3 #header {
	background-image:none !important;
	}
.page-id-3 #site-description {
	display:none !important;
	}
#content {
	width:80% !important;
	margin:0 auto !important;
	}
#container {
	padding:0% 5% 0% 5% !important;
	}
/* .wp-image-257 {
	max-width:600px !important;
	/* display:none !important;
	} */
#logo-container {
	max-width:600px !important;
	margin-top:3% !important;
	}
#site-title, #site-title a {
	color:#000000 !important;
	/*display:none !important;*/
}
#search {
	display:none; /* Lupe ausblenden */
	} 
.wp-block-heading {
	display:block !important;
	-webkit-hyphens: none !important;
  	-moz-hyphens: none !important;
  	-ms-hyphens: none !important;
  	hyphens: none !important;
  	word-break: normal;
  	overflow-wrap: normal;
	}
#dschaeufeles {
	margin-top:5% !important;
	}
#breadcrumbs, #entry-title {
	display:none !important;
	}
.entry-title {
	display:none !important;
	}
.wp-element-caption {
	text-align:center !important;
	}
.wp-element-caption strong {
	font-family: 'Titillium Web' !important;
	font-weight: normal; !important;
	}
.wp-block-spacer {
	background-color:rgba(0,0,0,0) !important;
	}
.wp-image-216 img {
	min-width:150% !important;
	}
#footer {
	padding:0% 5% 0% 5% !important;
	margin-top:-5% !important
	}
#footer-sidebar .widget {
	background:#3d5023 !important; /* #7e3512 */
	}
#fsidebar .wp-block-paragraph {
	text-align:center !important;
	}
#fsidebar {
	margin-bottom:0 !important;
	}
#footer-sidebar {
	max-width:80% !important;	
	}
#fsidebar #block-7 .wp-block-heading {
	text-align:center !important;
	}
footer #copyright {
	display:none !important;
}
.nowrap {
	white-space: nowrap;
	}
@media(max-width:860px) {
	#header-nav .social a {
	width:0px !important;
	display:none !important;
	}
}

@media(max-width:769px) {

#header {
		background-image: url('https://xn--dschufeles-t5a.de/wp-content/uploads/2026/08/bg-image-1920-768.jpg') !important;  /* Hintergrundbild ohne Logo */
	}
#header-nav .social a {
	width:0px !important;
	display:none !important;
	}
.wp-image-363 {
	display: block !important;
	}
.spacer_one {
	display: block !important;
	}
.folkig {
	font-size:30px !important;
	text-align:center !important;
	margin-top: 10px !important;
	}
h1, h2, h3 {
    font-family: 'Unkempt' !important;
	}
.page-id-3 #header {
	height:120px !important;
	}
header #menu {
	margin-bottom:15% !important;
	border-radius: 25px;
	}
header #header-nav {
	background:rgba(0,0,0,0.0) !important;
	width:75% !important;
	margin: -15px auto 0 auto !important;
	}
header #site-description {
	display:none !important;  /* verhindert, dass das headerbild zu groß erscheint */
	}
.menu-toggle {
	color:white !important; /* die Farbe des geschlossenen Hamburger-Menüs (3 horizontale Striche) einstellen */
	background-color:rgba(0,0,0,0) !important /* die Hintergrundfarbe des geschlossenen Hamburger-Menüs einstellen */
	.hamburger-container {
    float: right !important;
	}
	/* display:none !important; */ /* hier könntest du das Hamburger-Menü ganz ausblenden */
	}
#content {
	width:100% !important;
	}
.wp-block-details summary {
	font-size:1em;
	}
#menu.toggled a {
	line-height: 15px;
	}
#menu.toggled .menu-toggle {
	background-color:rgba(0,0,0,0) !important;
	color:rgba(255,5255,255,1) !important;
	}
#menu.toggled ul {
	 border-radius: 25px;
	 padding-bottom: 18px !important;
	 background-color:rgba(0,0,0,1.0) !important; /* die Hintergrundfarbe der aufgeklappten Liste einstellen */
	}
#header-nav:has(.toggled) {
	background-color:rgba(0,0,0,0.25) !important;  /* eventuell die Hintergrundfarbe des ganzen divs "#header-nav" einstellen */
	width:100% !important;
	/* height:350px !important; */
	}
#logo-container {
	margin-top:10% !important;
	}
}