@charset "utf-8";
/* CSS Document */
html{font-size: 20px;line-height: 1.2;}
html, body {font-family: Arial, Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";color: #444;}
h1{font-size:1.25rem;font-weight: bold;color: #034ea2;}
.h1{color: #034ea2;margin-bottom: 50px;font-size:1.25rem;font-weight: bold;}
.h2{font-size: 1rem;}
h3.h4{font-size: 1.25rem;font-weight: bold;color:#034ea2;}
h4.h5{font-size: 1rem;font-weight:normal;}
a{text-decoration: none;}
.greenColor{color: #005b45}
.blueColor{color: #1758a7}
.whiteColor{color: #fff}
.bgBlueColor{background-color: #1758a7;color:#fff;}
.bgBlueColor *{color:#fff;}
.bgGreyColor{background-color: #eee;}
.border30{border-radius: 30px;padding:30px;}

.fontSize16 p{font-size: .8888rem;}
.twoCols{-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;}
.twoCols strong{color:#034ea2;}
ul.squares{list-style: square;padding-left:15px;-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;}
ul.squares li{font-size: 1rem;-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */}
ul.squares li::marker{color:#034ea2;}

header{position: relative;}
.headerPhone{margin-bottom: 75px;}
.headerPhone a{color:#444;text-decoration:none;line-height: 2.5rem;position: relative;}
.headerPhone a span.phone{background: url("../img/phone-call.svg") no-repeat;background-size:25px;width:40px;height:60px;display: inline-block;position: absolute;top:0;}
.headerPhone a span.telno{display: inline-block;margin-left:30px;}
.headerLogo{z-index: 1;background-color:#fff;font-size:1rem;text-align: center;}
.headerLogo a{color:#444;text-decoration: none;}
.headerLogo img{margin-top: 25px;}
.logos{max-width: 475px;width:100%}

nav{margin-bottom: 10px;}
.dropdown-menu{border-radius: 0;}
.nav-item.active a{color:#034ea2;font-weight: bold;}
.dropdown.nav-item .dropdown-menu a{color:rgba(0, 0, 0, 0.65);font-weight: normal;}
.dropdown.nav-item.active .dropdown-menu .nav-link.active a{color:rgba(0, 0, 0, 0.65);font-weight: bold;}
.navbar-toggler{margin: 0 auto;}
.blueHeaderBorder{position: absolute;height: 5px;width:75%;bottom: 30px;left:0;background-color:#034ea2;z-index: 0;}
.blueFooterBorder{position: absolute;height: 5px;width:100%;top: 30px;left:0;background-color:#034ea2;z-index: 0;}


main{z-index: 0;position: relative;}
main a{color: #444;}
.bannerImg{margin-bottom: 30px;}

.kanzleien > .col-md-48{border: 3px solid #aaa;}

.form-group.row{margin-bottom:15px;}
.btn-primary{background: #034ea2;border-color:#034ea2;}

/* Karriereportal */
.karriere h1{font-size: 2rem;}
.karriere h3{font-size: 1.5rem;}
.benefitCard{margin-bottom: 16px;}
.row > .benefitCard:last-child{margin-bottom: 0;}
.benefitCard div{padding:30px 30px 15px 30px;height:100%;border-radius:30px;background-color:#fff;color:#034ea2;}
.benefitCard p{color:#444;}
.benefitCard h4{border-bottom: 1px solid #444;padding-bottom: 10px;font-size: 1.25rem;font-weight: 700;}
.jobPreview{border: 2px solid #eee;border-radius: 30px;padding: 30px;}
.jobPreview:hover{box-shadow: 0 0 4px 0px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 4px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0 0 4px 0px rgba(0,0,0,0.5);}
.jobPreview ul{padding-left: 20px;}
.jobPreview h4{font-size: 1.25rem;font-weight: 700;}
#bewerberform label{color:#034ea2;}
#bewerberform .custom-radio label{color: #444;}
.showFr{display: none;}

footer {border-bottom:50px solid #ddd;border-top:5px solid #034ea2;font-size: .85rem;position:relative;padding-top: 45px;}
footer.home {border-top:none;padding-top:0;}
footer > .container {margin-bottom: 60px;}
footer .col-lg-3 {margin-bottom: 15px;}
footer > .container a{color:#444;text-decoration: none;}

#scrollToTopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 45px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #444; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
	width:45px;height:45px;line-height: 1em;
  border-radius: 0; /* Rounded corners */
  font-size: 28px; /* Increase font size */
	font-weight: bold;
}

#scrollToTopBtn:hover {
  background-color: #034ea2; /* Add a dark-grey background on hover */
}

@media (min-width: 576px) {
  .modal-dialog {max-width: 1024px;}
}
@media (min-width: 768px) {
	.headerPhone{display: none;}
}
@media (min-width: 992px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1760px;width:100%;
  	}
	.footerRight{text-align: right;}
	.footerCenter{text-align: center;}
	.dropdown:hover>.dropdown-menu {
	  display: block;
	}
	.dropdown>.dropdown-toggle:active {
	  /*Without this, clicking will make it sticky*/
		pointer-events: none;
	}
}
@media (max-width: 1199px) {
    .h1{font-size: calc(1rem + 1.25vw);}
}
@media (max-width: 1099px) {
    .whiteFooterBorder{display: none;}
}
@media (max-width: 991px) {
    html{font-size: 16px;}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 992px;width:100%;
  }
  .col-md-04 {
    display: none;
  }
    .col-md-48{margin: 15px;max-width: calc(100% - 30px);}
    .digitaleKanzlei{justify-content: flex-start !important;margin-top: 0 !important}
	ul.squares{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;-webkit-column-gap: 0;-moz-column-gap: 0;column-gap: 0;}

    footer{padding-top: 15px;}
    footer .row{max-width: 100%;margin:0;}
    footer .col-md-48 {margin: 0;max-width: 100%;}
	.row.footerRow > div{padding-left: 0;padding-right: 0;}
}
@media (max-width: 767px) {
    .h1{margin-bottom: 15px;text-align: center;}
    header .row{flex-flow: column-reverse; -webkit-flex-flow: column-reverse;}
    .blueHeaderBorder{width:100%;bottom: 15px;}
    .twoCols{-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
    .headerPhone{position: absolute;top: -20px;z-index: 2;margin-left: auto;margin-right: auto;left:0;right:0;text-align: center;margin-bottom: 0;}
    .headerLogo img{max-width: 250px;}
    main{margin-top: 0;}
    .logos{max-width: 300px;width:100%}
	.dropdown-menu{padding-left:10px;padding-right:10px;}
    .kanzleien iframe{margin-top: 15px;min-height: 450px;}
    .kanzleien .pt-3{margin-top: 15px;}
    .kanzleien a{display: block;}
    .kanzleien span{display: none;}
    .hausFoto{margin-bottom: 15px;}
	.footerRow .col-xl-7 > div {flex-wrap: wrap;}
	.footerRow .col-xl-7 > div > div{width:100%;}
	#scrollToTopBtn{bottom: 25px;}
}
@media (max-width: 479px) {
	.footerRow > div{width: 100%;}
	.footerRow > div:nth-child(2), .footerRow > div:nth-child(4){text-align: left;}
}