@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500&display=swap');



:root {
  --radvokatur-gruen: #006C68;
  --radvokatur-schwarz: #171E3E;
  --nav-height: 70px;
  --bs-body-font-size: 16px;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  :root {
    --nav-height: 102px;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  :root {
    --bs-body-font-size: 18px;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  :root {
    --bs-body-font-size: 20px;
  }
}







/* --- TYPOGRAPHY --- */

body {
  font-family: 'Noto Sans', sans-serif;
  background-color: #fff;
  color: var(--radvokatur-schwarz);
  font-weight: 400;
}

.paragraph-l,
.paragraph-m,
p {
  font-size: var(--bs-body-font-size);
  margin-bottom: 48px;
}

.heading-3xl,
.heading-2xl,
.heading-xl,
.heading-l,
.heading-m,
.heading-s,
.heading-xs {
  font-family: 'Noto Serif', serif;
  color: var(--radvokatur-gruen);
  font-weight: 700;
}
a {
  color: var(--radvokatur-gruen);
  text-decoration: none;
}


.heading-3xl,
.heading-3xl p,
.heading-2xl,
.heading-2xl p {
  font-size: 24px;
}
.heading-3xl,
.heading-2xl {
  margin-bottom: 36px;
}
.heading-3xl p,
.heading-2xl p {
  margin-bottom: 0px;
}

.spitzmarke {
  font-size: 16px;
  letter-spacing: 0.5rem;
}


.btn-primary {
  color:#fff;
  background-color: var(--radvokatur-gruen);
  border-color: var(--radvokatur-gruen);
  border-radius: 0px;
  font-weight: 500;
  margin-bottom: 36px;
  padding-left: 36px;
  padding-right: 36px;
}




/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .heading-2xl,
  .heading-2xl p {
    font-size: 32px;
  }
  .heading-3xl,
  .heading-3xl p {
    font-size: 45px;
  }
  .heading-xs,
  .heading-xs p {
    font-size: 24px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .heading-3xl,
  .heading-3xl p {
    font-size: 55px;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}







main ul:not(.navbar-nav),
main ul.check {
  padding-left: 16px !important;
}
main ul.check li::before {
  display: none;
}
main ul:not(.navbar-nav),
main ul.check {
  list-style-type: disc;
}
main ul:not(.navbar-nav) li,
main ul.check li {
  padding-left: 1rem;
}
main li::marker {
  color: var(--radvokatur-gruen);
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*
  ul:not(.navbar-nav),
  ul.check {
    padding-left: 38px !important;
  }
  */
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}







.titel-lead {
  padding-bottom: 0px !important;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  section .container,
  footer .container {
    padding-left: 150px;
    padding-right: 150px;
    position: relative;
  }
  section .container .heading,
  footer .container .heading {
    position: relative;
  }
  section .container .heading-2xl::before,
  footer .container .heading-2xl::before,
  section .container .heading-xl::before,
  footer .container .heading-xl::before {
    content: ' ';
    background-color: var(--radvokatur-gruen);
    position: absolute;
    top: 1.25rem;
    left: -100px;
    width: 67px;
    height: 4px;
  }
  .titel-lead {
    max-width: 715px;
  }
  .partnerlinks .liste {
    column-count: 1;
  }
  .content-halb {
    max-width: inherit;
    padding: 3rem !important;
  }
  /*
  footer .container {
    padding: 3rem;
  }
  */
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  section .container,
  footer .container {
    padding-left: 100px;
    padding-right: 100px;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .content-halb {
    padding-left: 0rem !important;
  }
}


















@media (min-width: 1200px) {
  .core_frontend_einstieg_header-gestapelt_03 .ratio {
    --bs-aspect-ratio: calc(4 / 5 * 100%) !important;
  }
}






section.core_frontend_inhalt_text_04:nth-child(5),
section.core_frontend_inhalt_text_04:nth-child(5) .heading {
  background-color: var(--radvokatur-gruen);
  color: #fff !important;
}
section.core_frontend_inhalt_text_04:nth-child(5) .heading::before {
  background-color: #fff;
}
section.core_frontend_inhalt_text_04:nth-child(5) li::marker {
  color: #fff;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .core_frontend_einstieg_header-gestapelt_03 .paragraph-l {
    position: relative;
    padding-left: 38px;
  }
  .core_frontend_einstieg_header-gestapelt_03 .paragraph-l::before {
    content: '';
    background: var(--radvokatur-gruen);
    position: absolute;
    top: 12px;
    left: 0;
    width: 26px;
    height: 2px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .core_frontend_einstieg_header-gestapelt_03 .container-fluid {
    padding: 5rem;
    max-width: 1440px;
  }
  .core_frontend_einstieg_header-gestapelt_03 .paragraph-l::before {
    top: 16px;
  }
}
















.navbar {
  font-family: 'Noto Serif', serif;
  color: var(--radvokatur-schwarz);
  font-size: var(--bs-body-font-size);
}
.navbar .container {
  max-width: 100%;
}
.navbar .me-auto {
  margin-right: 0 !important;
}
.navbar .navbar-brand img {
  max-width: 200px;
}
.navbar-light .navbar-toggler {
  border-color: transparent;
  color: transparent;
}
.navbar-collapse {
  margin-top: 1rem;
}







.navbar .nav-item a {
  position: relative;
}
.navbar .nav-item a::before {
  content: ' ';
  background-color: var(--radvokatur-schwarz);
  position: absolute;
  bottom: 7px;
  left: 18px;
  width: 0;
  height: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar .nav-item.active a::before,
.navbar .nav-item:hover a::before {
  width: calc(100% - 36px);
}

main a {
  position: relative;
}
main a::before {
  content: ' ';
  background-color: var(--radvokatur-schwarz);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
main a:hover {
  color: var(--radvokatur-schwarz);
}
main a:hover::before {
  width: 100%;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .navbar .navbar-brand img {
    max-width: 250px;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .navbar {
    padding: 1.5rem !important;
    font-family: 'Noto Serif', serif;
    color: var(--radvokatur-schwarz);
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .navbar-nav {
    text-align: right;
    margin-right: 0 !important;
  }
  .navbar-collapse {
    margin-top: 0rem;
    text-align: right;
    display: flex;
    justify-content: flex-end;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .navbar .navbar-brand img {
    max-width: 350px;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}





section .container,
footer .container {
  max-width: 944px;
}
@media (min-width: 576px) {
  .row-cols-sm-2 > * {
    width: 100%;
  }
}











.accordion-button {
  color: var(--radvokatur-gruen) !important;
  padding-left: 0;
  padding-right: 0;
}
.accordion-item {
  border-radius: 0px !important;
}

/*
.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23006C68'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23006C68'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
*/





footer,
footer.bg-white {
  background-color: var(--radvokatur-gruen) !important;
}
footer,
footer.bg-white,
footer *,
footer.bg-white * {
  color: #fff !important;
}







/* --- PROTOTYP --- */

.modulname {
  display: none;
}
.modulvorschau {
  opacity: 0.3;
}


/* --- SECTION --- */

section {
  background-color: #fff;
}
section .bg-dark .heading {
  color: #fff;
}






.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23006C68'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}








@media (min-width: 992px) {
  .navbar-nav {
    margin-left: auto;
  }
}



div.col-auto > p {
  margin-bottom: 2rem !important;
}





.titel-lead h4 {
  color: var(--radvokatur-gruen);
  margin-bottom: 2rem;
  line-height: var(--bs-body-line-height)
}