@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:500,700,600,400|Inter:400");

body {
    margin: 0;
    background: #ffffff;

}

.screen a {
    /* display: contents; */
    text-decoration: none;
}

.alertsuccess {
    background: var(--soft-peach);
    padding: 15px;
    border-radius: 10px;
    width: 100%;
}

.valign-text-middle {
    display: flex;
    /* color: var(--onyx); */
    flex-direction: column;
    justify-content: center;
}

.hidden,
.hidden * {
    pointer-events: none;
    visibility: hidden;
}

* {
    box-sizing: border-box;
}

.logo-transparent-01-1 {
    height: 18px;
    object-fit: cover;
    position: relative;
    width: 165px;
}

.control-group {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 42px;
    position: relative;
}

.control-group-item {
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.breadcrumb {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    padding: 16px 0;
    position: relative;
    width: 100%;
}

.breadcrumb-item {
    letter-spacing: 0;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.f7chevron-right-2 {
    height: 16px;
    position: relative;
    width: 16px;
}

.step {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    padding: 80px 120px;
    position: relative;
    width: 100%;
}

.progress-bar {
    flex: 0 0 auto;
    object-fit: cover;
    position: relative;
    width: 686px;
}

.checkbox {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 7px;
    position: relative;
}

.bildungsrecht {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.jugendstrafrecht {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.gesundheitsrecht {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.checkbox-holder-1 {
    align-items: flex-start;
    align-self: stretch;
    background-color: var(--soft-peach);
    border-radius: 12px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    padding: 16px;
    position: relative;
    width: 100%;
}

.etwas-anderes {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.footer-section {
    background-color: var(--cararra);

}

.footer {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    padding: 80px 0;
    position: relative;
    width: 100%;
}

.kontaktiere-uns {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
}

.phone-6742622 {
    height: 24px;
    position: relative;
    width: 24px;
}

.email-6742589 {
    height: 24px;
    position: relative;
    width: 24px;
}

.location-6742610 {
    height: 24px;
    position: relative;
    width: 24px;
}

.clock-6742576 {
    height: 24px;
    position: relative;
    width: 24px;
}

.mo-fr-900-1700-uhr {
    flex: 1;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
}

.schnelllinks {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
}

.kundengeschichten {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.rechtliches {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
}

.datenschutzrichtlinie {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.servicebedingungen {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.impressum {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.x2024-kanzlei-raule {
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.social-group {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 16px;
    position: relative;
}

.instagram {
    height: 24px;
    position: relative;
    width: 24px;
}

.logo-transparent-01 {
    height: 18px;
    object-fit: cover;
    position: relative;
    width: 165px;
}

.x-67426 {
    height: 20px;
    position: relative;
    width: 20px;
}

.breadcrumb-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    padding: 16px 24px;
    position: relative;
    width: 100%;
}

.breadcrumb-item-1 {
    letter-spacing: 0;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.f7chevron-right-2-1 {
    height: 16px;
    position: relative;
    width: 16px;
}

.step-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    padding: 40px 24px;
    position: relative;
    width: 100%;
}

.logo-transparent-01-1-1 {
    height: 14px;
    object-fit: cover;
    position: relative;
    width: 141px;
}

.progress-bar-1 {
    align-self: stretch;
    flex: 0 0 auto;
    margin-left: -3.00px;
    margin-right: -3.00px;
    object-fit: cover;
    position: relative;
    width: 100%;
}

.checkbox-holder-2 {
    background-color: var(--white);
}

.checkbox-1 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 7px;
    position: relative;
}

.bildungsrecht-1 {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.jugendstrafrecht-1 {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.gesundheitsrecht-1 {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.checkbox-holder-3 {
    background-color: var(--soft-peach);
}

.etwas-anderes-1 {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.footer-1 {
    align-items: center;
    background-color: var(--cararra);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    padding: 40px 24px;
    position: relative;
    width: 393px;
}

.ob-beratung-oder-ver-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.kontaktiere-uns-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
}

.email-6742589-1 {
    height: 24px;
    position: relative;
    width: 24px;
}

.location-6742610-1 {
    height: 24px;
    position: relative;
    width: 24px;
}

.clock-6742576-1 {
    height: 24px;
    position: relative;
    width: 24px;
}

.mo-fr-900-1700-uhr-1 {
    flex: 1;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
}

.schnelllinks-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
}

.blog-aktualisierungen-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.dienstleistungen-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.kundengeschichten-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.partner-kooperationen-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.rechtliches-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
}

.datenschutzrichtlinie-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.servicebedingungen-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.ber-uns-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.impressum-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.social-group-1 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 16px;
    position: relative;
}

.facebook-1 {
    height: 24px;
    position: relative;
    width: 24px;
}

.linkedin-1 {
    height: 24px;
    position: relative;
    width: 24px;
}

.instagram-1 {
    height: 24px;
    position: relative;
    width: 24px;
}

.primetwitter-1 {
    height: 24px;
    position: relative;
    width: 24px;
}

.x2024-kanzlei-raule-1 {
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.partner-zusammenarbeit {
    line-height: 48px;
    margin-top: -1.00px;
    text-align: center;
}

.partner {
    align-self: stretch;
    letter-spacing: 0;
    position: relative;
}

.testimonials-group-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 40px;
    padding: 20px 24px 40px;
    position: relative;
    width: 100%;
}

.partner-zusammenarbeit-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 39px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
}

.info-cards-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    position: relative;
    width: 100%;
}


.button-7 {
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.minus-6742616 {
    height: 24px;
    position: relative;
    width: 24px;
}

.plus-6742627 {
    height: 24px;
    position: relative;
    width: 24px;
}

.nein-wir-bearbeiten {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    display: -webkit-box;
    height: 24px;
    letter-spacing: 0;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.die-bentigten-dokum {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    display: -webkit-box;
    height: 24px;
    letter-spacing: 0;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-center-1 {
    height: 184px;
    position: relative;
    width: 245px;
}

.button-13 {
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.minus-6742616-1 {
    height: 24px;
    position: relative;
    width: 24px;
}

.wie-lange-wird-mein-fall-dauern-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
}

.muss-ich-ihre-kanzle-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
}

.nein-wir-bearbeiten-1 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    display: -webkit-box;
    height: 24px;
    letter-spacing: 0;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.welche-dokumente-mus-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
}

.die-bentigten-dokum-1 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    display: -webkit-box;
    height: 24px;
    letter-spacing: 0;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bieten-sie-eine-kost-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
}

.ja-wir-bieten-eine-1 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    display: -webkit-box;
    height: 24px;
    letter-spacing: 0;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zufriedenheitsquote {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
}

.data-group-1 {
    width: 118px;
}

.jahre-erfahrung {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    width: max-content;
}

.data-group-2 {
    width: 122px;
}

.gelster-fall {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
}

.die-zusammenarbeit {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
}

.container {
    align-self: stretch;
    background: linear-gradient(90deg, rgb(237, 237, 237) 0%, rgb(247.24, 215.48, 224.96) 100%);
    border-radius: 20px;
    height: 340px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.group-1261152324 {
    height: 306px;
    left: 0;
    position: absolute;
    top: 34px;
    width: 375px;
}

.ihr-vertrauenswrdig {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 48px;
    margin-top: -1.00px;
    position: relative;
}

.erhalten-sie-magesc {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.im-laufe-der-jahre-h-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
}

.container-1 {
    align-items: flex-start;
    align-self: stretch;
    background: linear-gradient(180deg, rgb(237, 237, 237) 0%, rgb(247.24, 215.48, 224.96) 100%);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 627px;
    overflow: hidden;
    padding: 24px;
    position: relative;
    width: 100%;
}

.group-1261152325 {
    height: 275px;
    left: 104px;
    position: absolute;
    top: 352px;
    width: 241px;
}

.ihr-vertrauenswrdig-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 39px;
    margin-top: -1.00px;
    position: relative;
}

.erhalten-sie-magesc-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.vector-1-2 {
    align-self: stretch;
    height: 2px;
    position: relative;
    width: 100%;
}

.chevron {
    height: 16px;
    position: relative;
    width: 16px;
}

.feature-card-3 {
    background-color: var(--soft-peach);
}

.aktualisierungen {
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.datenschutzbestimmungen-akzeptieren {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.fa-qs {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 62px;
    padding: 80px 0;
    position: relative;
    width: 100%;
}

.ja-wir-bieten-eine {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    display: -webkit-box;
    height: 24px;
    letter-spacing: 0;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vector-3 {
    height: 233px;
    left: 254px;
    position: absolute;
    top: 21px;
    width: 222px;
}

.vector-4 {
    height: 34px;
    left: 382px;
    position: absolute;
    top: 244px;
    width: 33px;
}

.plus-6742627-3 {
    height: 24px;
    position: relative;
    width: 24px;
}

.header-2 {
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: var(--mercury);
    height: 92px;
    justify-content: space-between;
    padding: 16px 24px;
}

.header-3 {
    align-items: flex-start;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
}

.datenschutzbestimmungen-akzeptieren-1 {
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.group-8 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    position: relative;
    width: 100%;
}

.ber-uns-2 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.rechtsberatung-individuell-fr-sie {
    flex: 1;
    letter-spacing: 0;
    line-height: 54px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
}

.rechtsberatung-individuell-fr-sie-1 {
    flex: 1;
    letter-spacing: 0;
    line-height: 48px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
}

.place {
    letter-spacing: 0;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.entdecken-sie-unsere {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.categories {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 16px 16px;
    position: relative;
    width: 397px;
}

.verkehrsverste-rec-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
}

.erfahren-sie-w {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    display: -webkit-box;
    height: 48px;
    letter-spacing: 0;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

.die-rolle-digitaler-1 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    display: -webkit-box;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

.x20-dezember-2024-1 {
    letter-spacing: 0;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.place-1 {
    letter-spacing: 0;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.blog-1 {
    letter-spacing: 0;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.rechtliche-einblicke-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 39px;
    margin-top: -1.00px;
    position: relative;
}

.entdecken-sie-unsere-1 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.categories-1 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 16px 16px;
    position: relative;
    width: 100%;
}

.button-22 {
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.button-24 {
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.erfahren-sie-w-1 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    display: -webkit-box;
    height: 48px;
    letter-spacing: 0;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

.info-6 {
    align-items: center;
    align-self: stretch;
    display: flex;
    width: 100%;
}

.info-7 {
    align-items: center;
    align-self: stretch;
    display: flex;
    width: 100%;
}

.info-8 {
    align-items: center;
    align-self: stretch;
    display: flex;
    width: 100%;
}

.info-9 {
    align-items: center;
    align-self: stretch;
    display: flex;
    width: 100%;
}

.mehr-lesen {
    letter-spacing: 0;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.button-28 {
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.page {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 10px;
    position: relative;
    width: 44px;
}

.info-4 {
    align-items: center;
    align-self: stretch;
    gap: 8px;
    width: 100%;
}

.unser-freundliches-t {
    align-self: stretch;
    color: var(--boulder);
    font-weight: 400;
    line-height: 16.8px;
    position: relative;
}


.header {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    display: flex;
    height: 92px;
    justify-content: space-between;
    padding: 15px 0;
    position: relative;
    width: 100%;
}

.border-b {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: var(--mercury);
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
}

.dienstleistungen {
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.ber-uns {
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.button-4 {
    align-items: center;
    background-color: var(--paprika);
    border-radius: 100px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    height: 44px;
    justify-content: center;
    padding: 4px 20px 4px 24px;
    position: relative;
    max-width: 265px !important;
}

.button {
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.right-chevron-6742635 {
    height: 20px;
    position: relative;
    width: 20px;
}


/* footer */

.content-holder-2 {
    align-self: stretch;
    flex: 0 0 auto;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.column-2 {
    width: 274px;
}

.logo-holder {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    height: 40px;
    justify-content: center;
    position: relative;
}

.ob-beratung-oder-ver {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
}

.group-3 {
    align-items: flex-start;
    display: flex;
    gap: 32px;
    position: relative;
    max-width: 100%;
    width: 742px;
}

.column-1 {
    flex: 1;
    flex-grow: 1;
}

.info-1 {
    align-items: center;
    align-self: stretch;
    gap: 8px;
    width: 100%;
}

.text-49 {
    flex: 1;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
}

.info-2 {
    align-items: center;
    align-self: stretch;
    gap: 8px;
    width: 100%;
}

.infokanzleicom {
    flex: 1;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
}

.info-3 {
    align-items: center;
    align-self: stretch;
    gap: 8px;
    width: 100%;
}

.gerechtigkeitsstrae {
    flex: 1;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: -1.00px;
    position: relative;
}

.blog-aktualisierungen {
    letter-spacing: 0;
    line-height: 24px;
}

.partner-kooperationen {
    line-height: 24px;
}

.vector-1-1 {
    height: 2px;
    margin-left: -6.25px;
    margin-right: -6.25px;
    position: relative;
    width: 100%;
}

.text-group-9 {
    align-items: center;
    align-self: stretch;
    flex: 0 0 auto;
    justify-content: space-between;
    padding: 8px;
    width: 100%;
}

.facebook {
    height: 24px;
    position: relative;
    width: 24px;
}

.linkedin {
    height: 24px;
    position: relative;
    width: 24px;
}

.primetwitter {
    height: 24px;
    position: relative;
    width: 24px;
}

.avatar-image-60-5 {
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
}

.blog {
    align-self: stretch;
    position: relative;
}

.column-3 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.content-holder-3 {
    align-items: flex-start;
    display: flex;
}

.info-5 {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
}

.text-group-10 {
    display: flex;
    position: relative;
}

.accordion {
    display: grid;
    row-gap: 16px;
}

.accordion-item {
    display: block !important;
}

.accordion-item-header {
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    position: relative;
    cursor: pointer;
}

.accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 0rem;
    font-weight: 100;
}

.accordion-item-header.active::after {
    content: "\2212";
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    min-height: 30px;
}

.mt10 {
    margin-top: 10px;
}

.notosans-semi-bold-cultured-pearl-16px {
    color: #fff;
}

/* banner */

.content-holder-3 {
    align-items: flex-start;
    display: flex;
}

.section-1 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    padding: 80px 0;
    width: 100%;
}

.overlap-group,
.overlap-group12 {
    height: 340px;
    left: 724px;
    position: absolute;
    top: 0;
    width: 476px;
}

.vector-2 {
    height: 340px;
    left: 128px;
    position: absolute;
    top: 0;
    width: 348px;
}

.section-1 .content-holder-1 {
    flex-direction: column;
    gap: 24px;
    left: 48px;
    position: absolute;
    top: 48px;
    width: 588px;
}

.content-holder-2 {
    align-self: stretch;
    flex: 0 0 auto;
    justify-content: space-between;
    position: relative;
    width: 100%;
}


.button-1 {
    align-items: center;
    background-color: var(--paprika);
    border-radius: 100px;
    display: inline-flex;
    height: 52px;
    justify-content: center;
    padding: 4px 32px;
    position: relative;
}

.bgwhite {
    background-color: #fff;
}

.bgred {
    background-color: var(--paprika);
}

.active-btn {
    background-color: var(--paprika);
}

.act-button {
    align-items: center;
    background-color: var(--paprika);
    border-radius: 100px;
    display: inline-flex;
    height: 52px;
    justify-content: center;
    padding: 4px 32px;
    position: relative;
}

.button-5:hover,
.button-6:hover {
    color: #fff !important;
    background-color: var(--paprika);
    cursor: pointer;
}

/* partner */
.home-1-all-breakpoints-item {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 40px;
    padding: 80px 0;
    position: relative;
    width: 100%;
}

.info-cards {
    align-items: flex-start;
    gap: 40px;
    width: 100%;
}

.image-holder-7 {
    display: flex;
    flex-direction: column;
    position: relative;
}

.image-holder-1 {
    align-items: center;
    border: 1px solid;
    border-color: var(--mercury);
    border-radius: 16px;
    flex: 1;
    flex-grow: 1;
    gap: 16px;
    padding: 16px;
}

.image-1 {
    height: 114px;
    object-fit: cover;
    position: relative;
    width: 100%;
}

button:disabled,
button[disabled] {
    background-color: #B7A8AD;
}

body.modal-open {
    overflow: hidden;
}