@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Raleway:wght@400;500;600;700;800&display=swap');



:root {
  --roci-schwarz: rgb(51, 46, 43);
  --roci-braun-1: #5c4f45;
  --roci-braun-2: #897768;
  --roci-braun-3: #51443c; /* #5e4d3d */
  --roci-beige: rgb(253, 232, 215);
  --roci-creme: rgb(188, 153, 121);
  --nav-height: 85px;
}

/* 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) {
  :root {
    --nav-height: 120px;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}






/* --- CUSTOM TEST (ADVOKATUR) --- */

body {
  font-family: 'Raleway', sans-serif;
  background-color: #fde8d7;
  color: rgb(51, 46, 43); /* #505050 */
  font-weight: 400;
}


/* --- TYPOGRAPHY --- */

.heading-3xl,
.heading-2xl,
.heading-xl,
.heading-m,
.heading-xs,
.heading-3xl p,
.heading-2xl p,
.heading-xl p,
.heading-m p,
.heading-xs p,
.heading-3xl *,
.heading-2xl *,
.heading-xl *,
.heading-m *,
.heading-xs *,
h2 {
  font-family: 'Raleway', sans-serif;
  color: var(--roci-schwarz);
  font-weight: 700;
}
a,
a:link,
a:visited {
  color: var(--roci-schwarz);
}
a:hover,
a:active {
  color: var(--roci-braun-1);
}


.spitzmarke {
  font-size: 16px;
  letter-spacing: 0.5rem;
  font-weight: 500;
}
.heading-3xl,
.heading-3xl p,
.heading-3xl * {
  margin-bottom: 40px;
  font-size: 32px;
  font-family: 'Abril Fatface', cursive;
}
.heading-3xl p {
  margin-bottom: 0px;
}
.heading-2xl,
.heading-2xl p,
.heading-2xl * {
  margin-bottom: 20px;
  font-size: 32px;
  font-family: 'Abril Fatface', cursive;
}
.paragraph-l,
.paragraph-l p,
.paragraph-l * {
  margin-bottom: 36px;
}


@media (min-width: 1200px) {
  .heading-2xl,
  .heading-2xl p,
  .heading-2xl * {
    font-size: 62px;
  }
  .heading-3xl,
  .heading-3xl p,
  .heading-3xl * {
    font-size: 62px;
  }
}








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


.btn-outline-primary svg path {
  fill: #fff;
}
.btn-outline-primary {
  background-color: var(--roci-schwarz);
  border-color: var(--roci-schwarz);
}
.btn-outline-primary:hover {
  background-color: var(--roci-schwarz);
  border-color: var(--roci-schwarz);
}







.btn-primary {
  background-color: var(--roci-creme);
  border-color: var(--roci-creme);
  font-weight: 700;
}
.btn-primary:hover {
  background-color: var(--roci-creme);
  border-color: var(--roci-creme);
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active, .btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--roci-creme);
  border-color: var(--roci-creme);
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus, .btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  background-color: var(--roci-creme);
  border-color: var(--roci-creme);
  box-shadow: none;
}













.textblock::before {
  display: none;
}

.header {
  text-shadow: none;
}



















.navbar-collapse .navbar-nav {
  margin-top: 1rem;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  font-weight: 600;
  font-size: 18px;
  color: var(--roci-schwarz);
}

.navbar-light .navbar-toggler {
  color: transparent;
  border-color: transparent;
}




.navbar-brand img {
  margin-right: 3rem;
}
.navbar-brand img {
  height: 60px;
}


/* 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) {
  .navbar-collapse .navbar-nav {
    margin-top: 0rem;
  }
  .navbar .container {
    max-width: 100%;
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .navbar-brand img {
    height: 100px;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}








.sidebar-some ul {
  background-color: var(--roci-schwarz);
}


@media (min-width: 1400px) {
  .sidebar {
    padding-bottom: 18vh;
  }
}





/* --- PROTOTYP --- */

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


/* --- SECTION --- */


section {
  background-color: var(--roci-beige);
}

section .bg-light,
section .bg-light .heading {
  background-color: rgb(137, 119, 104) !important;
  color: #fff;
}
section .bg-light svg path {
  fill: #fff;
}





/* --- MODULE --- */



.core_frontend_einstieg_header-ueberlagernd_01 .ratio,
.core_frontend_einstieg_header-ueberlagernd_02 .ratio,
.core_frontend_einstieg_header-ueberlagernd_03 .ratio {
  height: 70vh; /* 75vh */
}


.core_frontend_einstieg_header-ueberlagernd_03,
.core_frontend_einstieg_header-ueberlagernd_03 p,
.core_frontend_einstieg_header-ueberlagernd_03 * {
  text-align: left;
  color: var(--roci-schwarz);
}

