<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ibiber — ibiber.de</title>
            <link rel="canonical" href="https://ibiber.de/">
    <link rel="sitemap" type="application/xml" href="https://ibiber.de/sitemap.xml">

            <link rel="icon" href="/favicon.ico" sizes="32x32">
        <link rel="icon" type="image/svg+xml" href="/favicon.svg">
        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
        <link rel="manifest" href="/site.webmanifest">
        <meta property="og:image" content="https://ibiber.de/og-image.png">
        <meta property="og:title" content="Ibiber">
    <meta property="og:type" content="website">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;600;700;800&amp;display=swap&amp;family=Open+Sans:wght@400;600&amp;display=swap" rel="stylesheet">

    <style>
        :root {
            --e8916b18: hsl(28, 20%, 21%);
            --ta061c46: hsl(28, 10%, 46%);
            --y2f10a6c: hsl(28, 30%, 11%);
            --yf2832c5: hsl(36, 50%, 44%);
            --ub068747: hsl(38, 15%, 97%);
            --vca89f21: hsl(38, 12%, 100%);
            --vcec869b: hsl(28, 5%, 21%);
            --ub7a5daa: hsl(28, 3%, 45%);
            --ub32366f: hsl(38, 10%, 87%);
            --ta1709d6: 'Source Serif 4', sans-serif;
            --a4fae513: 'Open Sans', sans-serif;
            --yf1a49f0: 1.125rem;
            --wdd1c3f9: 700;
            --taaecbe3: 1.75;
            --a482e082: none;
            --f9056e60: 52rem;
            --ub287e3e: 2rem;
            --vcb5fb58: 1.25rem;
            --e81b34cf: 2rem;
            --y21fe303: 0;
            --ub5682ea: none;
            --z3e9d10f: none;
            --y26206d7: none;
            --xebd2bbc: none;
            --xecb67aa: transparent;
            --ub2ce8a3: 28, 20%, 21%;
            --z38f96a1: 28, 25%, 25%;
        }
    </style>

    <style>
.vc27b33e {
    font-family: var(--a4fae513);
    font-size: var(--yf1a49f0);
    line-height: var(--taaecbe3);
    color: var(--vcec869b);
    background-color: var(--ub068747);
    margin: 0;
}

.yf79c6c7 {
    max-width: var(--f9056e60);
    margin: 0 auto;
    padding: var(--ub287e3e) var(--e81b34cf);
}

.b5d4c44d {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    text-transform: var(--a482e082);
    color: var(--y2f10a6c);
}

.yfbcd0f7 {
    color: var(--e8916b18);
    text-decoration: none;
}
.yfbcd0f7:hover {
    color: var(--y2f10a6c);
    text-decoration: underline;
}

/* Header */
.wd388c4a {
    background-color: var(--vca89f21);
    border-bottom: 1px solid var(--ub32366f);
    box-shadow: inset 0 -3px 0 var(--xecb67aa, transparent);
}
.a4813bde {
    max-width: var(--f9056e60);
    margin: 0 auto;
    padding: 1rem var(--e81b34cf);
}
.d711f82c {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.375rem;
    color: var(--y2f10a6c);
    text-decoration: none;
}
.d711f82c:hover {
    color: var(--e8916b18);
}
.b52d659a {
    font-size: 0.875rem;
    color: var(--ub7a5daa);
    margin-top: 0.125rem;
}
.a48c9025 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
.a48c9025 a {
    font-size: 0.9375rem;
    color: var(--ub7a5daa);
    text-decoration: none;
    transition: color 0.15s;
}
.a48c9025 a:hover,
.a48c9025 a.active {
    color: var(--e8916b18);
}

/* Footer */
.ta8c4561 {
    background-color: var(--vca89f21);
    border-top: 1px solid var(--ub32366f);
    margin-top: var(--ub287e3e);
}
.d77b9ad7 {
    max-width: var(--f9056e60);
    margin: 0 auto;
    padding: 1.5rem var(--e81b34cf);
    font-size: 0.875rem;
    color: var(--ub7a5daa);
}

/* Footer layout helpers */
.a40144a3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
.ubd87068 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}
.w0f5bc4c {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.0625rem;
    color: var(--vcec869b);
}
.w0f5bc4c p {
    font-family: var(--a4fae513);
    font-weight: 400;
    font-size: 0.8125rem;
    color: var(--ub7a5daa);
    margin: 0.375rem 0 0;
    line-height: 1.5;
}
.w07f03bc {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.5rem;
}
.w07f03bc a {
    font-size: 0.8125rem;
    color: var(--ub7a5daa);
    text-decoration: none;
    transition: color 0.15s;
}
.w07f03bc a:hover {
    color: var(--e8916b18);
}
.e889dcc2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
}
.e889dcc2 a {
    font-size: 0.8125rem;
    color: var(--ub7a5daa);
    text-decoration: none;
    transition: color 0.15s;
}
.e889dcc2 a:hover {
    color: var(--e8916b18);
}
.vcafa707 {
    font-size: 0.8125rem;
    color: var(--ub7a5daa);
    line-height: 1.6;
}
.vcafa707 a {
    color: var(--ub7a5daa);
    text-decoration: none;
}
.vcafa707 a:hover {
    color: var(--e8916b18);
}
.vcbb48f0 {
    max-width: var(--f9056e60);
    margin: 0.75rem auto 0;
    padding: 0.75rem var(--e81b34cf) 0;
    border-top: 1px solid var(--ub32366f);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125rem;
}
.vc78399d {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--vcec869b);
    margin-bottom: 0.25rem;
}
.xe01f954 {
    background-color: var(--vcec869b);
    border-top-color: transparent;
}
.xe01f954 .d77b9ad7 {
    color: rgba(255, 255, 255, 0.65);
}
.xe01f954 .w0f5bc4c {
    color: #fff;
}
.xe01f954 .w0f5bc4c p {
    color: rgba(255, 255, 255, 0.55);
}
.xe01f954 .vc78399d {
    color: rgba(255, 255, 255, 0.85);
}
.xe01f954 .w07f03bc a,
.xe01f954 .e889dcc2 a,
.xe01f954 .vcafa707 a {
    color: rgba(255, 255, 255, 0.6);
}
.xe01f954 .w07f03bc a:hover,
.xe01f954 .e889dcc2 a:hover,
.xe01f954 .vcafa707 a:hover {
    color: #fff;
}
.xe01f954 .vcbb48f0 {
    border-top-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.5);
}
.xe01f954 .vcbb48f0 a {
    color: rgba(255, 255, 255, 0.55);
}
.xe01f954 .vcbb48f0 a:hover {
    color: #fff;
}

