.r-30{
  width: 30px;
  height: 30px;
}

.r-30 img{
  width: 30px;
  height: 30px;
}

span.circle{
  margin-right: 5px;
}

span.circle:last-child{
  margin-right: 0px;
}

.kiju-cards .card .card-img-top{
  height: 230px;
  object-fit: cover;
}

div.hero-video, div.hero-video2, div.hero-video_mr, div.hero-video_schule {
  position: relative;
  background-color: black;
  height: 50vh;
  box-sizing: border-box;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

div.hero-video video,  div.hero-video2 video, div.hero-video_mr video, div.hero-video_schule video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

div.hero-video .container, div.hero-video2 .container, div.hero-video_mr .container, div.hero-video_schule .container {
  position: relative;
  z-index: 2;
}

div.hero-video .overlay, div.hero-video2 .overlay, div.hero-video_mr .overlay, div.hero-video_schule .overlay{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1e0b8c;
  opacity: 0.5;
  z-index: 1;
}

.boxed{
background-color: #ffffff;
}

.pt-10{padding-top: 6rem;}

strong{
font-weight: 600!important;
}

.mci-form{
  position: relative;
  z-index: 9999999;
}

#mci-form .form-control{
border-bottom-color: #ee7200;
}

#mci-form .form-control:focus{
border-bottom-color: #ffffff;
}

.bg-orange{
  background-color: #ee7200;
}


.bg-gray{
  background-color: #f9f9f9;
}


.text-orange{
  color: #ee7200;
}

@media only screen and (min-width: 820px) and (max-width: 1024px){
  .mci-banner{
      position: absolute;
      bottom: 60px;
      width: 35%;
      right: 0;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
      padding-left: 40px;
    }
}

.mci-card{
min-width: 100%;
}

.mci-card .card {
  border: none;
  border-radius: 0px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
  -ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
}

.mci-card img {
  width: 62px;
  height: 60px
}

.mci-card .users img {
  border-radius: 50%;
  border: none;
  margin-right: -15px;
  width: 35px;
  height: 32px
}


@media screen and (max-width: 384px) {
  .mci-card .card {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center
  }

  .mci-card .row {
      text-align: center;
      line-height: 3;
      display: flex;
      justify-content: center
  }

  .mci-card .ml-auto {
      margin-left: 20px !important
  }
}

div.hero-video_schule {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: bottom !important;
    background-color: black !important;
}

@media (pointer: coarse) and (hover: none) {
    div.hero-video_schule {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position-x: center !important;
        background-position-y: bottom !important;
        background-color: black !important;
    }
}

#second-navigation ul.navbar-nav li {
padding: 15px;
}
#second-navigation ul.navbar-nav li a {
padding: 0;
}

#second-navigation ul.navbar-nav .nav-item.active {
font-weight: 600;
}

#second-navigation ul.navbar-nav li:first-child {
padding-left: 0;
}

@media screen and (min-width:300px) and (max-width:835px){
#second-navigation ul.navbar-nav li a {
    padding: 0;
}
#second-navigation ul.navbar-nav li:first-child {
    padding-left: 15px;
}
.h1{
  font-size: 2.0rem;
}
}

.w-30{width: 30%}
.w-33{width: 33.333%}
.w-70{width: 70%}
.w-40{width: 40%}
.w-60{width: 60%}

@media screen and (min-width:300px) and (max-width:835px){
  #second-navigation ul.navbar-nav li a {
      padding: 0;
  }
  #second-navigation ul.navbar-nav li:first-child {
      padding-left: 15px;
  }
}