.core_frontend_einstieg_header-ueberlagernd_03 p {
  padding-right: 15%;
}


.core_frontend_einstieg_header-ueberlagernd_03 .heading-3xl,
.core_frontend_einstieg_header-ueberlagernd_03 .heading-3xl p,
.core_frontend_einstieg_header-ueberlagernd_03 .heading-3xl * {
  font-size: 42px;
  width: 240px;
}


.core_frontend_einstieg_header-ueberlagernd_03 .container {
  text-align: left !important;
  align-items: flex-start !important;
}


/* 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-ueberlagernd_03 .heading-3xl,
  .core_frontend_einstieg_header-ueberlagernd_03 .heading-3xl p,
  .core_frontend_einstieg_header-ueberlagernd_03 .heading-3xl * {
    font-size: 80px;
    width: 100%;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .core_frontend_einstieg_header-ueberlagernd_03,
  .core_frontend_einstieg_header-ueberlagernd_03 p,
  .core_frontend_einstieg_header-ueberlagernd_03 * {
    font-size: 20px;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .core_frontend_einstieg_header-ueberlagernd_03 .container {
    max-width: 100%;
    padding: 9rem;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}










.core_frontend_einstieg_header-ueberlagernd_03 .container > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  padding-bottom: 0px !important;
  height: 100%;
  justify-content: space-between;
}
.core_frontend_einstieg_header-ueberlagernd_03 .container > div {
  margin-bottom: 0px;
}
.core_frontend_einstieg_header-ueberlagernd_03 .container > div:nth-child(1) > p:last-child {
  display: none;
}



.core_frontend_einstieg_header-gestapelt_03 {
  background-color: var(--roci-creme);
}
.core_frontend_einstieg_header-gestapelt_03 .spitzmarke,
.core_frontend_einstieg_header-gestapelt_03 .paragraph,
.core_frontend_einstieg_header-gestapelt_03 .spitzmarke p,
.core_frontend_einstieg_header-gestapelt_03 .paragraph p,
.core_frontend_einstieg_header-gestapelt_03 p:nth-of-type(2) {
  color: #fff;
  margin-bottom: 0px;
}
/*
.core_frontend_einstieg_header-gestapelt_03 .ratio {
  padding-top: calc(1 / 3 * 100) !important;
}
*/
@media (min-width: 1200px) {
  .core_frontend_einstieg_header-gestapelt_03 .ratio {
    --bs-aspect-ratio: calc(1 / 2 * 100%);
  }
}







.core_frontend_inhalt_icon-grid_01 {
  background-color: rgb(137, 119, 104);
}








.card {
  background-color: var(--roci-schwarz);
  box-shadow: none !important;
  border-radius: 0px;
}
.card,
.card .heading,
.card .heading p,
.card .heading ul,
.card .heading li,
.card .heading * {
  color: #fff !important;
}
.card .row .col-sm-6 {
  display: flex;
  flex-direction: row;
  align-items: center;
}



.card ul.check li::before {
  content: '●';
  background-image: inherit;
}






.form-control,
.form-control:focus,
.form-select,
.form-select:focus {
  border: 1px solid #fff;
  border-radius: 0px;
  box-shadow: none;
}







