body {
  color:#777777;
  font-size:1.2em;
  line-height: 1.6em;
}
li {
	line-height: 1.6em;
    list-style-image: none !Important;
    list-style-position: outside;
  margin-bottom:10px;
}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
  color: #B80B08;
  text-decoration: none;
  position: relative;
}
a:link, a:visited, a:focus {
  color:#B80B08;text-decoration: none;
}
a:hover {
  color:#000000!important;text-decoration: none;
}
a:active {
  color:#000000;text-decoration: none;
}
.container-header {
  z-index: 10;
  background-color: white;
  background-image: none;
  position: relative;
  box-shadow: inset 0 5px 5px #00000008;
}
.logo-balken {
  text-align:center;
  background-color: #455869;
  float:left; display:block;
  width:100%; 
  height: 115px; margin-top: 30px; }
}

.container-header .container-nav {
  flex-wrap: nowrap;
  justify-content: center;
  padding-bottom: 1em;
}
.container-header .container-nav {
  flex-wrap: nowrap;
  justify-content: center;
  padding-bottom: 1em;
}
.mod-menu {
  color: gray;
  flex: 1 0 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.container-header .mod-menu > li > a:link {
  color: gray;
  text-decoration: none;
  position: relative;
}
.container-header .mod-menu {
  color: #b80b08;text-align:center;margin: 0px auto 0px auto;float:left;
  list-style: none;
    list-style-position: outside;
    list-style-image: none;
}

.container-header .mod-menu > li > a:hover {
  color: #b80b08;
  text-decoration: none;
  position: relative;
}

.container-header .navbar-toggler {
  color: gray;
  cursor: pointer;
  border: 1px solid #fff;
}
.container-bottombar {
  padding: 30px 20px;
  background-image: url(../images/bg.row5.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.mod-articles-item {
  background-color: white;padding:20px 30px;margin:0px 10px;
}
.footer {
  background-color: #3b414d;background-image: none;
}
/* =============================== Typografie ============================= */

h1 {
  color: #505050;font-weight:400; text-transform:uppercase;padding:40px 0px;letter-spacing:0.02em;
}
.page-header h1 {
  font-size: 2em;letter-spacing:0.02em;
  background-color:#eeeeee; padding:30px 0px 40px 10px; margin:-32px 0px 40px 0px;
}
h2 {
  font-size:1.6em;color: #505050;font-weight:400; text-transform:uppercase;padding:0px 0px 20px 0px;letter-spacing:0.02em;
}
h3 {
  font-size:1.1em;color: #505050;font-weight:400; text-transform:normal;padding:0px 0px 20px 0px;letter-spacing:0.02em;
}
.page-header h2 {
  font-size:1.1em;color: #505050;font-weight:400; text-transform:normal;padding:0px 0px 20px 0px;letter-spacing:0.02em;
}
/* =============================== Blog ================================*/
.card-kompetenzen {
  height:150px;
}
@media (width => 1680px) {
.card-kompetenzen {
  height:150px;
}
  }
@media (width => 1680px) {
.card-kompetenzen {
  height:300px;
}
  }
@media (width => 1200px) {
.card-kompetenzen {
  height:400px;
}
  }
  @media (width => 991px) {
.card-kompetenzen {
  height:400px;
}
    }
 @media (width => 468px) {
.card-kompetenzen {
  height:450px;
}
  }
/* =============================== Spalten ============================= */
.spalte1 {
  text-align: left; width: 30%; float: left;
}
.spalte1-border {
  text-align: justify;
  width: 30%;
  float: left;
  max-width: 300px;
  margin: 20px 0 20px 0;
    margin-top: 20px;
  padding: 5px;
  border: solid 1px #cfcfcf;
}
.spalte1-2 {
  text-align: left;
  margin: 0px 0px 20px 2%;
  width: 68%;
  float: left;
}
.spalte1-3 {
  width:100%;float:left;margin-bottom:40px;
}
.feature-verkehrsrecht {
  width:24%; margin-right:1%;border:1px solid #aaaaaaa;float:left;
}
.feature-zivilrecht {
  width:24%; margin-right:1%;border:1px solid #aaaaaaa;float:left;
}
.feature-erbrecht {
  width:24%; margin-right:1%;border:1px solid #aaaaaaa;float:left;
}
.feature-mahnrecht {
  width:24%; margin-right:1%;border:1px solid #aaaaaaa;float:left;
}
.feature-versicherungsrecht {
  width:24%; margin-right:1%;border:1px solid #aaaaaaa;float:left;
}
@media (width <= 991px) {
.spalte1 {
  width: 100%;margin-bottom:20px;
}
.spalte1-border {
  width: 100%;
}
.spalte1-2 {
  width: 100%;
}
}
/* =============================== Banner ============================= */

 #mod-custom120 {
  color: #fff;
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  height: auto;
}
#mod-custom128 {
  color: #fff;
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  height: auto;
}
#mod-custom129 {
  color: #fff;
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  height: auto;
}
#mod-custom130 {
  color: #fff;
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  height: auto;
}
 #mod-custom131 {
  color: #fff;
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  height: auto;
}
#mod-custom132 {
  color: #fff;
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  height: auto;
}
 #mod-custom133 {
  color: #fff;
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  height: auto;
}
#mod-custom134 {
  color: #fff;
  background-position: left 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  height: auto;
}
 #mod-custom120 img {
  padding:0px 1rem;background-color:#eeeeee;
}
#mod-custom128 img {
  padding:0px 1rem;background-color:#eeeeee;
}
  #mod-custom129 img {
  padding:0px 1rem;background-color:#eeeeee;
}
 #mod-custom130 img {
  padding:0px 1rem;background-color:#eeeeee;
}
 #mod-custom131 img {
  padding:0px 1rem;background-color:#eeeeee;
}
 #mod-custom132 img {
  padding:0px 1rem;background-color:#eeeeee;
}
  #mod-custom133 img {
  padding:0px 1rem;background-color:#eeeeee;
}
  #mod-custom134 img {
  padding:0px 1rem;background-color:#eeeeee;
}

@media (width >= 1350px) {
 #mod-custom120 img {
  max-width:1360px;
}
    #mod-custom128 img {
  max-width:1360px;
}
    #mod-custom129 img {
  max-width:1360px;
}
    #mod-custom130 img {
  max-width:1360px;
}
   #mod-custom131 img {
  max-width:1360px;
}
    #mod-custom132 img {
  max-width:1360px;
}
    #mod-custom133 img {
  max-width:1360px;
}
    #mod-custom134 img {
  max-width:1360px;
}
}
.container-banner {
  background-color:#eeeeee;padding:0px 0px;
  margin: 0 0 2rem;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  display: block;
}
.container-banner .banner-overlay .overlay {
  text-align: center;
  background-color: #00000020;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1em;
  display: flex;
}
/* =============================== Blog ============================= */
.blog-items .blog-item {
  border: 1px solid #e5e5e8; padding:10px 10px;
}
.blog-item {
  border: 1px solid #e5e5e8; padding:10px 10px;
}
/* =============================== Bilder ============================= */

.left.item-image {
  float: left;margin-right:20px;
}
/* =============================== Menu ============================= */
.metismenu.mod-menu .mm-toggler::after {
  content: "";
  border-top: .4em solid;
  border-left: .4em solid #0000;
  border-right: .4em solid #0000;
  width: 0;
  height: 0;
  margin-inline-start: .5em;
  transition: all .3s ease-out;
}