/* Cards */
.a48771b1 {
    background-color: var(--vca89f21);
    border: var(--ub5682ea, 1px solid var(--ub32366f));
    border-top: var(--xebd2bbc, var(--ub5682ea, 1px solid var(--ub32366f)));
    border-radius: var(--y21fe303, 0.5rem);
    padding: var(--vcb5fb58);
    box-shadow: var(--z3e9d10f, none);
    transition: box-shadow 0.15s;
}
.a48771b1:hover {
    box-shadow: var(--y26206d7, 0 2px 8px rgba(0,0,0,0.06));
}
.y28abc53 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    text-transform: var(--a482e082);
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0 0 0.5rem;
}
.y28abc53 a {
    color: var(--y2f10a6c);
    text-decoration: none;
}
.y28abc53 a:hover {
    color: var(--e8916b18);
}
.a4bc19d1 {
    font-size: 0.8125rem;
    color: var(--ub7a5daa);
    margin-bottom: 0.75rem;
}
.wd023d1f {
    color: var(--ub7a5daa);
    font-size: 0.9375rem;
    line-height: 1.6;
}

/* Post content */
.e8b7387a {
    line-height: var(--taaecbe3);
}
.e8b7387a h2 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    text-transform: var(--a482e082);
    font-size: 1.5rem;
    color: var(--y2f10a6c);
    margin: 2rem 0 0.75rem;
}
.e8b7387a h3 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.25rem;
    color: var(--y2f10a6c);
    margin: 1.5rem 0 0.5rem;
}
.e8b7387a p {
    margin: 0 0 1rem;
}
.e8b7387a a {
    color: var(--e8916b18);
    text-decoration: underline;
}
.e8b7387a a:hover {
    color: var(--y2f10a6c);
}
.e8b7387a ul, .e8b7387a ol {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
}
.e8b7387a li {
    margin-bottom: 0.25rem;
}
.e8b7387a blockquote {
    border-left: 3px solid var(--ta061c46);
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    color: var(--ub7a5daa);
}

/* Newsletter */
.b5dee60c {
    background-color: var(--vca89f21);
    border-top: 1px solid var(--ub32366f);
    border-bottom: 1px solid var(--ub32366f);
    padding: 2rem 0;
}
.z3919647 {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
}
.ta354e3f {
    background-color: hsla(var(--ub2ce8a3), 0.06);
    border-top: none;
    border-bottom: none;
}
.vce9df28 {
    max-width: var(--f9056e60);
    margin: 0 auto;
    padding: 0 var(--e81b34cf);
}
.x1ec391b {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.125rem;
    color: var(--vcec869b);
}
.ta9f8b60 {
    display: flex;
    gap: 0.5rem;
    max-width: 28rem;
    margin: 0.75rem auto 0;
}
.y26cd3ad {
    flex: 1;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.25rem);
    font-family: var(--a4fae513);
    font-size: 0.875rem;
    background: var(--vca89f21);
    color: var(--vcec869b);
}
.y26cd3ad:focus {
    outline: none;
    border-color: var(--e8916b18);
}
.e831f070 {
    padding: 0.5rem 1.25rem;
    background-color: var(--e8916b18);
    color: white;
    border: none;
    border-radius: var(--y21fe303, 0.25rem);
    font-family: var(--a4fae513);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.15s;
}
.e831f070:hover {
    background-color: var(--y2f10a6c);
}
.c625a93a {
    color: var(--e8916b18);
    font-size: 0.9375rem;
    margin-top: 0.75rem;
}

/* Hero */
.ub45ee97 {
    position: relative;
    width: 100%;
    max-height: 24rem;
    overflow: hidden;
}
.taae352b {
    width: 100%;
    height: 24rem;
    object-fit: cover;
    display: block;
}
.y292305e {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.05) 50%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
}
.wd00c159 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 2.25rem;
    color: #fff;
    margin: 0;
    max-width: var(--f9056e60);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 var(--e81b34cf);
}
.e8894d68 {
    color: rgba(255,255,255,0.85);
    font-size: 1.0625rem;
    margin: 0.5rem 0 0;
    max-width: var(--f9056e60);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 var(--e81b34cf);
}

/* Hero: overlay-bottom, centered-box, card-hero variants (same base as hero) */
.y291600c,
.x18105f6,
.d7bb94f6 {
    position: relative;
    width: 100%;
    max-height: 24rem;
    overflow: hidden;
}
/* Hero: minimal-bar */
.tac7689f {
    max-width: var(--f9056e60);
    margin: 0 auto;
}
.vc5a6e89 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.25rem;
    color: var(--y2f10a6c);
}
/* Hero: accent-stripe */
.c6af6be7 {
    max-width: var(--f9056e60);
    margin: 0 auto;
}
.y2d5a767 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 2rem;
    color: var(--y2f10a6c);
}

/* Hero: compact variant */
.b5da0f67 {
    position: relative;
    width: 100%;
    max-height: 16rem;
    overflow: hidden;
}
.b5da0f67 .taae352b {
    height: 16rem;
}
.b5db66ec {
    max-width: var(--f9056e60);
    margin: 0 auto;
    padding: 1.5rem var(--e81b34cf) 0;
}
.b5db66ec h1 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 2rem;
    color: var(--y2f10a6c);
    margin: 0 0 0.5rem;
}
.b5db66ec p {
    color: var(--ub7a5daa);
    font-size: 1.0625rem;
    margin: 0 0 1rem;
}

/* Hero: side-text variant */
.d743777b {
    display: flex;
    width: 100%;
    max-height: 24rem;
    overflow: hidden;
}
.y27c2fd9 {
    width: 60%;
    height: 24rem;
    object-fit: cover;
    display: block;
}
.d78cef1b {
    width: 40%;
    background-color: var(--e8916b18);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
}
.vcd17efc {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.75rem;
    color: #fff;
    margin: 0 0 0.75rem;
}
.yf10ede2 {
    color: rgba(255,255,255,0.85);
    font-size: 0.9375rem;
    margin: 0;
    line-height: 1.5;
}

/* Hero: text-only variant */
.e8941332 {
    background: linear-gradient(135deg, hsla(var(--ub2ce8a3), 0.08) 0%, hsla(var(--ub2ce8a3), 0.03) 100%);
    border-bottom: 1px solid var(--ub32366f);
    padding: 3rem 0;
}
.yf6457b0 {
    max-width: var(--f9056e60);
    margin: 0 auto;
    padding: 0 var(--e81b34cf);
}
.z3807079 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 2.25rem;
    color: var(--y2f10a6c);
    margin: 0 0 0.5rem;
}
.xe4c7d4d {
    color: var(--ub7a5daa);
    font-size: 1.0625rem;
    margin: 0;
    line-height: 1.6;
    max-width: 40rem;
}

/* Featured image */
.e82bfddb {
    margin: 0 0 var(--ub287e3e);
}
.e82bfddb img {
    width: 100%;
    border-radius: var(--y21fe303, 0.5rem);
    display: block;
    max-height: 28rem;
    object-fit: cover;
}

/* Featured image — compact (float right) */
.vcbb9f96 {
    float: right;
    margin: 0 0 1rem 1.5rem;
    max-width: 20rem;
}
.vcbb9f96 img {
    width: 100%;
    max-height: 16rem;
    object-fit: cover;
    border-radius: var(--y21fe303, 0.5rem);
    display: block;
}

