/* Site styles — carried over unchanged from the legacy assets/css/styles.css. */
* {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.nav {
  flex-wrap: nowrap !important;
}
@media (min-width: 768px) {
  .navbar-collapse {
    flex-grow: unset !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

div#kanzlei-vorschau-text > span,
div#service-vorschau-text > span {
  font-family: Tahoma, tahoma-w01-regular, tahoma-w02-regular,
    tahoma-w10-regular, tahoma-w15--regular, tahoma-w99-regular, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
#katharina-mehmedovic{
		display: none !important;
}
#kontakt-text p {
  text-indent: -1.5em;
  margin-left: 2.3em;
}

.page-footer {
  clear: both;
  height: 79px;
  margin: 20px 0 1px 0;
  background-color: rgba(45, 45, 47, 1);
  border-bottom: 0 solid rgba(45, 45, 47, 1);
  border-top: 0 solid rgba(45, 45, 47, 1);
}

.navbar {
  background-color: rgba(45, 45, 47, 1);
  border-bottom: 0 solid rgba(45, 45, 47, 1);
  border-top: 0 solid rgba(45, 45, 47, 1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  margin-top: 3px;
  padding: 1.5rem 1rem;
}

#datenschutz-text,
#impressum-text {
  font: 400 13px/1.3em Tahoma, tahoma-w01-regular, tahoma-w02-regular,
    tahoma-w10-regular, tahoma-w15--regular, tahoma-w99-regular, sans-serif !important;
}

.navbar-brand {
  font-size: 2rem;
}

.navbar-dark .navbar-nav .nav-link {
  font: 100 13px/42px Tahoma, Verdana, Segoe, sans-serif;
  text-transform: uppercase;
}

#navcol-1 ul li.nav-item.dropdown ul li a {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  text-transform: uppercase;
  font-size: 13px;
}

.footer-copyright {
  color: #b8bbc1 !important;
  font: 400 11px/7 Tahoma, Verdana, Segoe, sans-serif;
}

@media (max-width: 768px) {
  .w-100 {
    display: none !important;
  }
}

.footer-copyright a {
  color: #b8bbc1 !important;
}

.footer-copyright a:hover {
  text-decoration: unset !important;
  color: #ffb400 !important;
}

#other-content .col-sm {
  padding-right: unset !important;
  padding-left: unset !important;
  margin-top: 25px;
}

#other-content div div div.col-sm span {
  
  font: 400 13px/1.3em Tahoma, tahoma-w01-regular, tahoma-w02-regular,
    tahoma-w10-regular, tahoma-w15--regular, tahoma-w99-regular, sans-serif;
  color: #404144;
  margin: 10px 0;
}

#kontaktdaten {
  background-color: rgba(255, 180, 0, 1);
  border-top: unset !important;
}

.active {
  color: rgba(255, 180, 0, 1) !important;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
  display: block;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
@media (max-width: 991px) {
  .same-height {
    height: 230px !important;
  }
}
@media (max-width: 895px) {
  .col-sm-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .same-height {
    height: auto !important;
  }

  #robert-karehnke,
  #oliver-diesing,
  #torsten-hulzer {
    border-bottom: 1px solid black;
    padding-bottom: 0.5rem;
  }

  #robert-karehnke,
  #oliver-diesing,
  #torsten-hulzer,
  #frank-karehnke,
  #katharina-mehmedovic {
    margin-top: 1rem;
  }

  #anwaelte-bild {
    display: none;
  }
}

@media (min-width: 896px) {
  #frank-karehnke,
  #robert-karehnke,
  #oliver-diesing,
  #torsten-hulzer {
    border-right: 1px solid;
  }
}

@media (max-width: 992px) {
  #kanzlei-bild {
    display: none;
  }
}

.dropdown-menu {
  
  margin-left: 20px;
}

h3,
h2 {
  font-size: 1.5rem !important;
}

#datenschutz.active,
#impressum.active {
  color: #ffb400 !important;
}

.cont-contactBtn .contact-form input[type="submit"] {
  background-color: #ffb400 !important;
}

@media (max-width: 992px) {
  .navbar-brand {
    font-size: 1.3rem;
  }
}

@media (max-width: 800px) {
  .navbar-collapse.text-right.collapse.show,
  .navbar-dark .navbar-nav .nav-link {
    text-align: left !important;
  }

  .navbar-nav .dropdown-menu {
    display: block;
    background: none;
    border: none;
  }
}

@media (max-width: 767px) {
  .col-sm-8,
  .col-sm {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .margin-left-50 {
    margin-left: unset !important;
  }

  .container {
    max-width: unset !important;
  }
}

.md-form .form-control {
  padding: 0.3rem 0.55rem !important;
}

.blue,
footer.page-footer .footer-copyright {
  background-color: rgba(45, 45, 47, 1) !important;
}

.btn-primary,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #ffb400 !important;
}

#en-flag,
#de-flag {
  height: 15px;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: unset !important;
}

