@charset "UTF-8";
/*
Theme Name: Deus Logistic
Author: amd-it.de
Author URI: 
Description: 
Version: 1.0.0

*/
.wpcf7-not-valid-tip{
  display: inline-block;
  width: 90%;
  float: right;
}

#but-menu{
  margin-top:15px;
}

.navbar{
  box-shadow : 0px 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
html {
  scroll-behavior: smooth;
}

a:hover {
  text-decoration: none;
  border-bottom: 2px solid #e41e13;
}

.wpcf7 input[type="submit"] {
  font-weight: bold;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
  color: #d8000c;
  background-color: #ffbaba;
  border: 0;
  padding: 10px;
}
.wpcf7-response-output {
  margin: 0px 0px 16px 0px !important;
}

select {
  overflow: hidden;
  width: 120%;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #4f8a10;
  background-color: #dff2bf;
  border: 0;
  padding: 10px;
}
div.wpcf7-mail-sent-ok:before,
div.wpcf7-validation-errors:before {
  font: 26px/30px dashicons;
  margin-right: 16px;
  vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
  content: "\f147";
}
div.wpcf7-validation-errors:before {
  content: "\f158";
}
.service-icon {
  background-color: #e41e13;
  width: 90px;
  height: 90px;
  margin: 0px;
  margin-top: 2em;
  margin-bottom: 2em;
}

.navbar-icon {
  height: 30px !important;
}
.nav-item {
  padding-left: 2em;
}
.footer-menu > .nav-item {
  padding-left: 0em !important;
}
ol {
  padding-left: 0px;
}

.hide {
  display: none;

}

.navbar-collapse a:hover {
  border-bottom: 3px solid white;
}

.text-right1{
  float:right;
}

input.wpcf7-form-control.wpcf7-submit {
  float: right;
  background-color: #e41e13;
  color: white;
  margin-bottom: 2em;
}

.navbar-collapse a.active {
  border-bottom: 3px solid white;
  font-weight: bold;
}
.navbar-collapse a {
  color: white !important;
}

.footer-menu a:hover {
  border-bottom: 3px solid white;
}

.footer-menu a.active {
  border-bottom: 3px solid white;
}
.footer-menu a {
  color: white !important;
}

.text-myred {
  color: #e41e13 !important;
}
.myred {
  background-color: #e41e13;
}

.my-image-p {
  width: 100% !important;
  max-width: 100%; 
}

#my-image-top{
  margin-top: 3.5em;
}

.cover {
  width: 100%;
  height: 600px;
}
.video-thumbnail {
  height: 100%;
  background-size: cover;
      background-position: center;
    background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
}

#brand {
  height: 20px;
  width: 250px;
}

.grecaptcha-badge { 
  bottom:2em !important; 
}

/* wird */
@media (min-width: 992px) {
  .form-control {
    float: right !important;
    width: 85% !important;
  }

  .mycontact {
    padding-right: 4em !important;
  }
  #mytextarea {
    width: 93.5% !important;
  }
}

@media (max-width: 991.98px) {
  .cover {
    height:400px;
  }

  :target:before {
    content: "";
    display: block;
    height: 40px; /* fixed header height*/
    margin: -15px 0 0; /* negative fixed header height */
  }
  
  .navbar-collapse a {
    color: #e41e13 !important;
  }
  .navbar-toggler{
    color: white;
  }
  .navbar-toggler:after {
    background-color: #e41e13 !important;
    color: white;
  }
  a.activated{
    font-weight: bold;
  }
  .navbar-collapse a.active {
    border-bottom: 3px solid #e41e13;
  }
  .navbar-collapse a:hover {
    border-bottom: 3px solid #e41e13;
  }
  .footer-menu a:hover {
    border-bottom: 3px solid #e41e13;
  }
  #navbarExample5 {
    border: none;
    width: 100%;
    height: 50px;
    margin-top: 20px;
    box-shadow: -4px 13px 20px -20px #333;
    margin: -50px auto 10px;
  }

  .navbar-collapse {
    background-color: white;
    margin: -5px -135px -25px -140px;
    height: auto !important;
    width: auto !important;
    padding-bottom:5px;
  }
  #menu-deus-menu{
    margin-left: 135px!important;
  }
}

/* wide smartphone */
@media (max-width: 767.98px) {
  .nav-item {
    width: 100% !important;
  }
 
  li {
    padding-left: 0px !important;
    margin-left: 0px !important;
  }
  .my-image-p {
    height:400px;
  }

 .fa-left {
    float:right;
    width: 100px;
    padding-right:9.5em;
  }

  .mb-half {
    margin-bottom: 0.5em !important;
  }

  .mt-two{
    margin-top: 2em !important;
  }

  .menu-item-type-custom {
    float:center;
    width:100px;
  }
  .fa-right {
    float:left;
    width: 100px;
    padding-left:7.5em;
  }

  .navbar-collapse {
    background-color: white;
    margin: -1px -120px -25px -120px;
    height: auto !important;
    width: auto !important;
    padding-bottom: 10px;
  }

  #menu-deus-menu{
    margin-left: auto !important;
  }
  
}

/* for smartphone */
@media (max-width: 575.98px) {
  .my-xs-label {
    width: 25% !important;
  }

  .my-xs-input {
    width: 65% !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
  }
  #mytextarea {
    width: 93% !important;
  }
  #footnote {
    font-size: small;
  }
  .contact-text {
    padding-right: 3em !important;
  }

  .cover {
    height:200px !important;
  }

  .navbar-collapse {
    background-color: white;
    margin: -1px -50px -25px -50px;
    height: auto !important;
    width: auto !important;
    padding-bottom: 10px;
  }
  
  .fa-left {
    float:right;
    width: 100px;
    padding-right:30px;
  }

  .menu-item-type-custom {
    float:center;
    width:100px;
  }
  .fa-right {
    float:left;
    width: 100px;
    padding-left:5px;
  }

  .text-right1{
    float: left;
  }
}

/* special for small smartphone */
@media (max-width: 349px) {
  .navbar-collapse{
    background-color: white;
    margin: -1px -16px -25px -16px;
    height: auto !important;
    width: auto !important;
  }
  .fa-left {
    float: right;
    width: 50px;
    padding-right: 20px;
  }
  .fa-right {
    float: left;
    width: 50px;
    padding-left: 0px;
  }
}
/* special for small smartphone */
@media (max-width: 372px) {
  .col-7{
    flex: 0 0 65%; 
    max-width: 75%;

  }

  .col-5{
    flex: 0 0 35%; 
    max-width: 25%;
  }
  
  #contact-banner-text{
    padding-right: 0px;
    padding-left: 14px;
  }
}




#footnote{
  background: #ffffff !important;
  box-shadow: 0px -8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #f4f3f4 !important;
}

#kunden-background {
  background-color: #f4f3f4;
}
a {
  font-style: italic;
}
:target:before {
  content: "";
  display: block;
  height: 90px; /* fixed header height*/
  margin: -50px 0 0; /* negative fixed header height */
}

.white-bg {
  background: #ffffff !important;
}
.carousel {
  margin: 1.5rem;
}
.carousel-inner {
  height: auto;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

.carousel-control-prev {
  margin-left: -10px;
  color: #e41e13 !important;
}

.carousel-control-next {
  margin-right: -10px;
  color: #e41e13 !important;
  border-bottom: none !important;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 70%;
  margin: auto;
}

#img-top {
  margin-top: 55px;
}