/* Editorial post layout — lead paragraph */
.vccfd788 p:first-of-type {
    font-size: 1.15em;
    line-height: 1.75;
    color: var(--vcec869b);
    font-weight: 450;
}
/* Magazine post layout — drop cap first paragraph */
.e8814ef3 p:first-of-type::first-letter {
    float: left;
    font-family: var(--ta1709d6);
    font-weight: 700;
    font-size: 3.5em;
    line-height: 0.8;
    padding-right: 0.1em;
    color: var(--e8916b18);
}
.e8814ef3 blockquote {
    border-left: 4px solid var(--e8916b18);
    margin: 2rem -1rem;
    padding: 1.25rem 1.5rem;
    font-size: 1.125em;
    font-style: italic;
    background: var(--vca89f21);
}

/* Card images */
.yfd5884b {
    width: 100%;
    height: 12rem;
    object-fit: cover;
    display: block;
}

/* List images */
.yf0cc878 {
    width: 10rem;
    height: 6.5rem;
    object-fit: cover;
    border-radius: var(--y21fe303, 0.375rem);
    display: block;
}

/* Pagination */
.c6b83f60 {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    margin-top: var(--ub287e3e);
    list-style: none;
    padding: 0;
}
.c6b83f60 a, .c6b83f60 span {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.25rem);
    color: var(--ub7a5daa);
    text-decoration: none;
}
.c6b83f60 a:hover {
    background-color: var(--vca89f21);
    color: var(--e8916b18);
}
.c6b83f60 .active span {
    background-color: var(--e8916b18);
    border-color: var(--e8916b18);
    color: white;
}

/* Section blocks */
.b56885e2 {
    max-width: var(--f9056e60);
    margin: 0 auto;
    padding: var(--ub287e3e) var(--e81b34cf);
}

.vccbaa84 {
    background-color: var(--e8916b18);
    color: #fff;
    padding: 2rem;
    border-radius: var(--y21fe303, 0.5rem);
    text-align: center;
}
.vccbaa84 a {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
    background: #fff;
    color: var(--e8916b18);
    border-radius: var(--y21fe303, 0.25rem);
    text-decoration: none;
    font-weight: 600;
}

.vcf29d20 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 2rem;
    text-align: center;
}
.vcf29d20 a {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
    background: var(--e8916b18);
    color: #fff;
    border-radius: var(--y21fe303, 0.25rem);
    text-decoration: none;
    font-weight: 600;
}

.vc869cea {
    display: flex;
    align-items: center;
    gap: 2rem;
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 2rem;
}
.vc869cea a {
    flex-shrink: 0;
    padding: 0.5rem 1.5rem;
    background: var(--e8916b18);
    color: #fff;
    border-radius: var(--y21fe303, 0.25rem);
    text-decoration: none;
    font-weight: 600;
}

.f969f9b6 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 2rem;
}

.z35275ea {
    border-left: 3px solid var(--e8916b18);
    padding-left: 1.5rem;
    font-style: italic;
    color: var(--ub7a5daa);
}

.y2194ce8 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: 1rem;
}
.y2194ce8 a {
    display: block;
    padding: 1rem;
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    color: var(--y2f10a6c);
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    transition: border-color 0.15s;
}
.y2194ce8 a:hover {
    border-color: var(--e8916b18);
}

.xe76f973 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 1.5rem 2rem;
    white-space: pre-line;
    color: var(--ub7a5daa);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.wd860c5f {
    white-space: pre-line;
    color: var(--ub7a5daa);
    font-size: 0.9375rem;
    line-height: 1.7;
}

.c63f3adc {
    border-left: 3px solid var(--e8916b18);
    padding-left: 1.5rem;
    white-space: pre-line;
    color: var(--ub7a5daa);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.w0a19a23 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.w0a19a23 a {
    display: block;
    padding: 0.5rem 0;
    color: var(--y2f10a6c);
    text-decoration: none;
    font-size: 0.9375rem;
    transition: color 0.15s;
}
.w0a19a23 a::before {
    content: '\2192\00a0';
    color: var(--e8916b18);
}
.w0a19a23 a:hover {
    color: var(--e8916b18);
}

.b5e6f2f0 {
    line-height: 1.8;
    font-size: 0.9375rem;
}
.b5e6f2f0 a {
    color: var(--y2f10a6c);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.15s;
}
.b5e6f2f0 a:hover {
    color: var(--e8916b18);
}

/* Newsletter card variant */
.f99f3a49 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 2rem;
    max-width: 32rem;
    margin: 0 auto;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* FAQ */
.ub4209ff {
    border-bottom: 1px solid var(--ub32366f);
}
.y2d358e6 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.0625rem;
    color: var(--vcec869b);
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.y2d358e6::after {
    content: '+';
    font-size: 1.25rem;
    color: var(--ub7a5daa);
    transition: transform 0.2s;
}
details[open] .y2d358e6::after {
    content: '−';
}
.yf723768 {
    padding: 0 0 1rem;
    color: var(--ub7a5daa);
    line-height: 1.7;
    font-size: 0.9375rem;
}
.vc59a06f {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
.y218e360 {
    padding: 1rem 0;
    border-bottom: 1px solid var(--ub32366f);
}
.y218e360 h3 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.0625rem;
    color: var(--vcec869b);
    margin: 0 0 0.5rem;
}
.y218e360 p {
    color: var(--ub7a5daa);
    line-height: 1.7;
    font-size: 0.9375rem;
    margin: 0;
}

/* Testimonials */
.c66ef32b {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 1.5rem;
}
.c6b9a695 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 1.5rem;
}
.vca2b2a1 {
    color: var(--ub7a5daa);
    font-style: italic;
    line-height: 1.7;
    font-size: 0.9375rem;
    margin: 0 0 1rem;
}
.y2a6b789 {
    font-weight: 600;
    color: var(--vcec869b);
    font-size: 0.875rem;
}
.f94c185e {
    color: var(--ub7a5daa);
    font-size: 0.8125rem;
}
.wdff7f3f {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
}
.wdff7f3f > * {
    scroll-snap-align: start;
    min-width: 18rem;
    flex-shrink: 0;
}
.d79ea6f3 {
    border-left: 3px solid var(--e8916b18);
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
}

/* Stats */
.vcc01e2f {
    display: flex;
    justify-content: space-around;
    gap: 2rem;
    text-align: center;
    flex-wrap: wrap;
}
.f9fbffaa {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 1.5rem;
}
.ta749d72 {
    text-align: center;
    padding: 1.5rem 1rem;
}
.ub5ce2b2 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 1.5rem;
    text-align: center;
}
.x101420a {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 2rem;
    color: var(--e8916b18);
    line-height: 1.2;
}
.d7235856 {
    color: var(--ub7a5daa);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}
.y2d1cfe3 {
    background-color: var(--e8916b18);
    color: #fff;
    border-radius: var(--y21fe303, 0.5rem);
    padding: 2rem;
    text-align: center;
}
.y2d1cfe3 .x101420a {
    color: #fff;
    font-size: 2.5rem;
}
.y2d1cfe3 .d7235856 {
    color: rgba(255,255,255,0.85);
}