.core_frontend_uebersicht_cards-gestapelt_06 .titel-lead {
  max-width: 100%;
  text-align: center;
}
.core_frontend_uebersicht_cards-gestapelt_06 .card .card-img-top {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.core_frontend_uebersicht_cards-gestapelt_06 .card .card-body {
  padding: 3rem;
  margin-bottom: 1rem;
}


.core_frontend_uebersicht_cards-gestapelt_06 .row-cols-1 .col:nth-child(even) .row .col-md-6:nth-of-type(1) {
  order: 2;
}
.core_frontend_uebersicht_cards-gestapelt_06 .row-cols-1 .col:nth-child(even) .row .col-md-6:nth-of-type(2) {
  order: 1;
}



.core_frontend_uebersicht_cards-gestapelt_06 .card .heading {
  margin-bottom: 36px;
}


/* 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) {
  .core_frontend_uebersicht_cards-gestapelt_06 .card .card-body {
    padding: 4rem;
  }
  .core_frontend_uebersicht_cards-gestapelt_06 .container {
    max-width: 100%;
    padding: 4rem;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .core_frontend_uebersicht_cards-gestapelt_06 .card .card-body {
    padding: 9rem;
  }
  .core_frontend_uebersicht_cards-gestapelt_06 .container {
    max-width: 100%;
    padding: 9rem;
  }
}











/* --- ICON-GRID --- */


.icon-grid.full-width .heading,
.icon-grid.full-width .heading p,
.icon-grid.full-width .heading * {
  background-color: inherit !important;
  color: #fff !important;
}
.icon-grid.full-width .col:nth-of-type(1) {
  background-color: var(--roci-schwarz) !important;
}
.icon-grid.full-width .col:nth-of-type(2) {
  background-color: var(--roci-braun-1) !important;
}
.icon-grid.full-width .col:nth-of-type(3) {
  background-color: var(--roci-braun-2) !important;
}
.icon-grid.full-width .col:nth-of-type(4) {
  background-color: var(--roci-braun-3) !important;
}
.icon-grid.full-width .col svg path {
  fill: #fff;
}





.core_frontend_uebersicht_cards-gestapelt_01 .container {
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
}
.core_frontend_uebersicht_cards-gestapelt_01 .card {
  height: 100%;
}
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead h2,
.core_frontend_inhalt_schritte_01 .titel-lead,
.core_frontend_inhalt_schritte_01 .titel-lead .heading,
.core_frontend_inhalt_schritte_01 .titel-lead h2,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-3xl,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-2xl,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xl,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-m,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xs,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-3xl p,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-2xl p,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xl p,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-m p,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xs p,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-3xl *,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-2xl *,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xl *,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-m *,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xs *,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead h2 {
  margin-bottom: 0px;
  padding-bottom: 0px !important;
  font-size: 32px;
  font-family: 'Abril Fatface', cursive !important;
}
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading,
.core_frontend_uebersicht_cards-gestapelt_01 .titel-lead h2,
.core_frontend_inhalt_schritte_01 .titel-lead .heading,
.core_frontend_inhalt_schritte_01 .titel-lead h2 {
  margin-bottom: 40px;
}







.core_frontend_kontakt_firma_04 .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}
.core_frontend_kontakt_firma_04 .bg-light,
.core_frontend_kontakt_firma_04 .bg-light .heading {
  background-color: var(--roci-creme) !important;
}
.core_frontend_kontakt_firma_04 .bg-light .heading {
  color: var(--roci-schwarz) !important;
}
.core_frontend_kontakt_firma_04 .bg-dark {
  background-color: var(--roci-braun-3) !important;
}







@media (min-width: 1200px) {
  .core_frontend_uebersicht_cards-gestapelt_01 .card .card-body {
    padding: 4rem;
  }
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead h2,
  .core_frontend_inhalt_schritte_01 .titel-lead,
  .core_frontend_inhalt_schritte_01 .titel-lead .heading,
  .core_frontend_inhalt_schritte_01 .titel-lead h2,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-3xl,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-2xl,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xl,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-m,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xs,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-3xl p,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-2xl p,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xl p,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-m p,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xs p,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-3xl *,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-2xl *,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xl *,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-m *,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading-xs *,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead h2 {
    font-size: 62px;
  }
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead .heading,
  .core_frontend_uebersicht_cards-gestapelt_01 .titel-lead h2,
  .core_frontend_inhalt_schritte_01 .titel-lead .heading,
  .core_frontend_inhalt_schritte_01 .titel-lead h2 {
    margin-bottom: 80px;
  }
  .core_frontend_uebersicht_cards-gestapelt_01 .ratio {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
}







.core_frontend_inhalt_schritte_01 .py-5 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.core_frontend_inhalt_schritte_01 .bg-light {
  background-color: var(--roci-beige) !important;
}



.core_frontend_inhalt_schritte_01 .icon {
  min-width: 28px;
  width: 28px;
  max-width: 28px;
  margin-bottom: 24px !important;
}
.core_frontend_inhalt_schritte_01 p {
  max-width: 200px;
}
.core_frontend_inhalt_schritte_01 .spitzmarke p {
  font-size: 18px;
  font-weight: 700;
}
.core_frontend_inhalt_schritte_01 .heading-xs,
.core_frontend_inhalt_schritte_01 .heading-xs p {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 12px;
  max-width: inherit;
}

/* 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) {
  .core_frontend_inhalt_schritte_01 .icon {
    min-width: 28px;
    width: 28px;
    max-width: 28px;
    margin-bottom: 24px !important;
  }
  .core_frontend_inhalt_schritte_01 .spitzmarke p {
    font-size: 18px;
    color: rgb(183, 158, 138);
  }
  .core_frontend_inhalt_schritte_01 .heading-xs,
  .core_frontend_inhalt_schritte_01 .heading-xs p {
    font-size: 32px;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}





footer .heading-xs {
  text-transform: uppercase;
  font-size: var(--bs-body-font-size);
  font-weight: 800;
}







@media (min-width: 768px) {
  .core_frontend_uebersicht_cards-gestapelt_01 .row-cols-md-3 > * {
    width: 50% !important;
  }
}








.container {
  max-width: 1750px;
}