/* Header */
#header{background: var(--hjr-es-ci-orange)}
#header .column-container-left{display:flex; margin: auto;}
#header .column-container-left p{margin: auto;}
#header .column-container-right{ margin: 10px auto}
#header .column-container-right .sxBlogRightClass{float:right}
#header .row{--bs-gutter-x: 0;}
#header .adr-home{color:#fff; text-decoration:none}
#header .adr-home:hover{color:#fff}
/* Navigation */
.sxSearchMenu #menu{ color: #fff; margin-left: 13px;text-decoration: none; font-weight: 600; }
.sxSearchMenu #menu>span{ margin-left: 8px;}
.navbar-toggler{padding: 0 1.25rem; margin-top:8px}
.navbar-toggler:focus{box-shadow: 0 0 0 0;}
@media (max-width: 991px){
  .navbar .navbar-nav{padding-left: 26px;border-radius: 0 0 10px 10px !important; }
  #newsletter form .email {margin-bottom: 20px;}
}
@media(min-width:992px){
.navbar-bg-layer-left{
  background: var(--hjr-es-light-grey);
  width:50%; height:40px; float:left; }
.navbar-bg-layer-right{
  width:50%; height:40px;}
}
.navbar{
  padding-top: 0; padding-bottom: 0; top:-40px; 
  clear:both; position:relative; }
.navbar .navbar-nav .nav-item{height:40px}
/* Kontakt (kundenservice) */
#kontakt .column-container-left img {
  border-radius: 50%;
  background-color: var(--hjr-es-baige);
  margin: auto; }
#kontakt .column-container-left > div{
  height: 100%;
  display: flex; }

/* Blog-Bild */
.bs5.blog-beitrag .rounded-standard img{ border-radius: 1rem }

/* Footer */
#newsletter .title {font-size:21px; font-weight: 600; margin-bottom:20px; color:#ef7f01}
#newsletter .email {width:300px; padding: .375rem .75rem; margin-right:20px; top: 2px; position: relative; border:1px solid #ccc; border-radius:4px }
#newsletter .btn.btn-ci{margin: 0}
#footer ul{ padding-left: 0;}
#footer li{ list-style: none;}
#footer a{ text-decoration: none}
#footer a:hover{ color: #ef7f01}

/* Hintergrundbilder */
.bg-image {
  position: relative;
}
.bg-image > .bg-image-container-mobile, .bg-image > .bg-image-container-desktop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left bottom;
}
.container-bg-image > div.bg-image > div.bg-image-container-desktop {
  background-size: auto;
  background-position: left bottom;
}


.autor-text img{border-radius: 50%;}

@media (max-width: 767px){
  #kontakt .column-container-left img { margin-top: 30px }
}