/* Features */
.f9c432e0 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 1.5rem;
}
.w09fffd7 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 1.5rem;
}
.w09fffd7 h3 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.0625rem;
    color: var(--vcec869b);
    margin: 0 0 0.5rem;
}
.w09fffd7 p {
    color: var(--ub7a5daa);
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: 0;
}
.tad6e409 {
    width: 2.5rem;
    height: 2.5rem;
    background-color: hsla(var(--ub2ce8a3), 0.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    color: var(--e8916b18);
    font-size: 1.125rem;
}
.e8d167c1 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.ub765b92 {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}
.taded8ea {
    color: var(--e8916b18);
    font-size: 1.125rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

/* Map */
.w0103c92 {
    width: 100%;
    height: 20rem;
    border: none;
    border-radius: var(--y21fe303, 0.5rem);
}
.ta6bc4a5 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    overflow: hidden;
}
.ta6bc4a5 .w0103c92 {
    border-radius: 0;
    height: 16rem;
}
.w08e5655 {
    padding: 1rem 1.5rem;
    color: var(--ub7a5daa);
    font-size: 0.9375rem;
}
.yf134f78 {
    display: flex;
    gap: 2rem;
    align-items: stretch;
}
.yf134f78 .w0103c92 {
    flex: 1;
    min-height: 16rem;
}
.w0cfa3d1 {
    flex: 0 0 16rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--ub7a5daa);
    font-size: 0.9375rem;
    line-height: 1.7;
}

/* Partners */
.b5486e51 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
}
.z3e02dd1 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 1rem;
}
.e8e8ae6e {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    font-size: 0.875rem;
    color: var(--vcec869b);
}
.z3066d74 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 1.25rem;
    text-align: center;
    font-size: 0.875rem;
    color: var(--vcec869b);
}
.b5686b7b {
    width: 2.5rem;
    height: 2.5rem;
    background-color: hsla(var(--ub2ce8a3), 0.12);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--e8916b18);
}

/* Gallery */
.ubccd2ba {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: 1rem;
}
.xea934d2 {
    columns: 3;
    column-gap: 1rem;
}
.xea934d2 .e833f357 {
    break-inside: avoid;
    margin-bottom: 1rem;
}
.d79f9013 {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
}
.d79f9013 .e833f357 {
    flex-shrink: 0;
}
.d79f9013 .e833f357 img {
    height: 12rem;
    width: auto;
    aspect-ratio: auto;
    object-fit: cover;
}
.e833f357 img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    border-radius: var(--y21fe303, 0.5rem);
}

/* Contact Form */
.d7c2a245 {
    max-width: 32rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.b58f9aba {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}
.b58f9aba .d7c2a245 {
    max-width: none;
}
.yf878084 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 2rem;
}
.yf878084 .d7c2a245 {
    max-width: none;
}
.wd4bf78b {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--vcec869b);
    margin-bottom: 0.25rem;
}
.yfa64b65 {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.25rem);
    font-family: var(--a4fae513);
    font-size: 0.875rem;
    background: var(--vca89f21);
    color: var(--vcec869b);
    box-sizing: border-box;
}
.yfa64b65:focus {
    outline: none;
    border-color: var(--e8916b18);
}
.f9a1945c {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.25rem);
    font-family: var(--a4fae513);
    font-size: 0.875rem;
    background: var(--vca89f21);
    color: var(--vcec869b);
    min-height: 6rem;
    resize: vertical;
    box-sizing: border-box;
}
.f9a1945c:focus {
    outline: none;
    border-color: var(--e8916b18);
}
.w0c4dbc0 {
    padding: 0.5rem 1.5rem;
    background-color: var(--e8916b18);
    color: white;
    border: none;
    border-radius: var(--y21fe303, 0.25rem);
    font-family: var(--a4fae513);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s;
    align-self: flex-start;
}
.w0c4dbc0:hover {
    background-color: var(--y2f10a6c);
}
.z329f55e {
    color: var(--e8916b18);
    font-size: 0.9375rem;
    margin-top: 0.5rem;
}

/* FAQ: numbered */
.e873f717 {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--ub32366f);
}
.d7146a33 {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    background-color: var(--e8916b18);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
    margin-top: 0.125rem;
}
.e873f717 h3 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.0625rem;
    color: var(--vcec869b);
    margin: 0 0 0.5rem;
}
.e873f717 p {
    color: var(--ub7a5daa);
    line-height: 1.7;
    font-size: 0.9375rem;
    margin: 0;
}

/* FAQ: bordered */
.b5ca42d8 {
    border-left: 3px solid var(--e8916b18);
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
}
.b5ca42d8 h3 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.0625rem;
    color: var(--vcec869b);
    margin: 0 0 0.5rem;
}
.b5ca42d8 p {
    color: var(--ub7a5daa);
    line-height: 1.7;
    font-size: 0.9375rem;
    margin: 0;
}

/* FAQ: cards */
.w07e513b {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 1.5rem;
}
.b5b1ddb7 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: var(--y21fe303, 0.5rem);
    padding: 1.5rem;
}
.b5b1ddb7 h3 {
    font-family: var(--ta1709d6);
    font-weight: var(--wdd1c3f9);
    font-size: 1.0625rem;
    color: var(--vcec869b);
    margin: 0 0 0.5rem;
}
.b5b1ddb7 p {
    color: var(--ub7a5daa);
    line-height: 1.7;
    font-size: 0.9375rem;
    margin: 0;
}

/* FAQ: compact */
.w0fea09c { display: flex; flex-direction: column; }
.uba87f26 { padding: 0.5rem 0; border-bottom: 1px solid var(--ub32366f); }
.uba87f26 h3 { font-size: 0.9375rem; font-weight: 600; color: var(--vcec869b); margin: 0 0 0.25rem; }
.uba87f26 p { color: var(--ub7a5daa); font-size: 0.875rem; line-height: 1.6; margin: 0; }

/* FAQ: centered */
.z3926ce7 { text-align: center; }
.w0219f34 { padding: 1.5rem 0; border-bottom: 1px solid var(--ub32366f); }
.w0219f34 h3 { font-family: var(--ta1709d6); font-weight: var(--wdd1c3f9); font-size: 1.0625rem; color: var(--vcec869b); margin: 0 0 0.5rem; }
.w0219f34 p { color: var(--ub7a5daa); line-height: 1.7; font-size: 0.9375rem; margin: 0; max-width: 36rem; margin-left: auto; margin-right: auto; }

/* FAQ: separated */
.vc4a298a { padding: 1.5rem 0; margin-bottom: 1.5rem; border-bottom: 2px solid var(--ub32366f); }
.vc4a298a h3 { font-family: var(--ta1709d6); font-weight: var(--wdd1c3f9); font-size: 1.125rem; color: var(--vcec869b); margin: 0 0 0.75rem; }
.vc4a298a p { color: var(--ub7a5daa); line-height: 1.7; font-size: 0.9375rem; margin: 0; }

