body {
  color: #4f4f4f;
  background-image: linear-gradient( 170deg,#fefefe 46.22%, #ffe59f); 
  /*background-image: url('/images/atccare/atccare-back.png');*/
  /*background-size: cover;*/
}
.btn-primary {
  background-color: #ffa800;
  border-color: #efefef;
  color: white;
}
.btn-primary:hover {
  background-color: #f09f02;
  border-color: #efefef;
  color: white;
}
#jtl button.modal-toggle {
  background-color: #ffa800;
  border-color: #efefef;
  color: white;
}
#jtl button.modal-toggle:hover {
  background-color: #f09f02;
  border-color: #efefef;
  color: white;
}
.login-checks {
  width:100%;
  font-size:x-small;
  margin-bottom: 15px;
  background-color: #efefef;
  border-radius: 5px;
}
.login-checks , td {
  padding:5px;
}
.footer {
  color: #fff;
    /* background-color: var(--cassiopeia-color-primary); */
    background-image: url(/images/atccare/atccare-water.png);
    margin-top: 1em;
    background-size: contain;
    background-color:transparent;
}
#jtl , .mod-login-logout__button {
  float:right;
  margin: 20px;
  color: black;
}
.modal-backdrop.show {
  display:none;
}
.container-nav {
    justify-content: end !important;
    border-radius: 5px;
}
.navbar-brand {
  width:150px;
}
.brand-logo {
  float:right;
}
.brand-logo-mirror {
    transform: scaleY(-1);
    position: relative;
    bottom: -100%;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), 100%, rgba(0, 0, 0, 1));
}
.container-header {
    background-color: #efefef;
    background-image: linear-gradient( 170deg,#fefefe 46.22%, #fcdf8e) !important;
    border-bottom: 5px solid gray;
    border-image: linear-gradient( 45deg,#ffffff 10%, #ffa011) 1;
}
.mod-menu {
    color: #000000 !important;
}
/*Bundesvorstand Übergangseffekt*/

.overlay {
  opacity: 0.7;
  position: absolute;
  top: 0;
  background-color: #FFA800;
  overflow: hidden;
  width: calc(90% - calc(var(--gutter-x)* .9));
  height: 0;
  transition: .5s ease;
}

.text {
  opacity: 1;
  font-size: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.textslide {
  opacity: 1;
  color: white;
  font-size: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.b1:hover .overlay, .b2:hover .overlay, .b3:hover .overlay, .b4:hover .overlay, .b5:hover .overlay, .b6:hover .overlay, .b7:hover .overlay, .b8:hover .overlay {
  height: 100%;
  
}

.portfolio {
  background-color: #fff;
}

.portfolio img {
  width: 90%;
}

.col-sm-4 {
    position:relative;
    margin-bottom:10px;
  }

.image {
  display: block;
  width: 100%;
  height: auto;
}

/* ENDE Bundesvorstand */