.header,.footer {
    background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(96,130,182,1) 0%, rgba(0,212,255,1) 50%,  rgba(96,130,182,1) 100%);
    padding:2px;
}

.container-header .navbar-brand img { max-height: 80px; width: auto; }

.container-sidebar-right
{width:10%;}

.btn-secondary{color:rgb(96,130,182);background:#fefefe;}

.item-content,.com-wrapper{
  padding-top: 2%;
  padding-right: 5%;
  padding-bottom: 2%;
  padding-left: 5%;
}

h1,h2,h3,h4
{font-weight:500;
  color:#6082B6;
 }
h4,p,li,ul{font-size:1em;}
h3{font-size:1.2em;}
h2{font-size:1.4em;}
h1{font-size:1.6em;}
/*bilder mit schatten*/
.shadowed{
	padding:4px;
	box-shadow: 5px 5px 5px #ccc;
      -moz-box-shadow: 5px 5px 5px #ccc;
      -webkit-box-shadow: 5px 5px 5px #ccc;
      -khtml-box-shadow: 5px 5px 5px #ccc;}

/* Style the Read More wrapper */
.readmore {
    text-align: left; /* center the button */
    margin-top: 10px;
}

/* Style the Read More link */
.readmore a {
    display: inline-block;
    background-color: #0073aa; /* Joomla blue */
  background: linear-gradient(90deg, rgba(96,130,182,1) 0%, rgba(0,212,255,1) 50%,  rgba(96,130,182,1) 100%);
    color: #fff;
    padding: 5px 5px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: normal;
    transition: background-color 0.3s ease;
}

/* Hover effect */
.readmore a:hover {
    color:#fff;
    background-color: #005f87;
}

/* Adjust sidebar and main content widths on large screens (≥992px) */
@media (min-width: 992px) {
  /* Sidebar ➔ 33.33% of container */
  .l-cassiopeia .grid-item--sidebar {
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
    border-color: #fff !important;
  }
  /* Main content ➔ 66.66% */
  .l-cassiopeia .grid-item--main {
    flex: 0 0 66.6667% !important;
    max-width: 66.6667% !important;
  }
}