/* FAQ: striped */
.c6c43b45 { padding: 1rem 1.25rem; }
.xe28cd0c { background-color: var(--vca89f21); border-radius: var(--y21fe303, 0.25rem); }
.c6c43b45 h3 { font-family: var(--ta1709d6); font-weight: var(--wdd1c3f9); font-size: 1.0625rem; color: var(--vcec869b); margin: 0 0 0.5rem; }
.c6c43b45 p { color: var(--ub7a5daa); line-height: 1.7; font-size: 0.9375rem; margin: 0; }

/* Testimonials: single */
.ta0b43ef {
    text-align: center;
    max-width: 36rem;
    margin: 0 auto;
    padding: 2rem;
}
.ta0b43ef .vca2b2a1 { font-size: 1.125rem; }

/* Testimonials: minimal */
.ubf70e4b { padding: 1rem 0; border-bottom: 1px solid var(--ub32366f); }

/* Testimonials: bubbles */
.vce7aff6 { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: 1.5rem; }
.z37af995 {
    background-color: var(--vca89f21);
    border: 1px solid var(--ub32366f);
    border-radius: 1rem 1rem 1rem 0.25rem;
    padding: 1.25rem;
    color: var(--ub7a5daa);
    font-size: 0.9375rem;
    line-height: 1.7;
    margin-bottom: 0.75rem;
}

/* Testimonials: centered */
.f906c25e { text-align: center; }
.tae3f927 { padding: 1.5rem 0; border-bottom: 1px solid var(--ub32366f); max-width: 36rem; margin: 0 auto; }
.c6c29729 { font-size: 3rem; color: var(--e8916b18); line-height: 1; margin-bottom: 0.5rem; }

/* Testimonials: list */
.b551f037 { display: flex; flex-direction: column; gap: 1rem; }
.c6684ff5 { padding: 1rem 0; border-bottom: 1px solid var(--ub32366f); }

/* Testimonials: bordered */
.y28216b7 { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: 1.5rem; }
.w01ce5d0 {
    border-left: 3px solid var(--e8916b18);
    padding: 1rem 1.5rem;
}

/* Testimonials: compact */
.d7d6ade5 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.x19f9fd6 { padding: 1rem; background-color: var(--vca89f21); border-radius: var(--y21fe303, 0.5rem); }
.x19f9fd6 .vca2b2a1 { font-size: 0.875rem; margin-bottom: 0.5rem; }
.x19f9fd6 .y2a6b789 { font-size: 0.8125rem; }

/* Stats: minimal */
.x19be9b9 { display: flex; flex-wrap: wrap; gap: 1.5rem 2.5rem; }
.xed020fb { font-size: 0.9375rem; color: var(--ub7a5daa); }
.xed020fb strong { font-size: 1.25rem; color: var(--e8916b18); margin-right: 0.25rem; }

/* Stats: bordered */
.e8a0509c { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 1.5rem; }
.w0a1f558 {
    border-top: 3px solid var(--e8916b18);
    background-color: var(--vca89f21);
    padding: 1.5rem;
    text-align: center;
}

/* Stats: centered */
.x1f3faa4 { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }
.y203d120 { text-align: center; }

