body {
  background-image: url('/images/backgrounds/background.webp');
  background-size: cover;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat-y;
  height: 100%;
}

.mod-breadcrumbs__wrapper, .sidebar-right {
	background-color: rgba(255, 255, 255, 0.6); /* 60% Alpha statt opacity */
}

.top-a {
	background-color: rgba(255,255,255,0.6);
}

.top-a .slideshowck {
	background-color: rgba(128,128,128,0);
}

main {
    background-color: rgba(255, 255, 255, 0.6); /* 60% Alpha statt opacity */
    padding: 1rem;
}

a.brand-logo {
	float: left;
}


.site-description {
	float: left;
	padding-left: 2rem;
	font-size: clamp(16px, 5vw, 4rem)!important;
}

/* hide annoying edit button of menu */
nav.navbar a.jmodedit { 
	display: none; 
}

/* Solid background for content components - similar to card-opaque */
.com-content-article,
.com-users-registration,
.com-users-profile,
.com-content-category-blog,
.blog-items,
.com-users-login {
	background-color: rgba(255, 255, 255, 0.7) !important; /* Solid white background */
	background-image: none !important;
	padding: 1rem;
	border-radius: 0.375rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
}