/**
 * @Date:   2019-09-05T20:16:56+02:00
 * @Last modified time: 2019-09-14T00:19:55+02:00
 */



/* Custom CSS - Sachverständigenbüro Jürgen Klatt */

/* Body */
body{
  font-family: Open Sans, Helvetica, Arial
}

#container-body{
    background-color: #fafafa;
}

/* General */
.h1, h1, .h2, h2, .h3, h3, .h4, h4{
  font-size: 1.5rem;
}

.h2, h2{
  font-size: 1.3rem;
}

.h3, h3, .h4, h4{
  font-size: 1.1rem;
}

#headline-all{
  margin-bottom: 1em;
  border-width: 0em 0em 0.1em 0em;
  border-style: solid;
  border-color: #353990;
  padding-bottom: 0.2em;
}

/* HEADER */
#logo-container{
  margin-top: 1em;
  margin-bottom: 1em;
  /*margin-left: -15px;
  margin-right: -15px;*/
}

#contact-before-header-text{
  margin-left: -15px;
  margin-right: -15px;
}

#contact-before-header-text p {
  padding-bottom: 5px;
  font-size: 14px;
}

#contact-before-header-container{
  background-color: #353990 ;
  color: #fff;
  padding-top: 5px;
}

.header{
  background-color: #fafafa;
}

#mail-header{
  color: #fff;
}

/* Navbar */

#container-nav{
  padding-left: 0px;
  padding-right: 0px;
}

.custom-nav-diverter p{
  display: block;
  padding: .5rem 1rem;
  color: #fff;
  margin-bottom: 0 !important;
}

.navbar{
  background-color: #e0e0e0; /*#f1f1f1; */
  margin-top:10px;
  /*border-color: #708090;
  border-width: 1px 0px 1px 0px;
  border-style: solid;*/
}

.nav-item{
  margin-right: 0.5em;
}

.navbar-light .navbar-toggler{
  color: #000;
  border-color: #000;
}

.navbar-expand-lg .navbar-nav .nav-link{
  padding-right: 1em !important;
  padding-left: 1em !important;
  color: #000 !important;
  border-radius: 3px !important;
}

.navbar-expand-lg .navbar-nav .nav-link:hover{
  background-color: #353990;
  color: #fff !important;
}

.navbar-expand-lg .navbar-nav > .active > a{
  background-color: #808080;
  color: #fff !important;
}

/* Article */

/* Start */

#article{
  margin-top: 15px;
  margin-bottom: 15px;
}

#article-front-head{
  margin-left: -15px;
  margin-right: -15px;
}

#article-diverter{
  height:0.1em;
  background-color: #353990;
  margin-bottom: 1em;
}

#headline-start{
  margin-bottom: 1em;
}

#portrait{
  border-radius: 3px;
  padding-bottom: 1em;
}

.list-start-sv{
  font-size:1.1rem;
  padding-left:1px;
  list-style: none;
}

.list-start-sv > li {
  padding-left: 1.3em;
}
.list-start-sv > li:before {
  content: "\f101\00a0";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em;
  width: 0.7em;
  color: #353990;
}


/* Leistungsgebiete */

#lg-nav{
  margin-top:10px;
  /*padding-left: 0 !important;
  padding-right: 0 !important;*/
}

.nav-pills > .nav-link{
  border-color: #353990;
  border-width: 1px;
  border-style: solid;
}

.nav-pills > .nav-link.active{
  background-color: #808080 !important;
}

.nav-pills > .nav-link:hover{
  background-color: #353990;
  color: #fff !important;
}

#bt-gutachten, #bt-zimmer, #bt-dachdecker{
  margin-top:5px;
  margin-left:2.5px;
  margin-right:2.5px;
}

#lg-nav-diverter{
  margin-top:5px;
  height:0.1em;
  background-color: #353990;
  margin-bottom: 1em;
}

.list-lg{
  padding-left:1px;
  list-style: none;
}

.list-lg > li {
  padding-left: 1.3em;
}
.list-lg > li:before {
  content: "\f101\00a0";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em;
  width: 0.7em;
  color: #353990;
}

#mail-header-lg{
  color: #353990;
}

.card-header{
  background-color: rgba(0,0,0,.07);
}

#lg-acc > .card{
  margin-bottom: 0em;
}

/* Vita */

#headline-berufsweg{
  margin-top: 2em;
}

.table-td-left-berufsweg{
  width: 25%;
}

/* Schadensbeispiel */

.card{
  margin-bottom: 1em;
}

/* Impressum */
#disclaimer{
  margin-top: 30px;
}

/* Foot-Boxes */
#container-footboxes{
  background-color: #e4e4e4; /*#e0e0e0;*/
}

#foot-boxes{
  padding-left:0px;
  padding-right:0px;
}

.headline-boxes{
  margin-top:0.5rem;
}

#headline-foot-boxes-diverter{
  height:0.1em;
  background-color: #353990;
  margin-bottom: 0.5rem;
}

.list-foot-boxes{
  list-style:none;
  padding-left:0px;
}

.list-foot-boxes li{
  border-bottom: 1px dotted #353990;
}

.list-foot-boxes li a::before{
  font-family: "FontAwesome";
  content: "\f105\00a0";
  margin-right: 8px;
}

.list-foot-boxes li a{
  color: #212529;
}


.list-foot-boxes li a:hover{
  text-decoration:none;
  color: #353990;
}

/* Footer */

#container-footer{
  padding-left: 0px;
  padding-right: 0px;
}

#footer{
  margin-left: -15px;
  margin-right: -15px;
}

#imprint-dataprivacy{
  background-color: #353990 ;
  color: #fff;
  padding-top: 5px;
  text-align:center;
}

#imprint-dataprivacy-text{
  padding-bottom: 5px;
  font-size: 14px;
  margin-bottom: 0px;
}

#imprint-dataprivacy-text > a {
  color: #fff;
}