/* Stats: banner */
.e839397c {
    background-color: var(--e8916b18);
    color: #fff;
    border-radius: var(--y21fe303, 0.5rem);
    padding: 2rem;
    display: flex;
    justify-content: space-around;
    gap: 2rem;
    flex-wrap: wrap;
    text-align: center;
}
.e839397c .x101420a { color: #fff; }
.e839397c .d7235856 { color: rgba(255,255,255,0.85); }

/* Stats: compact */
.ub16fd35 { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; }
.c6d34a9a { text-align: center; padding: 0.75rem 1rem; }
.c6d34a9a .x101420a { font-size: 1.5rem; }
.c6d34a9a .d7235856 { font-size: 0.8125rem; }

/* Stats: divided */
.a4b1546f { display: flex; gap: 0; flex-wrap: wrap; justify-content: center; }
.w05d35ff { text-align: center; padding: 1.5rem 2rem; border-right: 1px solid var(--ub32366f); }
.w05d35ff:last-child { border-right: none; }

/* Stats: circles */
.z355b886 { display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; }
.c6326bfb { text-align: center; }
.ubc1f0b2 {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: hsla(var(--ub2ce8a3), 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.5rem;
}
.ubc1f0b2 .x101420a { font-size: 1.5rem; }

/* Features: minimal */
.yf712f55 {
    padding-left: 1.5rem;
    color: var(--ub7a5daa);
    line-height: 1.8;
    font-size: 0.9375rem;
}
.yf712f55 li { margin-bottom: 0.5rem; }
.yf712f55 strong { color: var(--vcec869b); }

/* Features: centered */
.x1bd67c8 { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 1.5rem; }
.a4295649 { text-align: center; padding: 1.5rem; }
.a4295649 h3 { font-family: var(--ta1709d6); font-weight: var(--wdd1c3f9); font-size: 1.0625rem; color: var(--vcec869b); margin: 0 0 0.5rem; }
.a4295649 p { color: var(--ub7a5daa); font-size: 0.9375rem; line-height: 1.6; margin: 0; }

/* Features: alternating */
.z3f592cd { display: flex; align-items: flex-start; gap: 1.5rem; padding: 1rem 0; border-bottom: 1px solid var(--ub32366f); }
.ubd6ea66 { flex-direction: row-reverse; text-align: right; }
.x12fd296 { width: 2.5rem; height: 2.5rem; background-color: hsla(var(--ub2ce8a3), 0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--e8916b18); flex-shrink: 0; }
.c6cef0f5 h3 { font-family: var(--ta1709d6); font-weight: var(--wdd1c3f9); font-size: 1.0625rem; color: var(--vcec869b); margin: 0 0 0.25rem; }
.c6cef0f5 p { color: var(--ub7a5daa); font-size: 0.9375rem; line-height: 1.6; margin: 0; }

/* Features: bordered */
.c63c12c9 { display: flex; flex-direction: column; gap: 0; }
.yf099fba { border-left: 3px solid var(--e8916b18); padding: 1rem 1.5rem; margin-bottom: 1rem; }
.yf099fba h3 { font-family: var(--ta1709d6); font-weight: var(--wdd1c3f9); font-size: 1.0625rem; color: var(--vcec869b); margin: 0 0 0.25rem; }
.yf099fba p { color: var(--ub7a5daa); font-size: 0.9375rem; line-height: 1.6; margin: 0; }

/* Features: numbered */
.a45f2502 { display: flex; flex-direction: column; gap: 0.75rem; }
.b5c60afd { display: flex; gap: 1rem; align-items: flex-start; }
.tad77d28 { flex-shrink: 0; width: 2rem; height: 2rem; background-color: var(--e8916b18); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.875rem; margin-top: 0.125rem; }
.b5c60afd h3 { font-family: var(--ta1709d6); font-weight: var(--wdd1c3f9); font-size: 1.0625rem; color: var(--vcec869b); margin: 0 0 0.25rem; }
.b5c60afd p { color: var(--ub7a5daa); font-size: 0.9375rem; line-height: 1.6; margin: 0; }

/* Features: compact */
.tac6eef7 { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 1rem; }
.a445274f { background-color: var(--vca89f21); border: 1px solid var(--ub32366f); border-radius: var(--y21fe303, 0.5rem); padding: 1rem; }
.a445274f h3 { font-size: 0.9375rem; font-weight: 600; color: var(--vcec869b); margin: 0 0 0.25rem; }
.a445274f p { color: var(--ub7a5daa); font-size: 0.8125rem; line-height: 1.5; margin: 0; }

/* Features: two-column */
.a412a863 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }

/* Map: minimal */
.c667700e { max-width: 32rem; margin: 0 auto; }
.c667700e .w0103c92 { height: 14rem; }

/* Map: rounded */
.x16abd0b .w0103c92 { border-radius: 1rem; }
.x135f285 { color: var(--ub7a5daa); font-size: 0.9375rem; margin-top: 0.75rem; }

/* Map: banner */
.c677e6e0 .w0103c92 { border-radius: 0; height: 16rem; }

/* Map: split */
.ta82391c { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; }
.ta82391c .w0103c92 { min-height: 16rem; }
.z3f62bcf { color: var(--ub7a5daa); font-size: 0.9375rem; line-height: 1.7; }
.z3f62bcf p { margin: 0; }

/* Map: compact */
.z3edbcf8 .w0103c92 { height: 12rem; }

/* Map: bordered */
.yfb24de1 { border-left: 3px solid var(--e8916b18); padding-left: 1.5rem; }
.yfb24de1 .w0103c92 { height: 16rem; }

/* Map: inset */
.w0bd221c { background-color: var(--vca89f21); border: 1px solid var(--ub32366f); border-radius: var(--y21fe303, 0.5rem); padding: 1.5rem; }
.w0bd221c .w0103c92 { height: 16rem; }

/* Partners: minimal */
.yfaea7f3 { color: var(--ub7a5daa); font-size: 0.9375rem; line-height: 1.8; }

/* Partners: bordered */
.x18ec5fd { display: flex; flex-wrap: wrap; gap: 1rem; }
.d7a295e1 { display: inline-flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1.25rem; border: 1px solid var(--ub32366f); border-left: 3px solid var(--e8916b18); border-radius: 0 var(--y21fe303, 0.5rem) var(--y21fe303, 0.5rem) 0; font-size: 0.875rem; color: var(--vcec869b); }

/* Partners: centered */
.ta78e9a6 { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; text-align: center; }
.xe095696 { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
.xed35662 { width: 3.5rem; height: 3.5rem; background-color: hsla(var(--ub2ce8a3), 0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 1rem; color: var(--e8916b18); }

/* Partners: compact */
.ta23a408 { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.x183a5bc { display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--vca89f21); border: 1px solid var(--ub32366f); border-radius: var(--y21fe303, 0.25rem); font-size: 0.8125rem; color: var(--vcec869b); }

/* Partners: list */
.b58a64ca { display: flex; flex-direction: column; gap: 0.5rem; }
.a4a697a3 { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0; border-bottom: 1px solid var(--ub32366f); font-size: 0.9375rem; color: var(--vcec869b); }

/* Partners: circles */
.c68fdd15 { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; text-align: center; }
.b547d478 { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
.vc476229 { width: 4.5rem; height: 4.5rem; background-color: hsla(var(--ub2ce8a3), 0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.25rem; color: var(--e8916b18); }

/* Partners: cards-large */
.vcda6fcd { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 1.5rem; }
.c60bbee4 { background-color: var(--vca89f21); border: 1px solid var(--ub32366f); border-radius: var(--y21fe303, 0.5rem); padding: 2rem; text-align: center; }
.d71f72b0 { font-weight: 600; color: var(--vcec869b); margin-top: 0.75rem; }

/* Gallery: two-column */
.b5bbda1e { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.b5bbda1e .e833f357 img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-radius: var(--y21fe303, 0.5rem); }

/* Gallery: featured */
.a474b793 { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 1rem; }
.d779ee45 { grid-column: 1 / -1; }
.a474b793 .e833f357 img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-radius: var(--y21fe303, 0.5rem); }

/* Gallery: minimal */
.d7bf9db9 { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.d7bf9db9 .e833f357 img { width: 6rem; height: 6rem; object-fit: cover; border-radius: var(--y21fe303, 0.25rem); }

/* Gallery: bordered */
.wd779ed5 { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 1rem; }
.yf57e048 { border: 2px solid var(--ub32366f); border-radius: var(--y21fe303, 0.5rem); overflow: hidden; }
.yf57e048 img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }

/* Gallery: cards */
.wd06a387 { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 1.5rem; }
.xe8caa78 { background-color: var(--vca89f21); border: 1px solid var(--ub32366f); border-radius: var(--y21fe303, 0.5rem); overflow: hidden; }
.xe8caa78 img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.yfc8c9f6 { padding: 0.75rem 1rem; font-size: 0.875rem; color: var(--ub7a5daa); }

/* Gallery: compact */
.xecb4308 { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); gap: 0.5rem; }
.xecb4308 .e833f357 img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; border-radius: var(--y21fe303, 0.25rem); }

/* Gallery: filmstrip */
.e8e5c548 { display: flex; gap: 0.5rem; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0.5rem 0; }
.e8e5c548 .e833f357 { flex-shrink: 0; }
.e8e5c548 .e833f357 img { height: 8rem; width: auto; display: block; border-radius: var(--y21fe303, 0.25rem); }

/* Contact Form: minimal */
.vc0710dd { border: none; }
.vc0710dd .yfa64b65,
.vc0710dd .f9a1945c { border-top: none; border-left: none; border-right: none; border-radius: 0; padding-left: 0; }

/* Contact Form: bordered */
.ubb98084 { border-left: 3px solid var(--e8916b18); padding-left: 2rem; }
.ubb98084 .d7c2a245 { max-width: none; }

/* Contact Form: compact */
.y21d009d { gap: 0.5rem; max-width: 24rem; }
.y21d009d .yfa64b65,
.y21d009d .f9a1945c { padding: 0.375rem 0.625rem; font-size: 0.8125rem; }
.y21d009d .wd4bf78b { font-size: 0.8125rem; }
.y21d009d .f9a1945c { min-height: 4rem; }

/* Contact Form: split */
.z361a45e { max-width: none; }
.c62885dc { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.c62885dc > div:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Contact Form: banner */
.x127ee8b { background-color: hsla(var(--ub2ce8a3), 0.06); border-radius: var(--y21fe303, 0.5rem); padding: 2rem; }
.x127ee8b .d7c2a245 { max-width: none; }
.a4fe2c6f { color: var(--ub7a5daa); margin: 0 0 1.5rem; line-height: 1.7; }

/* Contact Form: wide */
.f9967ed3 { max-width: none; }

/* Partners: marquee animation */
@keyframes x1f0008b {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
</style>
</head>
<body class="vc27b33e">
    <header class="wd388c4a" style="background: transparent; border: none; box-shadow: none; position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); background: hsla(0, 0%, 100%, 0.85);">
    <div class="a4813bde" style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem 1.5rem;">
        <div>
                            <a href="/" class="d711f82c"><img src="/logo.svg" alt="Ibiber" style="height: 1.75em; display: block;"></a>
                    </div>
        <nav>
            <ul class="a48c9025">
                                    <li><a href="/nachrichten">Nachrichten</a></li>
                                    <li><a href="/veranstaltungen">Veranstaltungen</a></li>
                                    <li><a href="/stadtleben">Stadtleben</a></li>
                                    <li><a href="/magazin">Magazin</a></li>
                                    <li><a href="/blog">Blog</a></li>
                                    <li><a href="/ueber-uns">Über uns</a></li>
                                    <li><a href="/kontaktieren">Kontaktieren</a></li>
                            </ul>
        </nav>
    </div>
</header>

                <div class="e8941332">
    <div class="yf6457b0">
        <h1 class="z3807079">Ibiber</h1>
            </div>
</div>
            <div class="b56885e2">
        <div class="e8b7387a">
            <h2>Biberach im Blick – aktuell, lokal, mittendrin</h2>
<p><strong>ibiber.de</strong> ist Ihr digitales Stadtmagazin für <strong>Biberach an der Riß</strong> und den gesamten Landkreis – von Lokalpolitik und Kulturveranstaltungen bis hin zu regionalen Unternehmen und allem, was die Stadt bewegt. Wir berichten bürgernah und ohne Umwege über das, was vor Ihrer Haustür passiert.</p>
<p>Stöbern Sie durch unsere aktuellen Beiträge und bleiben Sie am Puls Ihrer Stadt.</p>

        </div>
    </div>
            <div class="b56885e2">
        <h2 class="b5d4c44d" style="font-size: 1.25rem; margin-bottom: 1rem;">iBiber in Zahlen</h2>
                    <div class="vcc01e2f">
                                    <div class="ta749d72">
                        <div class="x101420a">15+</div>
                        <div class="d7235856">Jahre Lokaljournalismus</div>
                    </div>
                                    <div class="ta749d72">
                        <div class="x101420a">6.000+</div>
                        <div class="d7235856">veröffentlichte Artikel</div>
                    </div>
                                    <div class="ta749d72">
                        <div class="x101420a">14.000+</div>
                        <div class="d7235856">monatliche Leser</div>
                    </div>
                                    <div class="ta749d72">
                        <div class="x101420a">600+</div>
                        <div class="d7235856">berichtete Veranstaltungen</div>
                    </div>
                            </div>
            </div>
            <div class="b56885e2">
        <h2 class="b5d4c44d" style="font-size: 1.25rem; margin-bottom: 1rem;">Biberach – Leben &amp; Erleben</h2>
                    <div class="a474b793">
                                    <div class="e833f357 d779ee45">
                        <img src="https://images.unsplash.com/photo-1730840997154-d7af0941fb05?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=1080" alt="Blick auf den Biberacher Marktplatz mit historischem Rathaus" loading="lazy">
                    </div>
                                    <div class="e833f357 ">
                        <img src="https://images.unsplash.com/photo-1719479757967-c61fd530c625?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=1080" alt="Stimmungsvolles Rondellkonzert im Freien" loading="lazy">
                    </div>
                                    <div class="e833f357 ">
                        <img src="https://images.unsplash.com/photo-1760420940953-3958ad9f6287?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=1080" alt="Filmfestspiele Biberach – Gäste vor dem Kino" loading="lazy">
                    </div>
                                    <div class="e833f357 ">
                        <img src="https://images.unsplash.com/photo-1759273975467-5777bdbbbc4b?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=1080" alt="Lokale Händler und Geschäfte in der Biberacher Innenstadt" loading="lazy">
                    </div>
                                    <div class="e833f357 ">
                        <img src="https://images.unsplash.com/photo-1670796116728-fe6216278eae?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=1080" alt="Stadtfest mit Besuchern und Marktständen" loading="lazy">
                    </div>
                                    <div class="e833f357 ">
                        <img src="https://images.unsplash.com/photo-1759758880850-118bde1a60f3?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=1080" alt="Natur und Landschaft rund um Biberach an der Riß" loading="lazy">
                    </div>
                            </div>
            </div>
            <div class="b56885e2">
                    <div class="f969f9b6">
                <h2 class="b5d4c44d" style="font-size: 1.25rem; margin: 0 0 0.75rem;">Ibiber</h2>
                <p style="color: var(--ub7a5daa); margin: 0; line-height: 1.7;">ibiber.de war ein lokales Online-Nachrichtenportal für Biberach an der Riß in Baden-Württemberg, betrieben auf der Serendipity-Blogsoftware (s9y). Die Seite veröffentlichte aktuelle Berichte über Lokalpolitik, Kulturveranstaltungen (Filmfestspiele, Rondellkonzerte), lokale Unternehmen und regionale Themen und war für seine schnelle Berichterstattung bekannt. Zusätzlich wurden kostenlose PDF-Magazine publiziert und das Portal fungierte als Online-Partner für andere regionale Websites wie kochen-lassen.info.</p>
            </div>
            </div>
            <div class="b56885e2">
        <h2 class="b5d4c44d" style="font-size: 1.25rem; margin-bottom: 1rem;">Was unsere Leser sagen</h2>
                    <div class="b551f037">
                                    <div class="c6684ff5">
                        <p class="vca2b2a1">&ldquo;iBiber ist für mich die erste Anlaufstelle, wenn ich wissen will, was in unserer Stadt passiert. Schnell, verlässlich und immer nah dran – so soll Lokaljournalismus sein.&rdquo;</p>
                        <div class="y2a6b789">Sabine Maurer</div>
                                                    <div class="f94c185e">Biberach, Stadtmitte</div>
                                            </div>
                                    <div class="c6684ff5">
                        <p class="vca2b2a1">&ldquo;Die Berichterstattung über die Filmfestspiele und die Rondellkonzerte ist einfach top. Man merkt, dass die Redaktion wirklich vor Ort dabei ist und mit Herzblut schreibt.&rdquo;</p>
                        <div class="y2a6b789">Klaus-Dieter Hoffmann</div>
                                                    <div class="f94c185e">Biberach, Birkendorf</div>
                                            </div>
                                    <div class="c6684ff5">
                        <p class="vca2b2a1">&ldquo;Endlich eine Nachrichtenquelle, die auch über kleinere Stadtteile berichtet. Das kostenlose PDF-Magazin ist ein tolles Extra – ich lese es jeden Monat von vorne bis hinten.&rdquo;</p>
                        <div class="y2a6b789">Petra Schönberger</div>
                                                    <div class="f94c185e">Rißegg</div>
                                            </div>
                                    <div class="c6684ff5">
                        <p class="vca2b2a1">&ldquo;Lokalpolitik verständlich erklärt, Veranstaltungshinweise immer aktuell und ein freundliches Team hinter der Seite. iBiber ist ein echter Gewinn für unsere Gemeinschaft.&rdquo;</p>
                        <div class="y2a6b789">Thomas Wörner</div>
                                                    <div class="f94c185e">Biberach, Jordanbad</div>
                                            </div>
                            </div>
            </div>
            <main class="yf79c6c7">
                        <h2 class="b5d4c44d" style="font-size: 1.5rem; margin-bottom: 1.5rem;">Aktuelles</h2>
        
        <div style="display: flex; flex-direction: column; gap: var(--ub287e3e);">
            <article style="padding-bottom: var(--ub287e3e); border-bottom: 1px solid var(--ub32366f); display: flex; gap: 1.25rem; align-items: flex-start;">
                            <a href="/gartenteich-saison-biberach-fruehjahr-tipps" style="flex-shrink: 0;">
                    <img src="https://images.unsplash.com/photo-1652300924218-9897de79f4f3?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=400" alt="Gartenteich-Saison in Biberach: So startet der Teich fit in den Frühling" class="yf0cc878" loading="lazy">
                </a>
                        <div style="flex: 1; min-width: 0;">
                <h2 class="y28abc53">
                    <a href="/gartenteich-saison-biberach-fruehjahr-tipps">Gartenteich-Saison in Biberach: So startet der Teich fit in den Frühling</a>
                </h2>
                                    <div class="a4bc19d1">15.03.2026</div>
                                                    <p class="wd023d1f">Wenn der Frühling nach Biberach zurückkommt, erwacht auch der Gartenteich. Tipps zur Frühjahrspflege und worauf Teichbesitzer in der Region achten sollten.</p>
                                            </div>
        </article>
            <article style="padding-bottom: var(--ub287e3e); border-bottom: 1px solid var(--ub32366f); display: flex; gap: 1.25rem; align-items: flex-start;">
                            <a href="/wochenmarkt-biberach-frische-lokale-produkte" style="flex-shrink: 0;">
                    <img src="https://images.unsplash.com/photo-1590268879625-744de47ab63f?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=400" alt="Der Wochenmarkt Biberach: Frische und lokale Produkte" class="yf0cc878" loading="lazy">
                </a>
                        <div style="flex: 1; min-width: 0;">
                <h2 class="y28abc53">
                    <a href="/wochenmarkt-biberach-frische-lokale-produkte">Der Wochenmarkt Biberach: Frische und lokale Produkte</a>
                </h2>
                                    <div class="a4bc19d1">21.04.2026</div>
                                                    <p class="wd023d1f">Entdecken Sie den Wochenmarkt Biberach mit Informationen zu lokalen Anbietern, Öffnungszeiten und Tipps für frische regionale Produkte.</p>
                                            </div>
        </article>
            <article style="padding-bottom: var(--ub287e3e); border-bottom: 1px solid var(--ub32366f); display: flex; gap: 1.25rem; align-items: flex-start;">
                            <a href="/sportvereine-fitness-biberach" style="flex-shrink: 0;">
                    <img src="https://images.unsplash.com/photo-1772617532657-2d0e38868716?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=400" alt="Sportvereine und Fitness in Biberach: Von Fußball bis Yoga" class="yf0cc878" loading="lazy">
                </a>
                        <div style="flex: 1; min-width: 0;">
                <h2 class="y28abc53">
                    <a href="/sportvereine-fitness-biberach">Sportvereine und Fitness in Biberach: Von Fußball bis Yoga</a>
                </h2>
                                    <div class="a4bc19d1">09.04.2026</div>
                                                    <p class="wd023d1f">Umfassender Überblick der Sportvereine, Fitness-Studios und Sportangebote in Biberach für alle Altersgruppen und Fitnessinteressen.</p>
                                            </div>
        </article>
            <article style="padding-bottom: var(--ub287e3e); border-bottom: 1px solid var(--ub32366f); display: flex; gap: 1.25rem; align-items: flex-start;">
                            <a href="/aerzte-zahnaerzte-apotheken-biberach" style="flex-shrink: 0;">
                    <img src="https://images.unsplash.com/photo-1661701422663-023450d37a4e?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=400" alt="Ärzte, Zahnärzte und Apotheken in Biberach: Finden Sie Ihren Ansprechpartner" class="yf0cc878" loading="lazy">
                </a>
                        <div style="flex: 1; min-width: 0;">
                <h2 class="y28abc53">
                    <a href="/aerzte-zahnaerzte-apotheken-biberach">Ärzte, Zahnärzte und Apotheken in Biberach: Finden Sie Ihren Ansprechpartner</a>
                </h2>
                                    <div class="a4bc19d1">02.04.2026</div>
                                                    <p class="wd023d1f">Ein praktischer Ratgeber zu Ärzten, Zahnärzten, Apotheken und Gesundheitsdienstleistungen in Biberach mit Sprechzeiten und Kontaktinformationen.</p>
                                            </div>
        </article>
    </div>

                    <div style="text-align: center; margin-top: 2rem;">
                <a href="/blog" style="display: inline-block; padding: 0.6rem 1.75rem; background: var(--e8916b18); color: #fff; border-radius: var(--y21fe303, 0.25rem); text-decoration: none; font-weight: 600; font-size: 0.95rem;">Alle Beiträge</a>
            </div>
            </main>
            <div style="padding: 2rem 0;">
    <div class="f99f3a49">
        <strong class="x1ec391b">Jetzt abonnieren</strong>
        <form class="ta9f8b60" id="nl-80f36b" style="margin: 0.75rem auto 0;">
            <input type="email" class="y26cd3ad" placeholder="E-Mail-Adresse" required>
            <button type="submit" class="e831f070">Anmelden</button>
        </form>
        <p class="c625a93a" id="nl-80f36b-ok" style="display: none;">
            Super! Sie sind jetzt für unseren Newsletter registriert.
        </p>
    </div>
</div>
<script>
document.getElementById('nl-80f36b').addEventListener('submit', function(e) {
    e.preventDefault();
    this.style.display = 'none';
    document.getElementById('nl-80f36b-ok').style.display = 'block';
});
</script>
    
    <footer class="ta8c4561">
    <div class="d77b9ad7" style="text-align: center;">
        <div class="w0f5bc4c" style="font-size: 1.5em;">Ibiber</div>
                    <p style="font-size: 0.875rem; color: var(--ub7a5daa); margin: 0.5rem auto 0; max-width: 32rem; line-height: 1.5;">ibiber.de war ein lokales Online-Nachrichtenportal für Biberach an der Riß in Baden-Württemberg, betrieben auf der Seren...</p>
            </div>
    <div class="vcbb48f0" style="text-align: center;">
        <span>© 2020&ndash;2026 Ibiber
</span>
                    <nav class="e889dcc2" style="justify-content: center; margin-top: 0.5rem;">
                                    <a href="/impressum">Impressum</a>
                                    <a href="/datenschutzerklaerung">Datenschutzerklärung</a>
                            </nav>
            </div>
</footer>

</body>
</html>
