@media screen and ( max-width: 768px ) and ( min-width: 721px ){
.menu-toggle {margin-right: 0px; margin-top: -50px;   color:  #fff; }
button.menu-toggle {margin-right: 0px; margin-top: -150px}
}

@media screen and ( max-width: 720px ) and ( min-width: 320px ){
.logo { margin-left: 0px;}
.logo-img  { text-align: left;}
.menu-toggle {margin-right: 0px; margin-top: -50px;   color:  #fff; }
button.menu-toggle {margin-right: 0px; margin-top: -150px}
}


@media screen  and (min-width: 768px) and (max-width:775px) {
.menu-toggle {margin-right: 20px; margin-top:0px;   color:  #fff; }
.main-navigation > div > ul {background: #fff; z-index:99999;border: 1px solid #e0e0e0; box-shadow: 2px 2px 5px silver;}
.navigation-top a { color:   #cc0033;}
}

.logo { margin-left: 30px;}
}


body { color: #003366;}

h1 {font-size: 24px; margin-bottom: 30px; color: #003366; font-weight: bold;}
h2 {font-size: 20px; margin-bottom: 24px; color: #003366; font-weight: bold;}
h3 {font-size: 14px; margin-bottom: 24px; color: #cc0033; font-weight: bold;}
h4 {font-size: 14px; margin-bottom: 10px; color: #cc0033; font-weight: bold;}
h5 {font-size: 14px; margin-bottom: 16px; color: #003366; font-weight: bold;}
h6 {font-size: 12px; margin-bottom: 12px; color: #003366; font-weight: bold;}

ul, ol {margin: 0 0 10px 25px; line-height: 1.9; }
p {margin-bottom: 0.8rem; line-height: 1.9;}

.search-form button.search-submit { background: #cc0033;  color: #fff;}
.post-info {display:none;}

.navi {
width: 100%;
left: 0px;
position: relative;
padding: 10px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;}

.logo {right: 0px;}



@media screen and (max-width: 767px)
{.brot {margin-top:180px !important;padding: 20px !important;}
  .main-navigation.toggled-on > div > ul {background-color: #fff; border: 1px solid #003366;}
  #content {padding: 10px 0;}
  .prof {margin-top: 40px !important;}
  .dgak {padding:0px !important; margin-top: 20px !important;}
  .logo {width: 100%; margint: 0 auto ;}
  .col-md-12 {padding-right: 0px;}

.main-navigation.toggled-on > div > ul {background-color: #fff;  border: 1px solid #e0e0e0;     box-shadow: 2px 2px 5px silver;}
.navigation-top a { color: #cc0033;}
}
  

@media screen  and (min-width: 913px) and (max-width:992px) {
.navi {width: 970px; 
left: 70px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;}
.container { max-width: 820px;}
}

@media screen  and (min-width: 767px) and (max-width:912px) {
.navi {width: 970px; 
left: -10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;}
.container { max-width: 800px;}
.main-navigation a { padding: 22px 4px !important;}

}


@media screen  and (min-width: 1070px) and (max-width: 1200px) {
.main-navigation a { padding: 22px 5px !important;}
}

@media screen and (max-width:1030px) and (min-width: 1000px){
.logo-img img {
    width: 140px;
    height: 132px;
    top: 27px;}

}

.prof {margin-top: 150px;}
.dgak {margin-top: 140px; padding-left: 20px;}

.brot {margin-top:80px;
  padding: 20px 119.5px 20px 119.5px; 
  border-left: 0px;
  border-right: 0px;
  background-image: url(https://ms-systementwicklung.de/wp-content/uploads/2019/04/BG-Breadcrum.jpg);
  background-position: center center;
  background-size: cover;
  }
.brot a{font-size: 11px !important;}
.trail-item {font-size: 11px !important;}
.breadcrumb-trail {font-size: 11px !important;   max-width: 1110px !important; margin: 0 auto; }
.trail-browse {display:none !important;}

@media screen and (min-width: 48em) {
.main-navigation > div > ul {
    margin-right: 0px !important;}
 }

#menu-item-1094 {padding-right: 0px !important;}