@media (max-width: 768px) {
  .navbar-dark .navbar-nav .nav-link {
    font-weight: 550;
  }

  .dropdown-item {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 650;
  }

  .dropdown-item:focus,
  .dropdown-item:hover {
    background-color: unset !important;
  }

  .dropdown-item:focus,
  .dropdown-item:hover {
    color: rgba(255, 255, 255, 0.75) !important;
  }
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-menu {
  background-color: unset !important;
  border: unset !important;
}

#other-content div div div.col-sm-8 ul li {
  padding-top: 0.8rem !important;
}

.dropdown-item {
  color: white;
  padding-left: unset !important;
  padding-right: unset !important;
  padding-bottom: 1.7rem;
  font-size: 14px;
}

@media (min-width: 769px) {
  .dropdown-item {
    margin-top: -28px;
    margin-left: -11px;
  }
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: rgb(255, 180, 0);
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgb(255, 180, 0);
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: rgb(255, 180, 0) !important;
}

body {
  line-height: 1 !important;
}

.same-height {
  height: 180px;
  margin-left: unset !important;
  margin-right: unset !important;
}

#kanzlei-vorschau-text span,
#service-vorschau-text span {
  font: 400 13px/1.3em Tahoma, tahoma-w01-regular, tahoma-w02-regular,
    tahoma-w10-regular, tahoma-w15--regular, tahoma-w99-regular, sans-serif;
  color: #404144 !important;
}

@media (max-width: 765px) {
  .navbar .dropdown-menu {
    position: relative !important;
  }

  #navcol-1 ul li.nav-item.dropdown ul li a {
    font-weight: 600;
  }
}

/* ---- Rules that lived in per-page <style> blocks of the legacy site ---- */

@media (min-width: 575px) {
  .margin-left-50 {
    margin-left: 50px;
  }
}

/* Former inline styles of the navbar */
.brand-accent {
  color: rgba(255, 180, 0, 1);
}

.navbar-dark .navbar-nav .nav-link.nav-lang {
  padding-right: unset;
}

/* Keyboard users get the same dropdown as mouse users */
ul.nav li.dropdown:focus-within ul.dropdown-menu {
  display: block;
}

/* Font Awesome 5 compatible inline SVG icons */
.icon {
  display: inline-block;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
  fill: currentColor;
}

.icon.fa-fw {
  width: 1.25em;
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item,
  .collapsing,
  .modal.fade .modal-dialog,
  .fade {
    transition: none !important;
  }
}

/* Desktop dropdown: the bottom padding of "Team" was covered by the next item (negative
   margin-top), so the lower half of "Team" opened the next page. Same text positions,
   but the spacing is now a margin, so the clickable areas no longer overlap. */
@media (min-width: 769px) {
  .dropdown-item {
    padding-bottom: 0;
    margin-bottom: 1.7rem;
  }
}

/* The material checkbox hides the native input — show keyboard focus on its box. */
.form-check-input:focus-visible + .form-check-label::before {
  outline: 2px solid #ffb400;
  outline-offset: 2px;
}
/* Typography of the CMS text snippets in src/content/<lang>/*.html (formerly repeated inline styles). */

/* Body copy of the legal-area pages. */
.cms-text {
  font: 400 13px/1.3em Tahoma, tahoma-w01-regular, tahoma-w02-regular, tahoma-w10-regular,
    tahoma-w15--regular, tahoma-w99-regular, sans-serif;
  color: #404144;
}

/* Highlighted paragraph. */
.cms-accent {
  color: #ffb400;
}

/* Sub-headings inside the texts; !important beats the global `h3, h2 { font-size: 1.5rem !important }`. */
.cms-subheading {
  font: 600 13px/1.3em Tahoma, tahoma-w01-regular, tahoma-w02-regular, tahoma-w10-regular,
    tahoma-w15--regular, tahoma-w99-regular, sans-serif !important;
  color: #404144;
}

/* Large headings (start-page teasers, "Our areas of expertise include"). */
.cms-heading {
  margin: 5px 0 0;
  font: 400 25px/1.2em Signika, Arial, Helvetica, sans-serif;
  color: #404144;
}

/* Introductory sentence of the firm page. */
.cms-lead {
  font: 18px/1.3em Tahoma, tahoma-w01-regular, tahoma-w02-regular, tahoma-w10-regular,
    tahoma-w15--regular, tahoma-w99-regular, sans-serif;
}

.cms-lead-dark {
  color: #404144;
}

/* Teaser text set in a block element: the metrics of the `#other-content … span` rules,
   but keeping the global font-family. */
.cms-teaser {
  font-size: 13px;
  line-height: 1.3em;
  color: #404144;
}

/* Download links on the service page. */
.cms-link {
  color: #ffb400 !important;
}

/* Footnote of the construction-law list; the gap was a <br> directly inside the <ul>
   (one line of the list's 13px/1.3em text). */
#hint {
  margin-top: 1.3em;
}