/* Die Seite bleibt waehrend der kurzen Sitzungspruefung sichtbar.
       Serverdaten werden anschliessend im Hintergrund eingesetzt. */
    html.zusamo-auth-checking body{visibility:visible!important}

/* ---- ursprünglich separater Style-Block ---- */

:root{
      --bg:#f5f3ee;
      --surface:#ffffff;
      --surface-soft:#fbfaf7;
      --text:#1e2a25;
      --muted:#6d7772;
      --line:#e7e3d9;
      --primary:#2f6b4f;
      --primary-dark:#24533e;
      --primary-soft:#e6f0ea;
      --accent:#e19b54;
      --danger:#a84f45;
      --shadow:0 18px 60px rgba(29,51,41,.12);
      --shadow-soft:0 10px 30px rgba(29,51,41,.08);
      --radius:22px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 5% 5%, rgba(225,155,84,.12), transparent 28rem),
        radial-gradient(circle at 95% 18%, rgba(47,107,79,.10), transparent 28rem),
        var(--bg);
      min-height:100vh;
    }

    button,input,textarea,select{font:inherit}
    button{cursor:pointer}
    img{display:block;max-width:100%}

    .ortsbrett-install-app{
      position:fixed;
      right:max(16px,env(safe-area-inset-right));
      bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));
      z-index:45;
      display:flex;
      align-items:center;
      gap:10px;
      max-width:calc(100vw - 32px);
      padding:12px 16px;
      border:1px solid rgba(255,255,255,.72);
      border-radius:16px;
      background:#2f6b4f;
      color:#fff;
      box-shadow:0 16px 40px rgba(29,51,41,.28);
      font-weight:850;
    }
    .ortsbrett-install-app:hover{background:#24533e;transform:translateY(-1px)}
    .ortsbrett-install-app[hidden]{display:none!important}
    .ortsbrett-install-app img{width:30px;height:30px;border-radius:8px}

    .topbar{
      position:sticky;
      top:0;
      z-index:30;
      background:rgba(245,243,238,.88);
      backdrop-filter:blur(18px);
      border-bottom:1px solid rgba(231,227,217,.85);
    }
    .nav{
      max-width:1180px;
      margin:auto;
      padding:14px 22px;
      display:flex;
      align-items:center;
      gap:24px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:11px;
      font-weight:850;
      letter-spacing:-.02em;
      white-space:nowrap;
    }
    .brand-mark{
      width:42px;height:42px;
      display:grid;place-items:center;
      border-radius:14px;
      background:var(--primary);
      color:#fff;
      box-shadow:0 8px 20px rgba(47,107,79,.28);
    }
    .brand small{
      display:block;
      font-weight:650;
      color:var(--muted);
      font-size:.72rem;
      letter-spacing:.02em;
      margin-top:1px;
    }
    .navlinks{
      display:flex;
      align-items:center;
      gap:8px;
      flex:1;
    }
    .navlink{
      border:0;
      background:transparent;
      color:var(--muted);
      padding:10px 13px;
      border-radius:12px;
      font-weight:700;
    }
    .navlink.active{background:var(--primary-soft); color:var(--primary)}
    .nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
    .town-member-counter{
      flex:1;
      display:flex;
      justify-content:center;
      min-width:0;
    }
    .town-member-counter-card{
      display:inline-flex;
      align-items:center;
      gap:12px;
      min-height:52px;
      padding:10px 18px;
      border-radius:18px;
      background:rgba(255,255,255,.74);
      border:1px solid rgba(231,227,217,.95);
      box-shadow:var(--shadow-soft);
      backdrop-filter:blur(12px);
      max-width:100%;
    }
    .town-member-counter-text{
      display:flex;
      flex-direction:column;
      min-width:0;
      line-height:1.15;
    }
    .town-member-counter-label{
      font-size:.78rem;
      color:var(--muted);
      white-space:nowrap;
    }
    .town-member-counter-town{
      font-weight:850;
      color:var(--primary);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      max-width:240px;
    }
    .town-member-counter-value{
      min-width:48px;
      height:48px;
      padding:0 14px;
      border-radius:16px;
      background:var(--primary);
      color:#fff;
      display:grid;
      place-items:center;
      font-weight:900;
      font-size:1.1rem;
      box-shadow:0 10px 24px rgba(47,107,79,.18);
      flex:0 0 auto;
    }
    .avatar{
      width:38px;height:38px;border-radius:50%;
      background:#dbe7df;color:var(--primary);
      display:grid;place-items:center;font-weight:850;
      border:2px solid #fff;
      box-shadow:0 4px 12px rgba(0,0,0,.08);
    }

    .btn{
      border:0;
      border-radius:14px;
      padding:12px 16px;
      font-weight:800;
      transition:.18s ease;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
    }
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(47,107,79,.23)}
    .btn-primary:hover{background:var(--primary-dark)}
    .btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}
    .btn-ghost{background:transparent;color:var(--muted)}
    .btn-wide{width:100%}

    main{max-width:1180px;margin:auto;padding:34px 22px 70px}
    .hero{
      position:relative;
      overflow:hidden;
      border-radius:30px;
      min-height:265px;
      padding:44px;
      display:flex;
      align-items:center;
      background:
        linear-gradient(100deg,#007f70 0%,#00a78f 52%,#00b89d 100%);
      color:#fff;
      box-shadow:var(--shadow);
    }
    .hero::before,.hero::after{
      content:"";
      position:absolute;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.18);
    }
    .hero::before{width:330px;height:330px;right:-80px;top:-160px}
    .hero::after{width:220px;height:220px;right:155px;bottom:-155px}
    .hero-copy{position:relative;z-index:2;max-width:650px}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      padding:7px 10px;border-radius:999px;
      background:rgba(255,255,255,.12);
      color:#edf7f1;font-size:.78rem;font-weight:800;
      letter-spacing:.04em;text-transform:uppercase;
      margin-bottom:17px;
    }
    .hero h1{
      font-size:clamp(2.1rem,4.6vw,4.1rem);
      letter-spacing:-.055em;
      line-height:.98;
      margin:0 0 18px;
    }
    .hero p{
      font-size:1.08rem;
      line-height:1.65;
      color:rgba(255,255,255,.82);
      margin:0 0 25px;
      max-width:580px;
    }
    .hero-actions{display:flex;gap:10px;flex-wrap:wrap}
    .hero .btn-primary{background:#fff;color:var(--primary);box-shadow:none}
    .hero .btn-secondary{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24);color:#fff}

    .toolbar{
      margin:28px 0 22px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(231,227,217,.95);
      border-radius:22px;
      padding:14px;
      display:grid;
      grid-template-columns:minmax(220px,1fr) 210px auto;
      gap:10px;
      box-shadow:var(--shadow-soft);
      backdrop-filter:blur(12px);
    }
    .hero-toolbar{
      margin:8px 0 0;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      box-shadow:none;
      backdrop-filter:blur(14px);
      max-width:900px;
    }
    .hero-toolbar.two-fields{
      grid-template-columns:minmax(220px,1fr) 220px;
      max-width:760px;
    }
    .hero-toolbar.three-fields{
      grid-template-columns:minmax(220px,1fr) 210px 210px;
      max-width:980px;
    }
    .hero-toolbar .field-shell{
      background:rgba(255,255,255,.10);
      border-color:rgba(255,255,255,.18);
    }
    .hero-toolbar .field-shell span,
    .hero-toolbar .field-shell input,
    .hero-toolbar .field-shell select{
      color:#fff;
    }
    .hero-toolbar .field-shell input::placeholder{
      color:rgba(255,255,255,.72);
    }
    .hero-toolbar .field-shell select option{
      color:var(--text);
    }
    .field-shell{
      background:var(--surface-soft);
      border:1px solid var(--line);
      border-radius:14px;
      min-height:48px;
      padding:0 13px;
      display:flex;
      align-items:center;
      gap:9px;
    }
    .field-shell input,.field-shell select{
      width:100%;border:0;background:transparent;outline:none;color:var(--text)
    }
    .field-shell select{cursor:pointer}

    .section-head{
      display:flex;align-items:flex-end;justify-content:space-between;
      gap:20px;margin:28px 2px 17px;
    }
    .section-head h2{font-size:1.6rem;letter-spacing:-.035em;margin:0 0 5px}
    .section-head p{color:var(--muted);margin:0}
    .result-count{color:var(--muted);font-size:.9rem;white-space:nowrap}

    .grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:20px;
    }
    .card{
      background:var(--surface);
      border:1px solid var(--line);
      border-radius:var(--radius);
      overflow:hidden;
      box-shadow:var(--shadow-soft);
      transition:.22s ease;
      position:relative;
      cursor:pointer;
    }
    .card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(29,51,41,.14)}
    .card-top{padding:18px 18px 14px;display:flex;align-items:flex-start;gap:12px}
    .card-title{font-size:1.08rem;line-height:1.3;font-weight:850;letter-spacing:-.02em;margin:0;flex:1}
    .category-pill{
      flex:0 0 auto;
      font-size:.71rem;font-weight:800;
      color:var(--primary);
      background:var(--primary-soft);
      border-radius:999px;padding:6px 8px;
    }
    .card-image{
      height:220px;
      overflow:hidden;
      background:#e9ece7;
      position:relative;
    }
    .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;cursor:zoom-in}
    .card:hover .card-image img{transform:scale(1.025)}
    .available{
      position:absolute;left:14px;bottom:14px;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(8px);
      padding:7px 10px;border-radius:999px;
      font-size:.75rem;font-weight:850;color:var(--primary);
      box-shadow:0 5px 15px rgba(0,0,0,.10);
    }
    .card-actions{padding:14px 18px 18px}
    .card .btn{width:100%}
    .own-listing-note{
      width:100%;
      min-height:48px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:1px solid var(--line);
      border-radius:14px;
      background:var(--primary-soft);
      color:var(--primary);
      font-weight:850;
      cursor:default;
    }
    .empty{
      display:none;
      text-align:center;
      padding:50px 20px;
      border:1px dashed #cbc5b8;
      border-radius:22px;
      color:var(--muted);
      background:rgba(255,255,255,.45);
    }

    .site-legal-footer{
      width:min(1180px,calc(100% - 32px));
      margin:30px auto 18px;
      padding:16px 20px;
      display:flex;
      justify-content:center;
      align-items:center;
      flex-wrap:wrap;
      gap:10px 22px;
      color:var(--muted);
      font-size:.86rem;
    }
    .site-legal-footer a{
      color:var(--primary);
      font-weight:800;
      text-decoration:none;
    }
    .site-legal-footer a:hover{text-decoration:underline}

    .modal-backdrop{
      position:fixed;inset:0;z-index:60;
      background:rgba(12,23,18,.58);
      backdrop-filter:blur(7px);
      display:none;
      align-items:center;
      justify-content:center;
      padding:20px;
    }
    .modal-backdrop.open{display:flex}
    #profileBackdrop{z-index:80}
    #rentalReviewPromptBackdrop,
    #reviewBackdrop,
    #helpReviewBackdrop{z-index:100}
    #blockUserConfirmBackdrop,
    #reportContentBackdrop{z-index:110}
    .modal{
      width:min(760px,100%);
      max-height:min(90vh,880px);
      overflow:auto;
      background:var(--surface);
      border-radius:27px;
      box-shadow:0 30px 100px rgba(0,0,0,.28);
      border:1px solid rgba(255,255,255,.5);
      animation:pop .2s ease;
    }
    @keyframes pop{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
    .modal-small{width:min(520px,100%)}
    .modal-head{
      padding:20px 22px;
      display:flex;align-items:center;justify-content:space-between;gap:15px;
      position:sticky;top:0;z-index:2;
      background:rgba(255,255,255,.93);
      backdrop-filter:blur(12px);
      border-bottom:1px solid var(--line);
    }
    .modal-head h3{font-size:1.22rem;letter-spacing:-.02em;margin:0}
    .close{
      width:38px;height:38px;border-radius:12px;
      border:1px solid var(--line);background:var(--surface-soft);
      color:var(--muted);font-size:1.1rem;
    }
    .detail-image{height:360px;background:#e9ece7}
    .detail-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
    .detail-body{padding:24px}
    .detail-meta{
      display:flex;align-items:center;gap:8px;flex-wrap:wrap;
      margin-bottom:14px
    }
    .detail-body h2{font-size:2rem;letter-spacing:-.045em;margin:0 0 15px}
    .detail-body p{color:#4f5b55;line-height:1.7;margin:0 0 22px;white-space:pre-line}
    .price-row{
      background:var(--surface-soft);
      border:1px solid var(--line);
      border-radius:18px;
      padding:18px;
      display:flex;align-items:center;justify-content:space-between;gap:20px;
      margin-bottom:17px;
    }
    .price-label{font-size:.78rem;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.05em}
    .price{font-size:1.45rem;font-weight:900;color:var(--primary);margin-top:3px}
    .owner{
      font-size:.78rem;
      color:#99a09c;
      margin:13px 3px 0;
      text-align:center;
    }



    .available.borrowed{
      background:rgba(117,54,46,.94);
      color:#fff;
    }
    .available.reserved{
      background:rgba(69,91,119,.94);
      color:#fff;
    }
    .availability-badge{
      border-radius:999px;
      padding:6px 9px;
      font-size:.71rem;
      font-weight:850;
      background:#edf3ef;
      color:var(--primary);
    }
    .availability-badge.borrowed{
      background:#f4dfdc;
      color:#8b3f36;
    }
    .availability-badge.reserved{
      background:#e5ebf2;
      color:#49617c;
    }

    .booking-calendar{
      border:1px solid var(--line);
      border-radius:18px;
      background:var(--surface-soft);
      padding:14px;
      margin-bottom:16px;
    }
    .calendar-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:13px;
    }
    .calendar-title{
      font-weight:900;
      letter-spacing:-.02em;
      text-transform:capitalize;
      text-align:center;
    }
    .calendar-nav{
      width:36px;
      height:36px;
      border-radius:11px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--text);
      display:grid;
      place-items:center;
      font-weight:900;
    }
    .calendar-nav:hover{
      border-color:#9bb7a6;
      color:var(--primary);
    }
    .calendar-nav:disabled{
      opacity:.35;
      cursor:not-allowed;
    }
    .calendar-weekdays,
    .calendar-grid{
      display:grid;
      grid-template-columns:repeat(7,minmax(0,1fr));
      gap:5px;
    }
    .calendar-weekdays{
      margin-bottom:6px;
    }
    .calendar-weekdays span{
      text-align:center;
      color:var(--muted);
      font-size:.68rem;
      font-weight:850;
      padding:3px 0;
    }
    .calendar-blank{
      aspect-ratio:1;
    }
    .calendar-day{
      position:relative;
      aspect-ratio:1;
      min-height:38px;
      border:1px solid transparent;
      border-radius:11px;
      background:#fff;
      color:var(--text);
      display:grid;
      place-items:center;
      font-size:.78rem;
      font-weight:800;
      transition:.14s ease;
    }
    .calendar-day:not(:disabled):hover{
      border-color:#8eb29d;
      background:#edf5f0;
      transform:translateY(-1px);
    }
    .calendar-day.today{
      border-color:#9ab4a4;
      box-shadow:inset 0 0 0 1px #9ab4a4;
    }
    .calendar-day.past{
      background:#f1f0ed;
      color:#b1b3b0;
      cursor:not-allowed;
    }
    .calendar-day.booked{
      background:#f5d8d4;
      border-color:#e6aca4;
      color:#8e342b;
      cursor:not-allowed;
      text-decoration:line-through;
    }
    .calendar-day.booked::after{
      content:"";
      position:absolute;
      bottom:4px;
      width:4px;
      height:4px;
      border-radius:50%;
      background:#b64d42;
    }
    .calendar-day.in-range{
      background:#dcebe2;
      color:#24533e;
      border-radius:7px;
    }
    .calendar-day.selected-start,
    .calendar-day.selected-end{
      background:var(--primary);
      color:#fff;
      border-color:var(--primary);
      text-decoration:none;
      box-shadow:0 6px 14px rgba(47,107,79,.22);
    }
    .calendar-day.selected-start::after,
    .calendar-day.selected-end::after{
      display:none;
    }
    .calendar-legend{
      display:flex;
      flex-wrap:wrap;
      gap:10px 15px;
      margin-top:13px;
      padding-top:12px;
      border-top:1px solid var(--line);
      color:var(--muted);
      font-size:.72rem;
    }
    .legend-item{
      display:flex;
      align-items:center;
      gap:6px;
    }
    .legend-dot{
      width:12px;
      height:12px;
      border-radius:4px;
      border:1px solid var(--line);
      background:#fff;
    }
    .legend-dot.selected{
      background:var(--primary);
      border-color:var(--primary);
    }
    .legend-dot.booked{
      background:#f5d8d4;
      border-color:#e6aca4;
    }
    .legend-dot.past{
      background:#f1f0ed;
    }
    .selected-range-summary{
      margin-top:12px;
      border-radius:13px;
      padding:10px 12px;
      background:#fff;
      border:1px solid var(--line);
      color:var(--muted);
      font-size:.8rem;
      line-height:1.4;
    }
    .selected-range-summary strong{
      color:var(--primary);
    }

    .request-date-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      margin-bottom:15px;
    }
    .date-status{
      border:1px solid var(--line);
      border-radius:14px;
      padding:11px 13px;
      margin-bottom:15px;
      background:var(--surface-soft);
      color:var(--muted);
      font-size:.82rem;
      line-height:1.45;
    }
    .date-status strong{color:var(--text)}
    .confirm-illustration{
      width:68px;height:68px;border-radius:22px;
      margin:0 auto 15px;display:grid;place-items:center;
      font-size:1.85rem;color:var(--primary);background:var(--primary-soft);
    }
    .confirm-copy{text-align:center;margin-bottom:18px}
    .confirm-copy h2{margin:0 0 8px;font-size:1.55rem;letter-spacing:-.035em}
    .confirm-copy p{margin:0;color:var(--muted);line-height:1.55}
    .reservation-cancel-confirm-icon{
      color:var(--danger);
      background:#fff0ed;
    }
    .reservation-cancel-confirm-action{
      background:var(--danger);
      color:#fff;
      border-color:var(--danger);
    }
    .reservation-cancel-confirm-action:hover:not(:disabled){
      filter:brightness(.94);
      transform:translateY(-1px);
    }
    .reservation-cancel-confirm-action:disabled{
      opacity:.65;
      cursor:wait;
      transform:none;
    }
    .booking-summary{
      border:1px solid var(--line);border-radius:16px;
      background:var(--surface-soft);padding:15px;display:grid;gap:10px;
    }
    .booking-summary-row{display:flex;justify-content:space-between;gap:15px;font-size:.84rem}
    .booking-summary-row span{color:var(--muted)}
    .booking-summary-row strong{text-align:right}
    .prototype-note{
      margin-top:14px;padding:11px 12px;border-radius:13px;
      background:#fff8e9;color:#6b552f;border:1px solid #ead9b7;
      font-size:.77rem;line-height:1.45;
    }

    .owner-card{
      border:1px solid var(--line);
      background:var(--surface-soft);
      border-radius:17px;
      padding:13px 14px;
      display:flex;
      align-items:center;
      gap:12px;
      cursor:pointer;
      transition:.18s ease;
      margin-top:14px;
    }
    .owner-card:hover{
      border-color:#9bb7a6;
      background:var(--primary-soft);
      transform:translateY(-1px);
    }
    .owner-avatar{
      width:44px;height:44px;border-radius:50%;
      background:#dce9e1;color:var(--primary);
      display:grid;place-items:center;
      font-weight:900;font-size:1rem;
      flex:0 0 44px;
      border:2px solid #fff;
      box-shadow:0 4px 12px rgba(0,0,0,.08);
    }
    .owner-content{min-width:0;flex:1}
    .owner-topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
    .owner-name{
      border:0;background:transparent;padding:0;
      font-weight:900;color:var(--text);
      cursor:pointer;text-align:left;
    }
    .owner-name:hover{text-decoration:underline;text-underline-offset:3px}
    .provider-badge{
      display:inline-flex;align-items:center;
      padding:4px 7px;border-radius:999px;
      font-size:.66rem;font-weight:900;
      letter-spacing:.02em;
      color:#52625a;background:#e9ecea;
    }
    .provider-badge.business{color:#755321;background:#f4e6c9}
    .owner-rating{font-size:.77rem;color:var(--muted);margin-top:4px}
    .owner-rating strong{color:#9b6a18}
    .owner-chevron{font-size:1.35rem;color:#92a098}
    .transaction-note{
      margin:12px 2px 0;
      text-align:center;
      color:#929a96;
      font-size:.72rem;
      line-height:1.45;
    }
    .report-link{
      border:0;background:transparent;
      color:#9a706b;font-size:.72rem;
      padding:5px;display:block;margin:6px auto 0;
      text-decoration:underline;text-underline-offset:3px;
    }


    .role-rating-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      margin:14px 0 20px;
    }
    .role-rating-card{
      border:1px solid var(--line);
      border-radius:15px;
      padding:13px;
      background:#fff;
    }
    .role-rating-card span{
      display:block;
      color:var(--muted);
      font-size:.72rem;
      font-weight:800;
      margin-bottom:5px;
    }
    .role-rating-card strong{
      font-size:1.05rem;
      letter-spacing:-.02em;
    }
    .role-rating-card small{
      display:block;
      color:#a16d18;
      margin-top:4px;
      font-size:.72rem;
    }
    .role-reviews{
      display:grid;
      gap:13px;
    }
    .role-review-group{
      border-top:1px solid var(--line);
      padding-top:13px;
    }
    .role-review-group:first-child{
      border-top:0;
      padding-top:0;
    }
    .role-review-title{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:9px;
    }
    .role-review-title strong{
      font-size:.84rem;
    }
    .role-review-title span{
      color:var(--muted);
      font-size:.72rem;
    }

    .rental-lifecycle{
      display:none;
      margin-top:20px;
      border:1px solid #d7dfda;
      border-radius:18px;
      overflow:hidden;
      background:#fbfcfb;
    }
    .rental-lifecycle.show{display:block}
    .rental-lifecycle-head{
      padding:14px 15px;
      background:#eef4f0;
      border-bottom:1px solid #d7dfda;
    }
    .rental-lifecycle-head strong{
      display:block;
      font-size:.9rem;
      margin-bottom:4px;
    }
    .rental-lifecycle-head span{
      color:var(--muted);
      font-size:.76rem;
      line-height:1.4;
    }
    .rental-lifecycle-body{
      padding:15px;
    }
    .rental-status-line{
      display:flex;
      align-items:flex-start;
      gap:10px;
      padding:11px 12px;
      border-radius:13px;
      background:#fff;
      border:1px solid var(--line);
      margin-bottom:12px;
    }
    .rental-status-icon{
      width:31px;
      height:31px;
      border-radius:10px;
      flex:0 0 31px;
      display:grid;
      place-items:center;
      background:var(--primary-soft);
      color:var(--primary);
      font-weight:900;
    }
    .rental-status-line strong{
      display:block;
      font-size:.81rem;
      margin-bottom:3px;
    }
    .rental-status-line span{
      display:block;
      color:var(--muted);
      font-size:.74rem;
      line-height:1.4;
    }
    .confirmation-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:9px;
      margin-bottom:11px;
    }
    .confirmation-card{
      border:1px solid var(--line);
      border-radius:14px;
      padding:11px;
      background:#fff;
    }
    .confirmation-card strong{
      display:block;
      font-size:.76rem;
      margin-bottom:4px;
    }
    .confirmation-card span{
      display:block;
      color:var(--muted);
      font-size:.7rem;
      min-height:30px;
      line-height:1.35;
    }
    .confirmation-card.done{
      background:#edf6f0;
      border-color:#bdd5c5;
    }
    .confirmation-card.done strong{
      color:var(--primary);
    }
    .confirmation-card .btn{
      width:100%;
      padding:9px 8px;
      margin-top:9px;
      font-size:.72rem;
    }
    .confirmation-card .btn:disabled,
    .review-action-grid .btn:disabled{
      opacity:.55;
      cursor:not-allowed;
      transform:none;
      box-shadow:none;
    }
    .review-action-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:9px;
      margin-top:11px;
    }
    .review-action-grid .btn{
      padding:10px 8px;
      font-size:.74rem;
    }
    .lifecycle-note{
      color:var(--muted);
      font-size:.69rem;
      line-height:1.45;
      margin:11px 2px 0;
    }

    .star-picker{
      display:flex;
      justify-content:center;
      gap:6px;
      margin:10px 0 18px;
    }
    .star-pick{
      border:0;
      background:transparent;
      color:#c9c4b9;
      font-size:2rem;
      padding:2px;
      line-height:1;
    }
    .star-pick.active{
      color:#b77d1d;
    }
    .review-target{
      text-align:center;
      color:var(--muted);
      line-height:1.5;
      margin-bottom:10px;
    }

    .profile-hero{
      padding:26px 24px 20px;
      text-align:center;
      background:
        radial-gradient(circle at 80% 10%, rgba(225,155,84,.16), transparent 13rem),
        linear-gradient(180deg,#f8faf8,#fff);
      border-bottom:1px solid var(--line);
    }
    .profile-avatar{
      width:126px;height:126px;border-radius:50%;
      margin:0 auto 13px;
      display:grid;place-items:center;
      background:var(--primary);
      color:#fff;font-size:1.65rem;font-weight:900;
      box-shadow:0 10px 28px rgba(47,107,79,.24);
      border:4px solid #fff;
    }
    .profile-avatar.has-photo{
      background-position:center;
      background-size:cover;
      background-repeat:no-repeat;
      color:transparent;
      cursor:zoom-in;
    }
    .profile-photo-lightbox{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px;background:rgba(15,25,21,.84);backdrop-filter:blur(8px);cursor:zoom-out}
    .profile-photo-lightbox img{display:block;max-width:min(620px,92vw);max-height:86vh;border-radius:26px;object-fit:contain;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.38)}
    .profile-photo-lightbox button{position:absolute;top:20px;right:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.2rem;cursor:pointer}
    .image-lightbox{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px;background:rgba(15,25,21,.84);backdrop-filter:blur(8px);cursor:zoom-out}
    .image-lightbox img{display:block;max-width:min(1100px,92vw);max-height:88vh;border-radius:20px;object-fit:contain;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.38)}
    .image-lightbox button{position:absolute;top:20px;right:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.2rem;cursor:pointer}
    .profile-name-row{
      display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
    }
    .profile-name-row h2{margin:0;font-size:1.65rem;letter-spacing:-.035em}
    .profile-person-context{
      margin-top:7px;
      color:var(--text);
      font-size:.9rem;
      font-weight:850;
    }
    .profile-public-id{display:inline-flex;margin-top:8px;padding:5px 9px;border:1px solid #d9e4dd;border-radius:999px;background:#f4f8f5;color:#52635a;font-size:.72rem;font-weight:850;letter-spacing:.035em}
    .profile-subline{margin-top:7px;color:var(--muted);font-size:.86rem}
    .verified{color:var(--primary);font-weight:850}
    .profile-about-hero{
      max-width:520px;
      margin:16px auto 0;
      text-align:left;
    }
    .profile-about-hero h4{
      margin:0 0 5px;
      color:var(--text);
      font-size:.93rem;
    }
    .profile-body{padding:21px 23px 25px}
    .profile-rating{
      border:1px solid var(--line);
      border-radius:18px;
      padding:17px;
      display:grid;
      grid-template-columns:auto 1fr;
      gap:15px;
      align-items:center;
      background:var(--surface-soft);
    }
    .rating-number{font-size:2.2rem;font-weight:950;letter-spacing:-.06em;color:var(--text)}
    .stars{color:#b77d1d;letter-spacing:.08em;font-size:1.05rem}
    .rating-count{font-size:.77rem;color:var(--muted);margin-top:4px}
    .profile-stats{
      display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:13px 0 20px
    }
    .profile-stat{
      border:1px solid var(--line);border-radius:14px;
      padding:12px 8px;text-align:center;background:#fff;
    }
    .profile-stat strong{display:block;font-size:1.05rem}
    .profile-stat span{font-size:.69rem;color:var(--muted)}
    .profile-public-tags{
      display:grid;
      gap:14px;
      margin:4px 0 20px;
      padding:17px;
      border:1px solid var(--line);
      border-radius:18px;
      background:var(--surface-soft);
    }
    .profile-public-tags[hidden],
    .profile-tag-group[hidden]{
      display:none!important;
    }
    .profile-tag-group h4{
      margin:0 0 9px;
      font-size:.82rem;
    }
    .profile-tag-list{
      display:flex;
      flex-wrap:wrap;
      gap:7px;
    }
    .profile-tag{
      display:inline-flex;
      align-items:center;
      min-height:30px;
      padding:6px 10px;
      border-radius:999px;
      background:#e8f2ec;
      color:var(--primary);
      font-size:.7rem;
      font-weight:850;
      line-height:1.2;
    }
    .profile-tag.skill{
      background:#fff2df;
      color:#8b5a1f;
    }
    .profile-section{margin-top:20px}
    .profile-section h4{margin:0 0 10px;font-size:.93rem}
    .profile-about{
      color:#56625c;line-height:1.6;font-size:.9rem;
      margin:0;
    }
    .review-list{display:grid;gap:9px}
    .review{
      border:1px solid var(--line);
      border-radius:14px;padding:12px 13px;background:var(--surface-soft)
    }
    .review-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
    .review-head strong{font-size:.82rem}
    .review-stars{font-size:.72rem;color:#b77d1d;letter-spacing:.05em}
    .review p{margin:7px 0 0;color:#606b65;line-height:1.45;font-size:.82rem}
    .review small{display:block;color:#9aa19d;margin-top:6px;font-size:.69rem}
    .profile-latest-reviews-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .profile-latest-reviews-head h4{margin:0}
    .profile-latest-reviews-head span{color:var(--muted);font-size:.7rem}
    .profile-review-source{
      display:inline-flex;
      width:max-content;
      margin-top:7px;
      border-radius:999px;
      padding:4px 7px;
      background:var(--primary-soft);
      color:var(--primary)!important;
      font-size:.64rem!important;
      font-weight:850;
    }
    .business-info{
      display:none;
      background:#fff8e9;border:1px solid #ead9b7;
      border-radius:14px;padding:13px;
      font-size:.8rem;line-height:1.5;color:#675331;
    }
    .business-info.show{display:block}
    .business-info strong{display:block;margin-bottom:4px;color:#503c1d}
    .profile-actions{display:flex;gap:9px;margin-top:20px}
    .profile-actions .btn{flex:1}
    .profile-block-notice{
      margin:0 0 16px;padding:14px 15px;border:1px solid #efc7c2;
      border-radius:15px;background:#fff6f5;color:#783b35;
      font-size:.82rem;line-height:1.5
    }
    .profile-block-notice strong{display:block;margin-bottom:4px;color:#632e29}
    .profile-block-button{
      color:#9b3b34!important;border-color:#e7b7b2!important;background:#fff8f7!important
    }
    .block-confirm-icon{
      color:#a53c35;
      background:linear-gradient(145deg,#fff4f2,#f9ddd9);
      box-shadow:0 10px 28px rgba(165,60,53,.13)
    }
    .block-confirm-points{
      display:grid;gap:9px;margin:0 0 19px;padding:0;list-style:none
    }
    .block-confirm-points li{
      display:flex;align-items:flex-start;gap:10px;padding:11px 12px;
      border:1px solid #ead9d6;border-radius:13px;background:#fffaf9;
      color:#65514e;font-size:.78rem;line-height:1.45
    }
    .block-confirm-points li span{
      width:22px;height:22px;flex:0 0 22px;border-radius:50%;
      display:grid;place-items:center;background:#f7dedb;color:#9b3b34;font-weight:950
    }
    .block-confirm-action{
      background:#a63f38!important;color:#fff!important;border-color:#a63f38!important
    }
    .block-confirm-action:hover:not(:disabled){background:#8d332d!important}
    #profileBackdrop.blocked-profile .profile-person-context,
    #profileBackdrop.blocked-profile .profile-subline,
    #profileBackdrop.blocked-profile .profile-about-hero,
    #profileBackdrop.blocked-profile #profileProviderBadge,
    #profileBackdrop.blocked-profile .profile-body > :not(.profile-block-notice):not(.profile-actions){
      display:none!important
    }
    .form-hint{
      color:var(--muted);
      font-size:.75rem;
      line-height:1.45;
      margin-top:2px;
    }

    .form-body{padding:22px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .form-group{display:flex;flex-direction:column;gap:7px}
    .form-group.full{grid-column:1/-1}
    .profile-visibility-choice{
      display:flex;
      align-items:center;
      gap:9px;
      padding:9px 11px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#f7faf8;
      font-size:.74rem;
      line-height:1.4;
      cursor:pointer;
    }
    .profile-visibility-choice input{width:17px;height:17px;margin:0;padding:0;accent-color:var(--primary);flex:0 0 auto}
    label{font-size:.84rem;font-weight:800;color:#46524c}
    input,select,textarea{
      border:1px solid var(--line);
      border-radius:13px;
      background:var(--surface-soft);
      padding:12px 13px;
      outline:none;
      color:var(--text);
      transition:.15s ease;
    }
    input:focus,select:focus,textarea:focus{border-color:#86ab96;box-shadow:0 0 0 4px rgba(47,107,79,.09)}
    textarea{min-height:120px;resize:vertical;line-height:1.5}
    .upload{
      border:1.5px dashed #b8c3bc;
      border-radius:16px;
      background:var(--surface-soft);
      padding:18px;
      text-align:center;
      color:var(--muted);
    }
    .upload input{display:none}
    .upload label{cursor:pointer;display:block}
    .upload-preview{
      margin-top:12px;border-radius:13px;overflow:hidden;
      display:none;max-height:250px
    }
    .upload-preview img{width:100%;height:250px;object-fit:cover}
    .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
    .notice{
      padding:12px 14px;
      border-radius:13px;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:.86rem;
      line-height:1.45;
      margin-bottom:17px;
    }

    .toast{
      position:fixed;left:50%;bottom:24px;z-index:100;
      transform:translate(-50%,30px);
      background:#173c2b;color:#fff;
      padding:12px 16px;border-radius:13px;
      box-shadow:0 14px 40px rgba(0,0,0,.24);
      opacity:0;pointer-events:none;transition:.25s ease;
      font-weight:750;
    }
    .toast.show{opacity:1;transform:translate(-50%,0)}



    .brand-copy{
      min-width:0;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      line-height:1.08;
    }
    .brand-title{
      font-weight:900;
      letter-spacing:-.025em;
      color:var(--text);
      white-space:nowrap;
    }
    .brand-town{
      border:0;
      background:transparent;
      padding:4px 0 0;
      color:var(--primary);
      font-size:.76rem;
      font-weight:850;
      display:inline-flex;
      align-items:center;
      gap:5px;
      cursor:pointer;
      max-width:190px;
    }
    .brand-town:hover{
      color:var(--primary-dark);
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .brand-town span:first-child{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .brand-town-arrow{
      font-size:.72rem;
      transition:transform .18s ease;
    }
    .brand-town:hover .brand-town-arrow{
      transform:translateY(1px);
    }
    .brand-town.brand-town-fixed:disabled{
      opacity:1;
      cursor:default;
      color:var(--primary);
      text-decoration:none;
    }
    .brand-town.brand-town-fixed:disabled .brand-town-arrow{
      transform:none;
    }

    .location-button{
      border:1px solid var(--line);
      background:var(--surface);
      color:var(--text);
      border-radius:14px;
      padding:10px 13px;
      font-weight:800;
      display:flex;
      align-items:center;
      gap:8px;
      white-space:nowrap;
      box-shadow:0 5px 15px rgba(29,51,41,.06);
    }
    .location-button span{
      color:var(--primary);
      max-width:150px;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .fallback-banner{
      display:none;
      align-items:flex-start;
      gap:12px;
      background:#fff8e9;
      color:#6e562e;
      border:1px solid #ead9b7;
      border-radius:17px;
      padding:14px 16px;
      margin:0 0 18px;
      line-height:1.45;
      box-shadow:0 8px 24px rgba(80,61,25,.06);
    }
    .fallback-banner.show{display:flex}
    .fallback-icon{
      width:34px;height:34px;flex:0 0 34px;
      border-radius:11px;
      display:grid;place-items:center;
      background:#f3e1ba;
    }
    .fallback-banner strong{display:block;color:#57431f;margin-bottom:2px}
    .card-location{
      padding:0 18px 13px;
      font-size:.78rem;
      color:var(--muted);
      display:flex;
      align-items:center;
      gap:6px;
      min-height:30px;
    }
    .card-location.local{color:var(--primary);font-weight:800}
    .card-demand,
    .help-card-capacity{
      padding:0 18px 13px;
      color:var(--muted);
      font-size:.78rem;
      line-height:1.4;
      display:flex;
      align-items:center;
      gap:7px;
    }
    .card-demand strong,
    .help-card-capacity strong{
      min-width:0;
      color:var(--text);
      font-weight:850;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .help-card-capacity{
      color:#6d3e72;
      font-weight:800;
    }
    .detail-location{
      display:flex;
      align-items:center;
      gap:7px;
      color:var(--muted);
      font-size:.9rem;
      margin:-7px 0 18px;
    }
    .town-list{
      display:grid;
      gap:9px;
      margin-top:15px;
    }
    .town-choice{
      width:100%;
      border:1px solid var(--line);
      background:var(--surface-soft);
      padding:13px 14px;
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      color:var(--text);
      font-weight:800;
      text-align:left;
    }
    .town-choice:hover,.town-choice.selected{
      border-color:#86ab96;
      background:var(--primary-soft);
      color:var(--primary);
    }
    .town-choice small{color:var(--muted);font-weight:650}
    .location-intro{
      text-align:center;
      padding:5px 6px 2px;
    }
    .location-intro .pin{
      width:58px;height:58px;border-radius:19px;
      margin:0 auto 14px;
      background:var(--primary-soft);
      color:var(--primary);
      display:grid;place-items:center;
      font-size:1.7rem;
    }
    .location-intro h2{margin:0 0 8px;font-size:1.65rem;letter-spacing:-.035em}
    .location-intro p{margin:0;color:var(--muted);line-height:1.55}

    @media(max-width:900px){
      .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .navlinks{display:none}
      .town-member-counter{justify-content:flex-start}
      .town-member-counter-card{width:100%;justify-content:space-between}
      .toolbar{grid-template-columns:1fr 180px}
      .toolbar .btn{grid-column:1/-1}
    }
    @media(max-width:620px){
      main{padding:20px 14px 50px}
      .nav{padding:11px 14px;gap:12px;flex-wrap:wrap}
      .nav-actions .btn{display:none}
      .town-member-counter{order:3;flex:1 0 100%}
      .town-member-counter-card{width:100%;justify-content:space-between;padding:10px 14px;border-radius:16px}
      .town-member-counter-label{font-size:.74rem}
      .town-member-counter-town{font-size:.95rem;max-width:none}
      .town-member-counter-value{min-width:44px;height:44px;font-size:1rem}
  
    .brand-copy{
      min-width:0;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      line-height:1.08;
    }
    .brand-title{
      font-weight:900;
      letter-spacing:-.025em;
      color:var(--text);
      white-space:nowrap;
    }
    .brand-town{
      border:0;
      background:transparent;
      padding:4px 0 0;
      color:var(--primary);
      font-size:.76rem;
      font-weight:850;
      display:inline-flex;
      align-items:center;
      gap:5px;
      cursor:pointer;
      max-width:190px;
    }
    .brand-town:hover{
      color:var(--primary-dark);
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .brand-town span:first-child{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .brand-town-arrow{
      font-size:.72rem;
      transition:transform .18s ease;
    }
    .brand-town:hover .brand-town-arrow{
      transform:translateY(1px);
    }

    .location-button{padding:9px 10px}
      .location-button span{max-width:105px}
      .hero{padding:30px 23px;min-height:300px;border-radius:24px}
      .hero h1{font-size:2.55rem}
      .toolbar{grid-template-columns:1fr;padding:10px}
      .toolbar .btn{grid-column:auto}
      .section-head{align-items:flex-start;flex-direction:column;gap:8px}
      .grid{grid-template-columns:1fr}
      .card-image{height:245px}
      .detail-image{height:270px}
      .detail-body h2{font-size:1.62rem}
      .price-row{align-items:flex-start;flex-direction:column}
      .profile-stats{grid-template-columns:1fr 1fr}
      .profile-actions{flex-direction:column}
      .role-rating-grid,.confirmation-grid,.review-action-grid{grid-template-columns:1fr}
  
    .booking-calendar{
      border:1px solid var(--line);
      border-radius:18px;
      background:var(--surface-soft);
      padding:14px;
      margin-bottom:16px;
    }
    .calendar-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:13px;
    }
    .calendar-title{
      font-weight:900;
      letter-spacing:-.02em;
      text-transform:capitalize;
      text-align:center;
    }
    .calendar-nav{
      width:36px;
      height:36px;
      border-radius:11px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--text);
      display:grid;
      place-items:center;
      font-weight:900;
    }
    .calendar-nav:hover{
      border-color:#9bb7a6;
      color:var(--primary);
    }
    .calendar-nav:disabled{
      opacity:.35;
      cursor:not-allowed;
    }
    .calendar-weekdays,
    .calendar-grid{
      display:grid;
      grid-template-columns:repeat(7,minmax(0,1fr));
      gap:5px;
    }
    .calendar-weekdays{
      margin-bottom:6px;
    }
    .calendar-weekdays span{
      text-align:center;
      color:var(--muted);
      font-size:.68rem;
      font-weight:850;
      padding:3px 0;
    }
    .calendar-blank{
      aspect-ratio:1;
    }
    .calendar-day{
      position:relative;
      aspect-ratio:1;
      min-height:38px;
      border:1px solid transparent;
      border-radius:11px;
      background:#fff;
      color:var(--text);
      display:grid;
      place-items:center;
      font-size:.78rem;
      font-weight:800;
      transition:.14s ease;
    }
    .calendar-day:not(:disabled):hover{
      border-color:#8eb29d;
      background:#edf5f0;
      transform:translateY(-1px);
    }
    .calendar-day.today{
      border-color:#9ab4a4;
      box-shadow:inset 0 0 0 1px #9ab4a4;
    }
    .calendar-day.past{
      background:#f1f0ed;
      color:#b1b3b0;
      cursor:not-allowed;
    }
    .calendar-day.booked{
      background:#f5d8d4;
      border-color:#e6aca4;
      color:#8e342b;
      cursor:not-allowed;
      text-decoration:line-through;
    }
    .calendar-day.booked::after{
      content:"";
      position:absolute;
      bottom:4px;
      width:4px;
      height:4px;
      border-radius:50%;
      background:#b64d42;
    }
    .calendar-day.in-range{
      background:#dcebe2;
      color:#24533e;
      border-radius:7px;
    }
    .calendar-day.selected-start,
    .calendar-day.selected-end{
      background:var(--primary);
      color:#fff;
      border-color:var(--primary);
      text-decoration:none;
      box-shadow:0 6px 14px rgba(47,107,79,.22);
    }
    .calendar-day.selected-start::after,
    .calendar-day.selected-end::after{
      display:none;
    }
    .calendar-legend{
      display:flex;
      flex-wrap:wrap;
      gap:10px 15px;
      margin-top:13px;
      padding-top:12px;
      border-top:1px solid var(--line);
      color:var(--muted);
      font-size:.72rem;
    }
    .legend-item{
      display:flex;
      align-items:center;
      gap:6px;
    }
    .legend-dot{
      width:12px;
      height:12px;
      border-radius:4px;
      border:1px solid var(--line);
      background:#fff;
    }
    .legend-dot.selected{
      background:var(--primary);
      border-color:var(--primary);
    }
    .legend-dot.booked{
      background:#f5d8d4;
      border-color:#e6aca4;
    }
    .legend-dot.past{
      background:#f1f0ed;
    }
    .selected-range-summary{
      margin-top:12px;
      border-radius:13px;
      padding:10px 12px;
      background:#fff;
      border:1px solid var(--line);
      color:var(--muted);
      font-size:.8rem;
      line-height:1.4;
    }
    .selected-range-summary strong{
      color:var(--primary);
    }

    .request-date-grid{grid-template-columns:1fr}
      .price-row .btn{width:100%}
      .form-grid{grid-template-columns:1fr}
      .form-group.full{grid-column:auto}
      .form-actions{flex-direction:column-reverse}
      .form-actions .btn{width:100%}
    }
  
    /* Version 8: überarbeitete Hauptnavigation */
    .nav{
      max-width:1460px;
      padding:11px 24px;
      gap:21px;
    }
    .brand{
      gap:10px;
      flex:0 0 auto;
    }
    .brand-symbol{
      width:54px;
      height:58px;
      object-fit:contain;
      flex:0 0 auto;
      filter:drop-shadow(0 7px 13px rgba(30,83,64,.12));
    }
    .brand-copy{
      min-width:145px;
    }
    .brand-title{
      font-size:.98rem;
      font-weight:900;
      line-height:1.05;
    }
    .brand-town{
      font-size:.73rem;
      padding-top:5px;
      color:var(--primary);
    }
    .navlinks{
      gap:3px;
      min-width:0;
      justify-content:flex-start;
    }
    .navlink{
      padding:11px 12px;
      font-size:.88rem;
      white-space:nowrap;
      transition:background .16s ease,color .16s ease,transform .16s ease;
    }
    .navlink:hover{
      color:var(--primary);
      background:rgba(230,240,234,.58);
    }
    .navlink.active{
      background:var(--primary-soft);
      color:var(--primary);
    }
    .nav-dropdown{
      position:relative;
    }
    .navlink-dropdown{
      display:flex;
      align-items:center;
      gap:6px;
    }
    .nav-dropdown-arrow{
      font-size:.7rem;
      transition:transform .18s ease;
    }
    .nav-dropdown.open .nav-dropdown-arrow{
      transform:rotate(180deg);
    }
    .nav-dropdown.open .navlink-dropdown{
      color:var(--primary);
      background:var(--primary-soft);
    }
    .nav-dropdown-menu{
      display:none;
      position:absolute;
      z-index:80;
      top:calc(100% + 11px);
      left:50%;
      transform:translateX(-50%);
      width:310px;
      padding:9px;
      border:1px solid var(--line);
      border-radius:18px;
      background:rgba(255,255,255,.98);
      box-shadow:0 22px 60px rgba(29,51,41,.18);
      backdrop-filter:blur(18px);
    }
    .nav-dropdown.open .nav-dropdown-menu{
      display:grid;
      gap:4px;
      animation:menuIn .16s ease;
    }
    @keyframes menuIn{
      from{opacity:0;transform:translateX(-50%) translateY(-5px)}
      to{opacity:1;transform:translateX(-50%) translateY(0)}
    }
    .nav-dropdown-menu::before{
      content:"";
      position:absolute;
      top:-7px;
      left:50%;
      width:13px;
      height:13px;
      background:#fff;
      border-left:1px solid var(--line);
      border-top:1px solid var(--line);
      transform:translateX(-50%) rotate(45deg);
    }
    .nav-dropdown-menu button{
      position:relative;
      z-index:1;
      width:100%;
      border:0;
      background:transparent;
      border-radius:13px;
      padding:10px 11px;
      display:flex;
      align-items:center;
      gap:11px;
      text-align:left;
      color:var(--text);
    }
    .nav-dropdown-menu button:hover{
      background:var(--primary-soft);
    }
    .dropdown-icon{
      width:34px;
      height:34px;
      border-radius:11px;
      display:grid;
      place-items:center;
      flex:0 0 34px;
      color:var(--primary);
      background:#edf5f0;
      font-weight:900;
    }
    .nav-dropdown-menu strong{
      display:block;
      font-size:.82rem;
      margin-bottom:2px;
    }
    .nav-dropdown-menu small{
      display:block;
      color:var(--muted);
      font-size:.69rem;
      line-height:1.3;
    }
    .nav-actions{
      flex:0 0 auto;
    }

    @media(max-width:1260px){
      .nav{
        gap:14px;
        padding-left:17px;
        padding-right:17px;
      }
      .brand-copy{
        min-width:130px;
      }
      .brand-title{
        font-size:.9rem;
      }
      .navlink{
        padding-left:8px;
        padding-right:8px;
        font-size:.8rem;
      }
      .nav-actions .btn{
        padding-left:12px;
        padding-right:12px;
      }
    }

    @media(max-width:1030px){
      .navlinks{
        display:none;
      }
      .nav{
        justify-content:space-between;
      }
    }

    @media(max-width:620px){
      .brand-symbol{
        width:47px;
        height:50px;
      }
      .brand-copy{
        min-width:0;
      }
      .brand-title{
        font-size:.84rem;
      }
      .brand-town{
        max-width:115px;
        font-size:.69rem;
      }
    }

  
    .brand-home-button{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}
    .brand-home-button:hover .brand-title{color:var(--primary)}
    .home-view{max-width:none;padding:0 22px 70px}
    .home-hero{position:relative;overflow:hidden;min-height:620px;margin:22px auto 0;max-width:1420px;border-radius:34px;padding:72px 34px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 18% 24%,rgba(0,184,157,.13),transparent 24rem),radial-gradient(circle at 82% 22%,rgba(119,194,68,.14),transparent 24rem),radial-gradient(circle at 75% 85%,rgba(255,177,44,.13),transparent 22rem),radial-gradient(circle at 18% 82%,rgba(255,92,66,.11),transparent 22rem),linear-gradient(180deg,#fff 0%,#fafbf8 100%);border:1px solid rgba(222,225,217,.9);box-shadow:0 26px 80px rgba(29,51,41,.11)}
    .home-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
    .home-glow-one{width:280px;height:280px;left:-130px;top:90px;background:rgba(0,184,157,.08)}
    .home-glow-two{width:330px;height:330px;right:-160px;bottom:25px;background:rgba(255,177,44,.08)}
    .home-logo-wrap{position:relative;z-index:1;width:min(820px,82vw);min-height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
    .home-brand-lockup{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,34px)}
    .home-brand-symbol{width:clamp(150px,22vw,220px);height:clamp(150px,22vw,220px);object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 14px 24px rgba(23,93,78,.10))}
    .home-brand-word{display:block;width:min(570px,62vw);height:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 11px 20px rgba(23,93,78,.07))}
    .home-kicker{position:relative;z-index:1;margin:2px 0 9px;color:var(--primary);font-size:.82rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
    .home-hero h1{position:relative;z-index:1;margin:0;max-width:880px;font-size:clamp(2.25rem,5.3vw,4.8rem);line-height:.98;letter-spacing:-.06em}
    .home-intro{position:relative;z-index:1;max-width:760px;margin:22px auto 0;color:var(--muted);font-size:1.08rem;line-height:1.68}
    .home-location{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:27px;padding:11px 15px;border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.85);box-shadow:0 9px 25px rgba(29,51,41,.07);text-align:left}
    .home-location-icon{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft)}
    .home-location small{display:block;color:var(--muted);font-size:.67rem;font-weight:750;margin-bottom:2px}
    .home-location button{border:0;background:transparent;padding:0;display:flex;gap:6px;align-items:center;color:var(--primary);font-weight:900}
    .home-location button:disabled{opacity:1;cursor:default;color:var(--primary)}
    .home-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:23px}
    .home-primary-action{min-width:180px}
    .home-sections{max-width:1260px;margin:75px auto 0}
    .home-section-head{max-width:700px;margin:0 auto 29px;text-align:center}
    .home-section-head>span{color:var(--primary);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
    .home-section-head h2{margin:8px 0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em}
    .home-section-head p{color:var(--muted);line-height:1.6;margin:0}
    .home-area-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
    .home-area-card{grid-column:span 2;min-height:190px;border:1px solid var(--line);border-radius:24px;background:#fff;padding:21px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:.2s ease;box-shadow:0 11px 30px rgba(29,51,41,.07)}
    .home-area-card:nth-child(4){grid-column:2/span 2}.home-area-card:nth-child(5){grid-column:4/span 2}
    .home-area-card:hover{transform:translateY(-5px);border-color:#a9c2b3;box-shadow:0 19px 42px rgba(29,51,41,.12)}
    .home-area-card.featured{background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.15),transparent 11rem),var(--primary);color:#fff;border-color:var(--primary)}
    .home-area-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:1.15rem;font-weight:900;margin-bottom:20px}
    .featured .home-area-icon{background:rgba(255,255,255,.15);color:#fff}
    .home-area-copy{display:block;padding-right:25px}.home-area-copy strong{display:block;font-size:1.08rem;margin-bottom:7px;letter-spacing:-.025em}.home-area-copy small{display:block;color:var(--muted);line-height:1.5;font-size:.79rem}.featured .home-area-copy small{color:rgba(255,255,255,.77)}
    .home-area-arrow{position:absolute;right:20px;bottom:19px;font-size:1.2rem;color:#92a098;transition:transform .18s ease}.featured .home-area-arrow{color:rgba(255,255,255,.75)}.home-area-card:hover .home-area-arrow{transform:translateX(4px)}
    .home-trust{max-width:1100px;margin:65px auto 0;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:center}.home-trust strong{display:block;margin-bottom:6px;font-size:.91rem}.home-trust span{color:var(--muted);font-size:.78rem;line-height:1.5}
    .platform-view{max-width:1180px;margin:auto;padding:34px 22px 70px}
    .area-placeholder-view{min-height:calc(100vh - 88px);max-width:1180px;margin:auto;padding:55px 22px 80px;display:flex;align-items:center;justify-content:center}.area-placeholder-card{width:min(820px,100%);border:1px solid var(--line);border-radius:30px;padding:55px;background:radial-gradient(circle at 90% 10%,rgba(47,107,79,.1),transparent 20rem),#fff;text-align:center;box-shadow:var(--shadow)}
    .back-home-button{display:block;margin:0 auto 35px 0;border:0;background:transparent;color:var(--muted);font-weight:800}.back-home-button:hover{color:var(--primary)}
    .area-placeholder-icon{width:72px;height:72px;border-radius:23px;margin:0 auto 18px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:1.8rem;font-weight:900}
    .area-placeholder-eyebrow{color:var(--primary);text-transform:uppercase;font-size:.72rem;font-weight:900;letter-spacing:.1em}.area-placeholder-card h1{margin:10px 0 12px;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.055em}.area-placeholder-card p{max-width:610px;margin:0 auto;color:var(--muted);line-height:1.7}.area-placeholder-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:27px}
    @media(max-width:900px){.home-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-area-card,.home-area-card:nth-child(4),.home-area-card:nth-child(5){grid-column:auto}.home-area-card:last-child{grid-column:1/-1}}
    @media(max-width:620px){.home-view{padding:0 13px 50px}.home-hero{margin-top:13px;min-height:570px;border-radius:25px;padding:48px 20px 42px}.home-logo-wrap{width:95%;min-height:115px}.home-brand-lockup{gap:12px}.home-brand-symbol{width:31vw;height:31vw;max-width:128px;max-height:128px}.home-brand-word{width:56vw;max-width:330px}.home-intro{font-size:.94rem}.home-actions{flex-direction:column;width:100%}.home-actions .btn{width:100%}.home-sections{margin-top:52px}.home-area-grid{grid-template-columns:1fr}.home-area-card,.home-area-card:nth-child(4),.home-area-card:nth-child(5),.home-area-card:last-child{grid-column:auto}.home-area-card{min-height:175px}.home-trust{grid-template-columns:1fr;gap:18px}.area-placeholder-card{padding:31px 20px}.area-placeholder-actions{flex-direction:column}.area-placeholder-actions .btn{width:100%}}

  
    /* Version 10: Marke und Ortsanzeige */
    .brand{
      display:flex !important;
      align-items:center !important;
      gap:10px !important;
      flex:0 0 auto;
    }
    .brand-logo-button,
    .brand-title-button{
      border:0;
      background:transparent;
      padding:0;
      cursor:pointer;
    }
    .brand-logo-button{
      display:flex;
      align-items:center;
      justify-content:center;
      flex:0 0 auto;
    }
    .brand{
      position:relative;
    }
    .brand-logo-button{
      border-radius:14px;
      transition:transform .16s ease,filter .16s ease;
    }
    .brand-logo-button:hover,
    .brand-logo-button[aria-expanded="true"]{
      transform:translateY(-1px);
      filter:drop-shadow(0 7px 12px rgba(39,83,62,.15));
    }
    .brand-logo-button:focus-visible{
      outline:3px solid rgba(47,107,79,.24);
      outline-offset:4px;
    }
    .logo-quick-menu{
      position:absolute;
      z-index:150;
      top:calc(100% + 12px);
      left:0;
      width:250px;
      max-width:calc(100vw - 28px);
      display:grid;
      gap:5px;
      padding:9px;
      border:1px solid rgba(218,224,218,.95);
      border-radius:18px;
      background:rgba(255,255,255,.98);
      box-shadow:0 22px 60px rgba(24,43,34,.2);
      backdrop-filter:blur(18px);
      animation:logoQuickMenuIn .16s ease;
    }
    .logo-quick-menu[hidden]{
      display:none !important;
    }
    .logo-quick-menu::before{
      content:"";
      position:absolute;
      top:-7px;
      left:25px;
      width:13px;
      height:13px;
      transform:rotate(45deg);
      border-top:1px solid rgba(218,224,218,.95);
      border-left:1px solid rgba(218,224,218,.95);
      background:#fff;
    }
    @keyframes logoQuickMenuIn{
      from{opacity:0;transform:translateY(-6px) scale(.985)}
      to{opacity:1;transform:none}
    }
    .logo-quick-item{
      position:relative;
      z-index:1;
      width:100%;
      min-height:42px;
      display:grid;
      grid-template-columns:31px minmax(0,1fr) auto 16px;
      align-items:center;
      gap:9px;
      padding:6px 8px;
      border:0;
      border-radius:12px;
      background:transparent;
      color:var(--text);
      text-align:left;
      font:inherit;
      font-size:.79rem;
      font-weight:850;
      cursor:pointer;
      transition:background .15s ease,color .15s ease,transform .15s ease;
    }
    .logo-quick-item:hover,
    .logo-quick-item:focus-visible{
      outline:0;
      color:var(--primary);
      background:#edf5f0;
      transform:translateX(2px);
    }
    .logo-quick-icon{
      width:31px;
      height:31px;
      display:grid;
      place-items:center;
      border-radius:10px;
      background:#edf5f0;
      color:var(--primary);
      font-size:.84rem;
      font-weight:950;
    }
    .logo-quick-badge{
      min-width:22px;
      height:22px;
      display:inline-grid;
      place-items:center;
      padding:0 6px;
      border-radius:999px;
      background:#c43d35;
      color:#fff;
      font-size:.68rem;
      line-height:1;
      font-weight:950;
      box-shadow:0 5px 12px rgba(196,61,53,.24);
      white-space:nowrap;
    }
    .logo-quick-badge[hidden]{
      display:none !important;
    }
    .logo-quick-chevron{
      color:#91a098;
      font-size:1rem;
      text-align:center;
    }
    .logo-quick-divider{
      height:1px;
      margin:5px 6px;
      background:var(--line);
    }
    .logo-quick-create{
      min-height:47px;
      margin-top:1px;
      color:#fff;
      background:linear-gradient(135deg,var(--primary),#398563);
      box-shadow:0 9px 19px rgba(35,101,72,.19);
    }
    .logo-quick-create .logo-quick-icon{
      color:var(--primary);
      background:#fff;
      font-size:1.05rem;
    }
    .logo-quick-create .logo-quick-chevron{
      color:rgba(255,255,255,.78);
    }
    .logo-quick-create:hover,
    .logo-quick-create:focus-visible{
      color:#fff;
      background:linear-gradient(135deg,var(--primary-dark),var(--primary));
      transform:translateY(-1px);
    }
    .logo-quick-message-tail{
      position:relative;
      width:16px;
      height:24px;
      display:grid;
      place-items:center;
    }
    .logo-quick-message-tail .message-unread-badge{
      position:absolute;
      right:-2px;
      top:-2px;
      width:19px;
      height:19px;
      min-width:19px;
      padding:0;
      font-size:.7rem;
    }
    .brand-title-button{
      display:block;
      text-align:left;
      line-height:1;
    }
    .brand-title-button:hover .brand-title{
      color:var(--primary);
    }
    .brand-copy{
      min-width:150px !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:flex-start !important;
      justify-content:center !important;
      gap:3px !important;
      line-height:1 !important;
    }
    .brand-title{
      display:block !important;
      font-size:.98rem;
      line-height:1.05;
      white-space:nowrap;
    }
    .brand-town{
      display:inline-flex !important;
      width:auto !important;
      max-width:150px;
      margin:0 !important;
      padding:2px 0 0 !important;
      line-height:1.1;
    }

    /* Auswahl des Inseratbereichs */
    .create-choice-eyebrow{
      display:block;
      color:var(--primary);
      font-size:.67rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.09em;
      margin-bottom:3px;
    }
    .create-choice-intro{
      margin:0 0 16px;
      color:var(--muted);
      font-size:.86rem;
      line-height:1.55;
    }
    .create-choice-grid{
      display:grid;
      gap:10px;
    }
    .create-choice-card{
      width:100%;
      min-height:82px;
      border:1px solid var(--line);
      border-radius:17px;
      padding:13px 14px;
      background:var(--surface-soft);
      display:grid;
      grid-template-columns:43px 1fr auto;
      align-items:center;
      gap:12px;
      text-align:left;
      color:var(--text);
      transition:.18s ease;
    }
    .create-choice-card:hover{
      transform:translateY(-2px);
      border-color:#9bb7a6;
      background:var(--primary-soft);
      box-shadow:0 10px 24px rgba(29,51,41,.08);
    }
    .create-choice-card.primary-choice{
      border-color:#9db9a8;
      background:#edf5f0;
    }
    .create-choice-icon{
      width:43px;
      height:43px;
      border-radius:14px;
      display:grid;
      place-items:center;
      color:var(--primary);
      background:#fff;
      font-size:1.08rem;
      font-weight:900;
      box-shadow:0 5px 12px rgba(29,51,41,.07);
    }
    .create-choice-card strong{
      display:block;
      font-size:.88rem;
      margin-bottom:4px;
    }
    .create-choice-card small{
      display:block;
      color:var(--muted);
      font-size:.72rem;
      line-height:1.35;
    }
    .create-choice-arrow{
      color:#91a098;
      font-size:1.1rem;
      transition:transform .18s ease;
    }
    .create-choice-card:hover .create-choice-arrow{
      transform:translateX(4px);
      color:var(--primary);
    }
    .create-choice-note{
      margin-top:14px;
      padding:10px 12px;
      border-radius:12px;
      background:#f5f3ee;
      color:#7d837f;
      font-size:.71rem;
      line-height:1.45;
    }

    @media(max-width:620px){
      .brand-copy{
        min-width:125px !important;
      }
      .brand-title{
        font-size:.84rem;
      }
      .brand-town{
        max-width:120px;
      }
      .create-choice-card{
        grid-template-columns:40px 1fr auto;
        padding:12px;
      }
      .create-choice-icon{
        width:40px;
        height:40px;
      }
    }

  
    /* Version 11: vier klare Hauptbereiche auf der Startseite */
    .home-area-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
      max-width:980px;
      margin-left:auto;
      margin-right:auto;
    }
    .home-area-card,
    .home-area-card:nth-child(4),
    .home-area-card:nth-child(5){
      grid-column:auto;
    }
    .home-area-card:last-child{
      grid-column:auto;
    }

    @media(max-width:900px){
      .home-area-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }

    @media(max-width:620px){
      .home-area-grid{
        grid-template-columns:1fr;
      }
    }

  
    /* Version 12: fünf eigenständige Bereiche */
    .home-area-grid{
      grid-template-columns:repeat(6,minmax(0,1fr));
      max-width:1260px;
    }
    .home-area-card{
      grid-column:span 2;
    }
    .home-area-card:nth-child(4){
      grid-column:2 / span 2;
    }
    .home-area-card:nth-child(5){
      grid-column:4 / span 2;
    }

    @media(max-width:900px){
      .home-area-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      .home-area-card,
      .home-area-card:nth-child(4),
      .home-area-card:nth-child(5){
        grid-column:auto;
      }
      .home-area-card:last-child{
        grid-column:1 / -1;
      }
    }

    @media(max-width:620px){
      .home-area-grid{
        grid-template-columns:1fr;
      }
      .home-area-card,
      .home-area-card:nth-child(4),
      .home-area-card:nth-child(5),
      .home-area-card:last-child{
        grid-column:auto;
      }
    }

  
    /* Version 13: Es ist immer nur eine Seitenansicht sichtbar */
    [hidden]{
      display:none !important;
    }

    .home-view,
    .platform-view,
    .area-placeholder-view{
      animation:viewAppear .18s ease;
    }

    @keyframes viewAppear{
      from{opacity:0;transform:translateY(5px)}
      to{opacity:1;transform:none}
    }

  
    /* Version 14: großer Neuigkeiten-Katalog auf der Hauptseite */
    .home-news-catalog{
      margin:0 0 20px;
      padding:19px;
      border-radius:27px;
      border:1px solid var(--line);
      background:#fff;
      box-shadow:0 14px 38px rgba(29,51,41,.09);
    }
    .home-news-catalog-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:20px;
      padding:2px 3px 16px;
    }
    .home-news-catalog-head > div > span{
      color:var(--primary);
      font-size:.73rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
    }
    .home-news-catalog-head h3{
      margin:5px 0 0;
      font-size:1.55rem;
      letter-spacing:-.04em;
    }
    .home-news-all{
      border:0;
      background:transparent;
      color:var(--primary);
      font-weight:850;
      padding:8px;
      white-space:nowrap;
    }
    .home-news-all:hover span{
      display:inline-block;
      transform:translateX(3px);
    }
    .home-news-stage{
      display:grid;
      grid-template-columns:42px minmax(0,1fr) 42px;
      align-items:center;
      gap:11px;
    }
    .home-news-nav{
      width:42px;
      height:42px;
      border-radius:14px;
      border:1px solid var(--line);
      background:var(--surface-soft);
      color:var(--text);
      font-size:1.45rem;
      display:grid;
      place-items:center;
      transition:.16s ease;
    }
    .home-news-nav:hover:not(:disabled){
      color:var(--primary);
      border-color:#9fbbaa;
      transform:translateY(-1px);
    }
    .home-news-nav:disabled{
      opacity:.35;
      cursor:not-allowed;
    }
    .home-news-slide{
      min-height:300px;
      border-radius:23px;
      overflow:hidden;
      display:grid;
      grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);
      background:
        radial-gradient(circle at 0 100%,rgba(0,184,157,.1),transparent 19rem),
        linear-gradient(120deg,#f7faf8,#eef5f1);
      border:1px solid #dfe8e2;
      cursor:pointer;
      outline:none;
    }
    .home-news-slide:focus-visible{
      box-shadow:0 0 0 4px rgba(47,107,79,.14);
    }
    .home-news-content{
      padding:34px 36px;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:center;
    }
    .home-news-meta{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      color:var(--muted);
      font-size:.75rem;
      font-weight:750;
    }
    .home-news-category{
      display:inline-flex;
      padding:6px 9px;
      border-radius:999px;
      color:var(--primary);
      background:var(--primary-soft);
      font-size:.68rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.04em;
    }
    .home-news-content h3{
      margin:17px 0 12px;
      max-width:720px;
      font-size:clamp(1.65rem,3.5vw,3rem);
      line-height:1.03;
      letter-spacing:-.05em;
    }
    .home-news-content p{
      max-width:690px;
      margin:0;
      color:#5b6761;
      font-size:.96rem;
      line-height:1.62;
    }
    .home-news-read{
      border:0;
      background:transparent;
      color:var(--primary);
      padding:16px 0 0;
      font-weight:900;
    }
    .home-news-read:hover span{
      display:inline-block;
      transform:translateX(3px);
    }
    .home-news-visual{
      min-height:300px;
      display:grid;
      place-items:center;
      overflow:hidden;
      background:
        radial-gradient(circle at 65% 25%,rgba(255,255,255,.23),transparent 10rem),
        linear-gradient(145deg,#28785c,#65a96d);
    }
    .home-news-visual span{
      color:#fff;
      font-size:5rem;
      font-weight:900;
      filter:drop-shadow(0 12px 20px rgba(0,0,0,.17));
    }
    .home-news-visual img{
      width:100%;
      height:100%;
      min-height:300px;
      object-fit:cover;
    }
    .home-news-footer{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:14px;
      min-height:32px;
      padding-top:14px;
    }
    .home-news-dots{
      display:flex;
      align-items:center;
      gap:7px;
    }
    .home-news-dot{
      width:8px;
      height:8px;
      padding:0;
      border:0;
      border-radius:999px;
      background:#c8cfca;
      transition:.16s ease;
    }
    .home-news-dot.active{
      width:26px;
      background:var(--primary);
    }
    .home-news-counter{
      color:var(--muted);
      font-size:.72rem;
      font-weight:750;
    }

    /* Vier normale Bereiche unterhalb der großen Neuigkeiten-Kachel */
    .home-area-grid{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      max-width:980px !important;
      margin-left:auto;
      margin-right:auto;
    }
    .home-area-card,
    .home-area-card:nth-child(4),
    .home-area-card:nth-child(5),
    .home-area-card:last-child{
      grid-column:auto !important;
    }

    /* Neuigkeiten-Seite */
    .news-view{
      max-width:1180px;
      margin:auto;
      padding:38px 22px 80px;
    }
    .news-page-hero{
      border-radius:29px;
      padding:35px;
      border:1px solid var(--line);
      background:
        radial-gradient(circle at 90% 0%,rgba(119,194,68,.13),transparent 22rem),
        radial-gradient(circle at 0 100%,rgba(0,184,157,.1),transparent 20rem),
        #fff;
      box-shadow:var(--shadow-soft);
    }
    .news-page-hero .back-home-button{
      margin-bottom:26px;
    }
    .news-page-hero-row{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:25px;
    }
    .news-page-eyebrow{
      color:var(--primary);
      font-size:.72rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.09em;
    }
    .news-page-hero h1{
      margin:8px 0 10px;
      font-size:clamp(2rem,4.4vw,3.7rem);
      line-height:1;
      letter-spacing:-.055em;
    }
    .news-page-hero p{
      margin:0;
      color:var(--muted);
      line-height:1.6;
    }
    .news-source-status{
      min-width:270px;
      max-width:370px;
      display:grid;
      grid-template-columns:12px minmax(0,1fr);
      gap:3px 11px;
      align-items:center;
      padding:15px 17px;
      border:1px solid #d8e5dc;
      border-radius:18px;
      background:rgba(244,249,246,.88);
    }
    .news-source-status-dot{
      width:10px;
      height:10px;
      border-radius:50%;
      background:#c28b2d;
      box-shadow:0 0 0 5px rgba(194,139,45,.11);
      grid-row:1 / span 2;
    }
    .news-source-status.connected .news-source-status-dot{
      background:#2f7957;
      box-shadow:0 0 0 5px rgba(47,121,87,.11);
    }
    .news-source-status.temporarily_unavailable .news-source-status-dot{
      background:#b56849;
      box-shadow:0 0 0 5px rgba(181,104,73,.11);
    }
    .news-source-status strong{
      color:var(--text);
      font-size:.8rem;
      line-height:1.35;
    }
    .news-source-status span{
      color:var(--muted);
      font-size:.69rem;
      line-height:1.45;
    }
    .news-source-status a{
      grid-column:2;
      width:max-content;
      max-width:100%;
      margin-top:4px;
      color:var(--primary);
      font-size:.69rem;
      font-weight:850;
      text-decoration:none;
    }
    .news-source-status a:hover{
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .news-archive-section{
      margin-top:34px;
    }
    .news-archive-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:20px;
      margin-bottom:17px;
    }
    .news-archive-head h2{
      margin:0 0 5px;
      font-size:1.65rem;
      letter-spacing:-.035em;
    }
    .news-archive-head p{
      margin:0;
      color:var(--muted);
    }
    .news-archive-head > span{
      color:var(--muted);
      font-size:.8rem;
    }
    .news-category-filters{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      margin:0 0 18px;
    }
    .news-category-filter{
      min-height:40px;
      padding:9px 15px;
      border:1px solid var(--line);
      border-radius:999px;
      background:#fff;
      color:var(--primary);
      font:inherit;
      font-size:.78rem;
      font-weight:850;
      cursor:pointer;
      transition:.18s ease;
    }
    .news-category-filter:hover{
      border-color:#9fc8b4;
      background:#f5fbf7;
    }
    .news-category-filter.active{
      border-color:var(--primary);
      background:var(--primary);
      color:#fff;
      box-shadow:0 8px 20px rgba(33,111,82,.18);
    }
    .news-archive-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:18px;
    }
    .news-archive-card{
      overflow:hidden;
      border-radius:21px;
      border:1px solid var(--line);
      background:#fff;
      box-shadow:var(--shadow-soft);
      cursor:pointer;
      transition:.2s ease;
    }
    .news-archive-card:hover{
      transform:translateY(-4px);
      box-shadow:0 17px 35px rgba(29,51,41,.13);
    }
    .news-archive-visual{
      height:175px;
      display:grid;
      place-items:center;
      background:linear-gradient(145deg,#28785c,#65a96d);
      overflow:hidden;
    }
    .news-archive-visual span{
      color:#fff;
      font-size:3.4rem;
      font-weight:900;
    }
    .news-archive-visual img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .news-archive-body{
      padding:17px;
    }
    .news-archive-body h3{
      margin:12px 0 8px;
      font-size:1.05rem;
      line-height:1.25;
      letter-spacing:-.025em;
    }
    .news-archive-body p{
      margin:0;
      color:var(--muted);
      font-size:.8rem;
      line-height:1.5;
    }
    .news-empty-state{
      display:none;
      padding:50px 20px;
      border:1px dashed #c9cfc9;
      border-radius:21px;
      text-align:center;
      background:rgba(255,255,255,.55);
    }
    .news-empty-state.show{
      display:block;
    }
    .news-empty-state strong,
    .news-empty-state span{
      display:block;
    }
    .news-empty-state span{
      margin-top:7px;
      color:var(--muted);
    }

    /* Detail */
    .news-detail-modal{
      width:min(820px,100%);
    }
    .news-detail-visual{
      height:330px;
      display:grid;
      place-items:center;
      overflow:hidden;
      background:linear-gradient(145deg,#28785c,#65a96d);
    }
    .news-detail-visual span{
      color:#fff;
      font-size:5rem;
      font-weight:900;
    }
    .news-detail-visual img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .news-detail-body{
      padding:26px;
    }
    .news-detail-body h2{
      margin:17px 0 12px;
      font-size:clamp(1.8rem,4vw,3rem);
      line-height:1.04;
      letter-spacing:-.05em;
    }
    .news-detail-summary{
      color:#4f5c55;
      font-size:1rem;
      font-weight:700;
      line-height:1.6;
      margin:0 0 19px;
    }
    .news-detail-text{
      color:#56625c;
      line-height:1.75;
      white-space:pre-line;
    }
    .news-detail-location{
      margin-top:22px;
      padding-top:15px;
      border-top:1px solid var(--line);
      color:var(--muted);
      font-size:.78rem;
    }
    .news-detail-source-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      margin-top:16px;
      border:1px solid #cdded3;
      border-radius:13px;
      padding:10px 13px;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:.78rem;
      font-weight:900;
      text-decoration:none;
    }
    .news-detail-source-link:hover{
      border-color:#a9c4b3;
      transform:translateY(-1px);
    }
    .news-detail-source-links{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
    }
    .news-archive-source{
      display:block;
      margin-top:12px;
      padding-top:10px;
      border-top:1px solid var(--line);
      color:var(--primary);
      font-size:.69rem;
      font-weight:800;
    }

    .news-detail-actions{
      display:flex;
      justify-content:flex-end;
      margin-top:15px;
    }
    .news-delete-button{
      border:1px solid #e1b8b3;
      background:#fff5f3;
      color:#963f36;
      border-radius:13px;
      padding:10px 13px;
      font-weight:850;
    }
    .news-delete-button:hover{
      background:#fbe6e2;
      border-color:#d99d95;
    }
    .my-news-item .news-delete-button{
      position:relative;
      z-index:3;
      pointer-events:auto;
      touch-action:manipulation;
    }
    .my-news-section{
      margin-top:34px;
      padding:22px;
      border:1px solid var(--line);
      border-radius:24px;
      background:var(--surface-soft);
      box-shadow:var(--shadow-soft);
    }
    .my-news-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:18px;
      margin-bottom:15px;
    }
    .my-news-head h2{
      margin:0 0 5px;
      font-size:1.35rem;
      letter-spacing:-.03em;
    }
    .my-news-head p{
      margin:0;
      color:var(--muted);
      font-size:.84rem;
      line-height:1.5;
    }
    .my-news-list{
      display:grid;
      gap:10px;
    }
    .my-news-item{
      border:1px solid var(--line);
      border-radius:17px;
      background:#fff;
      padding:14px;
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:center;
      gap:15px;
    }
    .my-news-item-main{
      min-width:0;
      cursor:pointer;
    }
    .my-news-item-top{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      margin-bottom:6px;
    }
    .my-news-status{
      display:inline-flex;
      align-items:center;
      border-radius:999px;
      padding:5px 8px;
      font-size:.67rem;
      font-weight:900;
      background:var(--primary-soft);
      color:var(--primary);
    }
    .my-news-status.scheduled{
      background:#fff1d7;
      color:#805b19;
    }
    .my-news-item h3{
      margin:0 0 5px;
      font-size:.96rem;
      line-height:1.3;
    }
    .my-news-item p{
      margin:0;
      color:var(--muted);
      font-size:.76rem;
      line-height:1.45;
    }
    .my-news-empty{
      display:none;
      color:var(--muted);
      text-align:center;
      padding:20px 12px;
      border:1px dashed #c9cfc9;
      border-radius:15px;
      background:#fff;
      font-size:.82rem;
    }
    .my-news-empty.show{display:block}
    .news-card-actions{
      display:flex;
      justify-content:flex-end;
      margin-top:14px;
      padding-top:12px;
      border-top:1px solid var(--line);
    }
    .news-card-delete{
      border:0;
      background:transparent;
      color:#963f36;
      font-size:.75rem;
      font-weight:850;
      padding:5px 0;
    }
    .news-card-delete:hover{
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .news-schedule-preview{
      border:1px solid #d9e5dc;
      border-radius:14px;
      padding:11px 13px;
      background:#f4f8f5;
      color:#536059;
      font-size:.8rem;
      line-height:1.5;
    }
    .news-schedule-preview strong{color:var(--primary)}

    @media(max-width:900px){
      .my-news-item{
        grid-template-columns:1fr;
      }
      .my-news-item .news-delete-button{
        width:100%;
      }
      .home-news-slide{
        grid-template-columns:1fr;
      }
      .home-news-visual{
        min-height:190px;
        order:-1;
      }
      .home-news-visual img{
        min-height:190px;
      }
      .news-archive-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }

    @media(max-width:620px){
      .home-news-catalog{
        padding:12px;
        border-radius:22px;
      }
      .home-news-catalog-head{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
      }
      .home-news-stage{
        grid-template-columns:34px minmax(0,1fr) 34px;
        gap:5px;
      }
      .home-news-nav{
        width:34px;
        height:38px;
        border-radius:11px;
      }
      .home-news-content{
        padding:24px 21px;
      }
      .home-news-content h3{
        font-size:1.65rem;
      }
      .home-area-grid{
        grid-template-columns:1fr !important;
      }
      .news-page-hero{
        padding:25px 20px;
      }
      .news-page-hero-row{
        align-items:flex-start;
        flex-direction:column;
      }
      .news-source-status{
        width:100%;
        min-width:0;
        max-width:none;
      }
      .news-page-hero-row .btn{
        width:100%;
      }
      .news-archive-grid{
        grid-template-columns:1fr;
      }
    }

  
    /* Version 15: breite Neuigkeiten statt Bereichskacheln */
    .home-sections{
      max-width:1420px;
      margin-top:62px;
    }
    .news-focus-head{
      max-width:760px;
      margin-bottom:24px;
    }
    .home-news-catalog{
      width:100%;
      margin:0;
      padding:20px;
      border-radius:29px;
    }
    .home-news-catalog-head{
      padding:4px 8px 18px;
    }
    .home-news-stage{
      grid-template-columns:48px minmax(0,1fr) 48px;
      gap:14px;
    }
    .home-news-nav{
      width:48px;
      height:48px;
      border-radius:16px;
    }
    .home-news-slide{
      min-height:360px;
      grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
      border-radius:25px;
    }
    .home-news-content{
      padding:45px 48px;
    }
    .home-news-content h3{
      max-width:800px;
      font-size:clamp(2rem,4.1vw,3.7rem);
      margin-top:20px;
    }
    .home-news-content p{
      max-width:760px;
      font-size:1.03rem;
    }
    .home-news-visual{
      min-height:360px;
    }
    .home-news-visual img{
      min-height:360px;
    }
    .home-news-visual span{
      font-size:6rem;
    }
    .home-news-footer{
      padding-top:16px;
    }
    .home-area-grid{
      display:none !important;
    }

    @media(max-width:1000px){
      .home-news-slide{
        grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);
      }
      .home-news-content{
        padding:36px;
      }
    }

    @media(max-width:760px){
      .home-news-stage{
        grid-template-columns:38px minmax(0,1fr) 38px;
        gap:7px;
      }
      .home-news-nav{
        width:38px;
        height:44px;
        border-radius:12px;
      }
      .home-news-slide{
        grid-template-columns:1fr;
        min-height:0;
      }
      .home-news-visual{
        min-height:210px;
        order:-1;
      }
      .home-news-visual img{
        min-height:210px;
      }
      .home-news-content{
        padding:28px 25px;
      }
      .home-news-content h3{
        font-size:2rem;
      }
    }

    @media(max-width:620px){
      .home-sections{
        margin-top:48px;
      }
      .home-news-catalog{
        padding:10px;
      }
      .home-news-catalog-head{
        padding:8px 6px 15px;
      }
    }

  
    /* Version 16: keine Bereichskacheln mehr auf der Hauptseite */
    .home-area-grid,
    .home-area-card{
      display:none !important;
    }

    .home-sections{
      max-width:1420px !important;
      margin-top:62px !important;
    }

    .news-focus-head{
      max-width:790px;
      margin-bottom:25px;
    }

    .home-news-slide.news-refresh{
      animation:newsRefresh .42s ease;
    }

    @keyframes newsRefresh{
      from{
        opacity:.38;
        transform:translateX(12px);
      }
      to{
        opacity:1;
        transform:none;
      }
    }

    .home-news-dot{
      cursor:pointer;
    }

    .home-news-stage:hover .home-news-nav{
      opacity:1;
    }

    @media(max-width:620px){
      .home-sections{
        margin-top:48px !important;
      }
    }

  

  
    /* Version 19: persönliches Kontomenü */
    .account-menu-wrap{
      position:relative;
      flex:0 0 auto;
    }
    .header-message-alert{
      width:38px;
      height:38px;
      flex:0 0 38px;
      border:0;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:#c43d35;
      color:#fff;
      font-size:1rem;
      font-weight:900;
      box-shadow:0 7px 18px rgba(196,61,53,.3);
      transition:.17s ease;
    }
    .header-message-alert:hover{
      transform:translateY(-1px);
      background:#a92f29;
    }
    .header-message-alert[hidden],
    .message-unread-badge[hidden]{
      display:none !important;
    }
    .account-menu-button{
      border:2px solid #fff;
      cursor:pointer;
      transition:.17s ease;
    }
    .account-menu-button:hover,
    .account-menu-button[aria-expanded="true"]{
      transform:translateY(-1px);
      box-shadow:0 8px 20px rgba(29,51,41,.16);
      background:var(--primary);
      color:#fff;
    }
    .account-menu{
      position:absolute;
      z-index:120;
      top:calc(100% + 13px);
      right:0;
      width:335px;
      max-height:min(78vh,690px);
      overflow:auto;
      padding:10px;
      border:1px solid var(--line);
      border-radius:22px;
      background:rgba(255,255,255,.98);
      box-shadow:0 25px 75px rgba(24,43,34,.22);
      backdrop-filter:blur(20px);
      animation:accountMenuIn .17s ease;
    }
    .account-menu[hidden]{
      display:none !important;
    }
    @keyframes accountMenuIn{
      from{opacity:0;transform:translateY(-7px) scale(.985)}
      to{opacity:1;transform:none}
    }
    .account-menu::before{
      content:"";
      position:absolute;
      right:19px;
      top:-7px;
      width:13px;
      height:13px;
      transform:rotate(45deg);
      background:#fff;
      border-left:1px solid var(--line);
      border-top:1px solid var(--line);
    }
    .account-menu-profile{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      gap:11px;
      padding:9px 10px 11px;
    }
    .account-menu-avatar,
    .account-sidebar-avatar{
      width:44px;
      height:44px;
      flex:0 0 44px;
      border-radius:50%;
      display:grid;
      place-items:center;
      color:#fff;
      background:var(--primary);
      font-weight:900;
      box-shadow:0 7px 18px rgba(47,107,79,.2);
    }
    .account-menu-profile strong{
      display:block;
      margin-bottom:3px;
      font-size:.9rem;
    }
    .account-menu-profile span{
      display:block;
      color:var(--muted);
      font-size:.7rem;
      line-height:1.35;
    }
    .account-menu-divider{
      height:1px;
      margin:5px 7px;
      background:var(--line);
    }

.test-user-switch{
  margin:8px 0 10px;
  padding:12px;
  border:1px solid #d8e6dd;
  border-radius:16px;
  background:#f4f8f5;
}
.test-user-switch > span{
  display:block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.test-user-switch-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.test-user-switch button{
  border:1px solid var(--line);
  border-radius:11px;
  padding:9px 8px;
  background:#fff;
  color:var(--text);
  font-weight:850;
  cursor:pointer;
}
.test-user-switch button.active{
  border-color:#9fc1ad;
  background:var(--primary);
  color:#fff;
}
    .account-menu-item{
      width:100%;
      position:relative;
      z-index:1;
      border:0;
      border-radius:14px;
      background:transparent;
      color:var(--text);
      padding:10px;
      display:grid;
      grid-template-columns:36px 1fr auto;
      align-items:center;
      gap:10px;
      text-align:left;
      text-decoration:none;
      cursor:pointer;
      transition:.15s ease;
    }
    .account-menu-item:hover{
      background:var(--primary-soft);
    }
    .account-menu-item.primary{
      background:#edf5f0;
    }
    .account-menu-icon{
      width:36px;
      height:36px;
      border-radius:11px;
      display:grid;
      place-items:center;
      background:#f1f5f2;
      color:var(--primary);
      font-weight:900;
    }
    .account-menu-item strong{
      display:block;
      font-size:.8rem;
      margin-bottom:2px;
    }
    .account-menu-item small{
      display:block;
      color:var(--muted);
      font-size:.67rem;
      line-height:1.3;
    }
    .account-menu-chevron{
      color:#9aa49e;
      font-size:1.2rem;
    }
    .account-menu-message-tail{
      display:flex;
      align-items:center;
      gap:8px;
    }
    .message-unread-badge{
      width:22px;
      height:22px;
      flex:0 0 22px;
      border-radius:50%;
      display:inline-grid;
      place-items:center;
      background:#c43d35;
      color:#fff;
      font-size:.75rem;
      line-height:1;
      font-weight:950;
      box-shadow:0 5px 12px rgba(196,61,53,.24);
    }
    .account-sidebar-nav button .message-unread-badge{
      width:22px;
      color:#fff;
      margin-left:auto;
      font-size:.75rem;
    }

    /* Persönliche Seiten */
    .account-view{
      max-width:1380px;
      margin:auto;
      padding:34px 22px 80px;
    }
    .account-shell{
      display:grid;
      grid-template-columns:270px minmax(0,1fr);
      gap:24px;
      align-items:start;
    }
    .account-sidebar{
      position:sticky;
      top:100px;
      border:1px solid var(--line);
      border-radius:23px;
      padding:14px;
      background:#fff;
      box-shadow:var(--shadow-soft);
    }
    .account-sidebar-profile{
      display:flex;
      align-items:center;
      gap:11px;
      padding:8px 8px 15px;
      border-bottom:1px solid var(--line);
      margin-bottom:8px;
    }
    .account-sidebar-profile strong{
      display:block;
      font-size:.88rem;
      margin-bottom:3px;
    }
    .account-sidebar-profile span{
      display:block;
      color:var(--muted);
      font-size:.68rem;
      line-height:1.35;
    }
    .account-sidebar-nav{
      display:grid;
      gap:3px;
    }
    .account-sidebar-nav button{
      width:100%;
      border:0;
      border-radius:13px;
      background:transparent;
      color:var(--muted);
      padding:11px 12px;
      display:flex;
      align-items:center;
      gap:10px;
      text-align:left;
      font-weight:800;
      font-size:.78rem;
    }
    .account-sidebar-nav button span{
      width:25px;
      color:var(--primary);
      text-align:center;
      font-size:.95rem;
    }
    .account-sidebar-nav button:hover{
      background:#f2f6f3;
      color:var(--text);
    }
    .account-sidebar-nav button.active{
      color:var(--primary);
      background:var(--primary-soft);
    }
    .account-main{
      min-width:0;
    }
    .account-page-head{
      min-height:150px;
      border:1px solid var(--line);
      border-radius:27px;
      padding:29px 31px;
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:22px;
      background:
        radial-gradient(circle at 95% 0%,rgba(119,194,68,.13),transparent 18rem),
        radial-gradient(circle at 0 100%,rgba(0,184,157,.08),transparent 18rem),
        #fff;
      box-shadow:var(--shadow-soft);
      margin-bottom:20px;
    }
    .account-page-eyebrow{
      color:var(--primary);
      font-size:.69rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.1em;
    }
    .account-page-head h1{
      margin:7px 0 7px;
      font-size:clamp(2rem,4vw,3.15rem);
      line-height:1;
      letter-spacing:-.055em;
    }
    .account-page-head p{
      margin:0;
      color:var(--muted);
      line-height:1.5;
    }
    .account-dashboard-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:13px;
      margin-bottom:18px;
    }
    .account-stat-card{
      border:1px solid var(--line);
      border-radius:18px;
      padding:17px;
      background:#fff;
      box-shadow:0 8px 23px rgba(29,51,41,.055);
    }
    .account-stat-icon{
      width:36px;
      height:36px;
      border-radius:12px;
      display:grid;
      place-items:center;
      background:var(--primary-soft);
      color:var(--primary);
      font-weight:900;
      margin-bottom:14px;
    }
    .account-stat-card strong{
      display:block;
      font-size:1.55rem;
      letter-spacing:-.045em;
      margin-bottom:3px;
    }
    .account-stat-card span{
      color:var(--muted);
      font-size:.72rem;
    }
    .account-panel{
      border:1px solid var(--line);
      border-radius:21px;
      background:#fff;
      padding:20px;
      box-shadow:var(--shadow-soft);
      margin-bottom:17px;
    }
    .account-panel-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
      margin-bottom:15px;
    }
    .account-panel-head h2{
      margin:0;
      font-size:1.15rem;
      letter-spacing:-.025em;
    }
    .account-panel-head span{
      color:var(--muted);
      font-size:.73rem;
    }
    .account-quick-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    .account-quick-card{
      border:1px solid var(--line);
      border-radius:16px;
      background:var(--surface-soft);
      padding:15px;
      text-align:left;
      transition:.17s ease;
    }
    .account-quick-card:hover{
      transform:translateY(-2px);
      border-color:#a9c2b3;
      background:var(--primary-soft);
    }
    .account-quick-card strong{
      display:block;
      font-size:.83rem;
      margin-bottom:5px;
    }
    .account-quick-card span{
      color:var(--muted);
      font-size:.7rem;
      line-height:1.45;
    }
    .account-empty{
      padding:43px 20px;
      border:1px dashed #c8cec9;
      border-radius:18px;
      text-align:center;
      background:#fafbf9;
    }
    .account-empty-icon{
      width:52px;
      height:52px;
      border-radius:17px;
      display:grid;
      place-items:center;
      margin:0 auto 12px;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:1.25rem;
      font-weight:900;
    }
    .account-empty strong{
      display:block;
      margin-bottom:6px;
    }
    .account-empty p{
      max-width:520px;
      margin:0 auto 15px;
      color:var(--muted);
      font-size:.78rem;
      line-height:1.55;
    }
    .account-list{
      display:grid;
      gap:10px;
    }
    .account-list-item{
      border:1px solid var(--line);
      border-radius:17px;
      padding:13px;
      display:grid;
      grid-template-columns:58px minmax(0,1fr) auto;
      align-items:center;
      gap:13px;
      background:#fff;
    }
    .account-list-image{
      width:58px;
      height:58px;
      border-radius:13px;
      overflow:hidden;
      background:#eef1ee;
    }
    .account-list-image img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .account-list-copy strong{
      display:block;
      font-size:.84rem;
      margin-bottom:5px;
    }
    .account-list-copy span{
      color:var(--muted);
      font-size:.7rem;
      line-height:1.4;
    }
    .account-status{
      display:inline-flex;
      padding:6px 8px;
      border-radius:999px;
      color:var(--primary);
      background:var(--primary-soft);
      font-size:.66rem;
      font-weight:900;
      white-space:nowrap;
    }
    .settings-grid{
      display:grid;
      gap:13px;
    }
    .setting-row{
      border:1px solid var(--line);
      border-radius:17px;
      padding:15px 16px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:18px;
      background:#fff;
    }
    .setting-row strong{
      display:block;
      font-size:.82rem;
      margin-bottom:4px;
    }
    .setting-row span{
      display:block;
      color:var(--muted);
      font-size:.7rem;
      line-height:1.4;
    }
    .setting-value{
      color:var(--primary);
      font-size:.76rem;
      font-weight:900;
      text-align:right;
    }
    .switch{
      position:relative;
      width:44px;
      height:25px;
      border:0;
      border-radius:999px;
      background:#cbd1cd;
      flex:0 0 44px;
    }
    .switch::after{
      content:"";
      position:absolute;
      width:19px;
      height:19px;
      left:3px;
      top:3px;
      border-radius:50%;
      background:#fff;
      box-shadow:0 2px 7px rgba(0,0,0,.15);
      transition:.17s ease;
    }
    .switch.active{
      background:var(--primary);
    }
    .switch.active::after{
      transform:translateX(19px);
    }

    @media(max-width:980px){
      .account-shell{
        grid-template-columns:1fr;
      }
      .account-sidebar{
        position:static;
      }
      .account-sidebar-profile{
        display:none;
      }
      .account-sidebar-nav{
        display:flex;
        overflow:auto;
        padding-bottom:2px;
      }
      .account-sidebar-nav button{
        width:auto;
        flex:0 0 auto;
        white-space:nowrap;
      }
      .account-dashboard-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }

    @media(max-width:620px){
      .account-menu{
        position:fixed;
        top:75px;
        left:12px;
        right:12px;
        width:auto;
        max-height:calc(100vh - 92px);
      }
      .account-menu::before{
        display:none;
      }
      .account-view{
        padding:18px 13px 60px;
      }
      .account-page-head{
        align-items:flex-start;
        flex-direction:column;
        padding:24px 21px;
      }
      .account-page-head .btn{
        width:100%;
      }
      .account-dashboard-grid{
        grid-template-columns:1fr 1fr;
      }
      .account-quick-grid{
        grid-template-columns:1fr;
      }
      .account-list-item{
        grid-template-columns:50px minmax(0,1fr);
      }
      .account-list-item .account-status{
        grid-column:2;
        justify-self:start;
      }
    }

  
    /* Version 21: ausführliche Profilübersicht in „Mein Bereich“ */
    .account-menu-button.has-photo{
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
      color:transparent;
    }
    .account-menu-button.has-photo:hover,
    .account-menu-button.has-photo[aria-expanded="true"]{
      background-size:cover;
      background-position:center;
    }
    .account-menu-avatar,
    .account-sidebar-avatar{
      overflow:hidden;
    }
    .account-menu-avatar img,
    .account-sidebar-avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:inherit;
    }
    .account-member-stat strong{
      font-size:1.05rem;
      line-height:1.25;
      text-transform:capitalize;
    }
    .account-profile-overview{
      padding:24px;
    }
    .dashboard-profile-layout{
      display:grid;
      grid-template-columns:160px minmax(0,1fr) 210px;
      gap:25px;
      align-items:center;
    }
    .dashboard-photo-column{
      text-align:center;
    }
    .dashboard-profile-photo{
      width:128px;
      height:128px;
      margin:0 auto 12px;
      border-radius:50%;
      display:grid;
      place-items:center;
      overflow:hidden;
      background:
        radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 5rem),
        var(--primary);
      color:#fff;
      font-size:2.45rem;
      font-weight:900;
      border:5px solid #fff;
      box-shadow:0 12px 32px rgba(47,107,79,.23);
    }
    .dashboard-profile-photo img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .profile-photo-button{
      width:100%;
      padding:9px 10px;
      font-size:.72rem;
    }
    .profile-photo-remove{
      border:0;
      background:transparent;
      color:#9a706b;
      font-size:.68rem;
      font-weight:800;
      margin-top:8px;
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .dashboard-profile-eyebrow{
      color:var(--primary);
      font-size:.68rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.1em;
    }
    .dashboard-profile-main h2{
      margin:6px 0 8px;
      font-size:2rem;
      letter-spacing:-.045em;
    }
    .dashboard-profile-main > p{
      max-width:650px;
      margin:0 0 19px;
      color:var(--muted);
      font-size:.78rem;
      line-height:1.55;
    }
    .dashboard-profile-facts{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    .dashboard-profile-facts > div{
      min-height:69px;
      border:1px solid var(--line);
      border-radius:15px;
      padding:12px 13px;
      background:var(--surface-soft);
    }
    .dashboard-profile-facts span{
      display:block;
      color:var(--muted);
      font-size:.66rem;
      font-weight:750;
      margin-bottom:5px;
    }
    .dashboard-profile-facts strong{
      display:block;
      font-size:.82rem;
      line-height:1.35;
    }
    .dashboard-overall-rating{
      min-height:196px;
      border-radius:21px;
      padding:20px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      background:
        radial-gradient(circle at 70% 0%,rgba(255,255,255,.18),transparent 8rem),
        var(--primary);
      color:#fff;
    }
    .dashboard-overall-rating > span{
      font-size:.7rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
      opacity:.78;
    }
    .dashboard-overall-rating > strong{
      margin:8px 0 2px;
      font-size:3.15rem;
      line-height:1;
      letter-spacing:-.07em;
    }
    .dashboard-rating-stars{
      color:#ffd36b;
      letter-spacing:.08em;
      font-size:1.05rem;
      margin-bottom:8px;
    }
    .dashboard-overall-rating small{
      max-width:160px;
      color:rgba(255,255,255,.78);
      font-size:.68rem;
      line-height:1.4;
    }
    .dashboard-role-ratings{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:13px;
    }
    .dashboard-role-rating{
      border:1px solid var(--line);
      border-radius:18px;
      padding:17px;
      display:grid;
      grid-template-columns:46px minmax(0,1fr);
      gap:13px;
      background:var(--surface-soft);
    }
    .dashboard-role-icon{
      width:46px;
      height:46px;
      border-radius:15px;
      display:grid;
      place-items:center;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:1.15rem;
      font-weight:900;
    }
    .dashboard-role-rating span{
      display:block;
      color:var(--muted);
      font-size:.69rem;
      font-weight:800;
      margin-bottom:5px;
    }
    .dashboard-role-rating strong{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:1.7rem;
      letter-spacing:-.045em;
      line-height:1;
    }
    .dashboard-role-rating strong small{
      color:#b77d1d;
      font-size:.75rem;
      letter-spacing:.05em;
    }
    .dashboard-role-rating p{
      margin:8px 0 0;
      color:var(--muted);
      font-size:.7rem;
      line-height:1.48;
    }
    .dashboard-rating-note{
      margin-top:12px;
      padding:10px 12px;
      border-radius:13px;
      background:#f5f3ee;
      color:#777e79;
      font-size:.69rem;
      line-height:1.45;
    }

    @media(max-width:1050px){
      .dashboard-profile-layout{
        grid-template-columns:140px minmax(0,1fr);
      }
      .dashboard-overall-rating{
        grid-column:1 / -1;
        min-height:145px;
      }
    }

    @media(max-width:700px){
      .news-category-filters{
        flex-wrap:nowrap;
        overflow-x:auto;
        padding:0 0 7px;
        scrollbar-width:thin;
        scroll-snap-type:x proximity;
      }
      .news-category-filter{
        flex:0 0 auto;
        scroll-snap-align:start;
      }
      .dashboard-profile-layout{
        grid-template-columns:1fr;
      }
      .dashboard-photo-column{
        max-width:190px;
        margin:auto;
      }
      .dashboard-profile-main{
        text-align:center;
      }
      .dashboard-profile-facts{
        text-align:left;
      }
      .dashboard-role-ratings{
        grid-template-columns:1fr;
      }
    }

    @media(max-width:480px){
      .account-dashboard-grid{
        grid-template-columns:1fr;
      }
      .dashboard-profile-facts{
        grid-template-columns:1fr;
      }
    }

  
    /* Version 22: klare Unterseiten ohne große Kopf-Kachel */
    .account-simple-head{
      margin:2px 2px 20px;
    }
    .account-simple-head h1{
      margin:0 0 7px;
      font-size:clamp(2rem,4vw,3.15rem);
      line-height:1;
      letter-spacing:-.055em;
    }
    .account-simple-head p{
      margin:0;
      color:var(--muted);
      line-height:1.5;
    }
    .account-simple-head[hidden],
    .account-page-head[hidden]{
      display:none !important;
    }
    .dashboard-profile-bio{
      max-width:680px;
      min-height:45px;
      margin:0 0 19px !important;
      color:#58655e !important;
      font-size:.82rem !important;
      line-height:1.62 !important;
      white-space:pre-line;
    }
    .account-panel-head-action{
      align-items:center;
    }
    .account-panel-head-action > div > span{
      display:block;
      margin-top:4px;
    }
    .account-panel-head-action .btn{
      flex:0 0 auto;
    }
    .account-row-actions{
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap:7px;
    }
    .account-delete-button{
      border:0;
      background:transparent;
      color:#a05249;
      padding:4px 2px;
      font-size:.67rem;
      font-weight:850;
    }
    .account-delete-button:hover:not(:disabled){
      color:#7f2f28;
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .account-delete-button:disabled{
      opacity:.35;
      cursor:not-allowed;
    }
    .account-edit-button{
      border:0;
      background:transparent;
      color:var(--primary);
      padding:4px 2px;
      font-size:.67rem;
      font-weight:850;
      cursor:pointer;
    }
    .account-edit-button:hover{
      color:#194f37;
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .owner-lending-card{
      grid-template-columns:82px minmax(0,1fr) 132px;
      padding:18px 16px;
      border-radius:21px;
      background:#fbfcfa;
      align-items:start;
    }
    .owner-lending-card .account-list-image{
      width:72px;
      height:72px;
      border-radius:18px;
      background:#e9efea;
      box-shadow:0 10px 24px rgba(47,107,79,.08);
    }
    .owner-lending-card .account-list-copy strong{
      font-size:1.02rem;
      margin-bottom:6px;
    }
    .owner-lending-card .account-list-copy > span{
      display:block;
      font-size:.82rem;
      line-height:1.45;
    }
    .owner-lending-card .account-list-copy > small{
      display:block;
      margin-top:3px;
      color:var(--muted);
      font-size:.78rem;
      line-height:1.4;
    }
    .owner-lending-card .account-row-actions{
      gap:10px;
      align-self:flex-start;
    }
    .owner-lending-card .account-status{
      position:static;
      align-self:flex-end;
    }
    .owner-lending-card .account-status.available{
      background:#e7f4ea;
      color:#1f7b48;
    }
    .owner-lending-card .account-status.borrowed,
    .owner-lending-card .account-status.unavailable{
      background:#ffe4df;
      color:#a34134;
    }
    .owner-lending-card .account-status.reserved{
      background:#fff2dd;
      color:#8a6614;
    }
    .account-delete-button.pill-delete{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid rgba(163,65,52,.16);
      background:#fff5f3;
      color:#a34134;
      border-radius:999px;
      padding:9px 13px;
      font-size:.72rem;
      font-weight:900;
      line-height:1;
      transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
    }
    .account-delete-button.pill-delete:hover:not(:disabled){
      text-decoration:none;
      color:#8d3529;
      background:#ffeae4;
      box-shadow:0 8px 18px rgba(163,65,52,.08);
      transform:translateY(-1px);
    }
    .account-edit-button.pill-edit{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid rgba(47,107,79,.18);
      background:#edf6f0;
      color:var(--primary);
      border-radius:999px;
      padding:9px 13px;
      font-size:.72rem;
      font-weight:900;
      line-height:1;
      transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .account-edit-button.pill-edit:hover{
      text-decoration:none;
      background:#e0f0e5;
      box-shadow:0 8px 18px rgba(47,107,79,.1);
      transform:translateY(-1px);
    }
    .owner-lending-bookings{
      margin-top:14px;
      display:grid;
      gap:10px;
    }
    .owner-lending-booking{
      border:1px solid rgba(47,107,79,.12);
      border-radius:18px;
      background:#ffffff;
      padding:14px;
      display:flex;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
    }
    .owner-lending-booking-copy{display:grid;gap:4px;min-width:220px;flex:1}
    .owner-lending-booking-copy strong{font-size:.95rem}
    .owner-lending-booking-copy span,
    .owner-lending-booking-copy small{color:var(--muted);line-height:1.4}
    .owner-lending-booking-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
    .inline-profile-button{
      border:0;
      background:transparent;
      padding:0;
      color:var(--primary);
      font-weight:900;
      cursor:pointer;
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .inline-profile-button:hover{color:#1f533b}
    .owner-lending-idle{
      margin-top:12px;
      border:1px dashed rgba(47,107,79,.16);
      border-radius:16px;
      background:#ffffff;
      padding:12px 14px;
      color:var(--muted);
      font-size:.84rem;
      line-height:1.45;
    }
    .rental-countdown{
      min-width:165px;
      border-radius:15px;
      padding:11px 13px;
      text-align:right;
      background:var(--primary-soft);
      color:var(--primary);
    }
    .rental-countdown.reservation{
      background:#fff5df;
      color:#8b641f;
    }
    .rental-countdown small{
      display:block;
      margin-bottom:4px;
      color:inherit;
      opacity:.72;
      font-size:.62rem;
      font-weight:850;
      text-transform:uppercase;
      letter-spacing:.05em;
    }
    .rental-countdown strong{
      display:block;
      font-size:.76rem;
      line-height:1.35;
    }
    .account-list-details{
      margin-top:12px;
      display:grid;
      gap:10px;
    }
    .account-inline-note{
      border:1px dashed rgba(47,107,79,.18);
      background:#fbfcf9;
      border-radius:16px;
      padding:10px 12px;
      color:var(--muted);
      font-size:.88rem;
    }
    .rental-subcard{
      border:1px solid rgba(47,107,79,.14);
      background:#fbfcf9;
      border-radius:18px;
      padding:12px 14px;
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:14px;
      flex-wrap:wrap;
    }
    .rental-subcard-copy{
      display:grid;
      gap:4px;
      min-width:220px;
      flex:1;
    }
    .rental-subcard-copy strong{
      font-size:.95rem;
    }
    .rental-subcard-copy span,
    .rental-subcard-copy small{
      color:var(--muted);
    }
    .rental-subcard-copy .rental-main-line{
      display:block;
      font-size:1rem;
      font-weight:900;
      color:var(--text);
      line-height:1.35;
      margin-top:2px;
    }
    .rental-subcard-copy .rental-secondary-line{
      display:block;
      margin-top:3px;
      font-size:.8rem;
      color:var(--muted);
      line-height:1.4;
    }
    .rental-subcard-actions{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-end;
      position:relative;
      z-index:4;
    }
    .rental-subcard-actions button{
      position:relative;
      z-index:5;
      pointer-events:auto;
      touch-action:manipulation;
      min-width:230px;
      min-height:62px;
      justify-content:center;
    }
    .rental-deadline-indicator{
      min-width:185px;
      border-radius:16px;
      padding:11px 13px;
      text-align:right;
      background:#eef4ef;
      color:var(--primary);
      border:1px solid rgba(47,107,79,.10);
    }
    .rental-deadline-indicator small{
      display:block;
      margin-bottom:4px;
      font-size:.64rem;
      font-weight:850;
      letter-spacing:.05em;
      text-transform:uppercase;
      opacity:.8;
      color:inherit;
    }
    .rental-deadline-indicator strong{
      display:block;
      font-size:.84rem;
      line-height:1.35;
      color:inherit;
    }
    .rental-deadline-indicator.safe{
      background:#e7f4ea;
      color:#1f7b48;
      border-color:rgba(31,123,72,.18);
    }
    .rental-deadline-indicator.soon{
      background:#fff6d8;
      color:#8a6614;
      border-color:rgba(138,102,20,.22);
    }
    .rental-deadline-indicator.today,
    .rental-deadline-indicator.overdue{
      background:#ffe4df;
      color:#a34134;
      border-color:rgba(163,65,52,.24);
    }
    .early-return-button{
      border:1px solid rgba(47,107,79,.22);
      background:#fff;
      color:var(--primary);
      border-radius:14px;
      padding:11px 14px;
      font-weight:850;
      transition:.16s ease;
    }
    .early-return-button:hover{
      background:var(--primary-soft);
      border-color:rgba(47,107,79,.34);
      transform:translateY(-1px);
    }
    .early-return-button.confirming{
      background:#fff3df;
      color:#8a5d17;
      border-color:#e5c388;
    }
    .rental-return-button{
      border:1px solid #b8d4c5;
      background:#f7fbf8;
      color:var(--primary);
      border-radius:14px;
      padding:11px 15px;
      font-weight:900;
      transition:.16s ease;
    }
    .rental-return-button:hover{
      transform:translateY(-1px);
      border-color:#77aa8d;
      box-shadow:0 8px 20px rgba(47,107,79,.10);
    }
    .rental-return-button.confirming{
      background:#fff0e8;
      border-color:#d78b6e;
      color:#9a4428;
    }
    .rental-review-prompt-body{
      padding:27px 25px 25px;
      text-align:center;
    }
    .rental-review-prompt-icon{
      width:72px;
      height:72px;
      margin:0 auto 16px;
      border-radius:23px;
      display:grid;
      place-items:center;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:1.9rem;
      font-weight:950;
    }
    .rental-review-prompt-body h2{
      margin:0 0 9px;
      font-size:1.55rem;
      letter-spacing:-.035em;
    }
    .rental-review-prompt-body p{
      margin:0 auto;
      max-width:430px;
      color:var(--muted);
      line-height:1.58;
    }
    .rental-review-prompt-note{
      margin:17px 0;
      padding:11px 13px;
      border-radius:14px;
      background:#fff8e8;
      border:1px solid #ead9b7;
      color:#6f572d;
      font-size:.8rem;
      line-height:1.45;
    }
    .rental-review-prompt-actions{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      margin-top:18px;
    }
    .rental-review-prompt-actions .btn-primary{
      grid-column:1/-1;
    }

    @media(max-width:700px){
      .account-panel-head-action{
        align-items:flex-start;
        flex-direction:column;
      }
      .rental-subcard,
      .rental-subcard-actions{
        align-items:stretch;
      }
      .rental-subcard-actions button,
      .reservation-cancel-button{
        width:100%;
        min-width:0;
      }
      .rental-deadline-indicator,
      .rental-countdown{
        width:100%;
        min-width:0;
        text-align:left;
      }
      .owner-lending-card{
        grid-template-columns:84px minmax(0,1fr);
      }
      .owner-lending-card .account-list-image{
        width:84px;
        height:84px;
      }
      .owner-lending-card .account-row-actions{
        grid-column:2;
        grid-row:1;
        align-items:flex-start;
        justify-content:flex-start;
        min-width:0;
      }
      .owner-lending-booking-actions{
        align-items:flex-start;
        justify-content:flex-start;
      }
      .account-panel-head-action .btn{
        width:100%;
      }
      .account-row-actions{
        grid-column:2;
        align-items:flex-start;
      }
      .rental-countdown{
        grid-column:2;
        width:100%;
        text-align:left;
      }
    }

  
    /* Version 26: veröffentlichte Inhalte zentral unter „Meine Einträge“ */
    .account-help-image{
      display:grid;
      place-items:center;
      font-size:1.45rem;
      background:var(--primary-soft);
      color:var(--primary);
    }
    .account-help-row .account-status.request{
      color:#8a5e1d;
      background:#fff1d8;
    }
    .account-help-row .account-status.offer{
      color:var(--primary);
      background:var(--primary-soft);
    }
    .account-help-row.owner-lending-card .account-row-actions{
      gap:10px;
    }
    .account-help-row.owner-lending-card .account-status{
      align-self:flex-end;
      padding:10px 14px;
      font-size:.72rem;
      font-weight:900;
    }
    .account-help-row.owner-lending-card .account-delete-button.pill-delete,
    .account-help-row.owner-lending-card .account-edit-button.pill-edit{
      min-width:112px;
      justify-content:center;
      text-align:center;
    }
    .account-help-row.owner-lending-card .account-help-image{
      width:72px;
      height:72px;
      border-radius:18px;
      font-size:1.5rem;
      box-shadow:0 10px 24px rgba(47,107,79,.08);
    }
    .account-listings-stack{
      display:grid;
      gap:17px;
    }
    .account-panel-subtle-empty{
      padding:28px 18px;
    }
    .account-panel-subtle-empty .account-empty-icon{
      width:46px;
      height:46px;
      border-radius:15px;
    }

    /* Version 24: zentrierte Leerzustände und klare Stornierungsregel */
    .account-empty .btn{
      display:flex;
      width:max-content;
      max-width:100%;
      margin:0 auto;
    }
    .reservation-cancel-button:disabled{
      opacity:.58;
      cursor:not-allowed;
      text-decoration:none;
    }

    /* Version 23: PLZ, anklickbare Kontozeilen und Radiussteuerung */
    .postal-lookup{
      margin-top:20px;
    }
    .postal-lookup > label{
      display:block;
      margin-bottom:7px;
      font-weight:850;
      font-size:.8rem;
    }
    .postal-lookup-row{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:9px;
    }
    .postal-lookup-row input{
      font-size:1.2rem;
      letter-spacing:.08em;
      font-weight:850;
    }
    .postal-lookup-status{
      min-height:34px;
      padding:9px 2px 0;
      color:var(--muted);
      font-size:.72rem;
      line-height:1.4;
    }
    .postal-lookup-status.success,
    .postal-status-success{
      color:var(--primary);
    }
    .postal-lookup-status.error,
    .postal-status-error{
      color:#a23e35;
    }
    .postal-lookup-status.loading,
    .postal-status-loading{
      color:#8a6b2f;
    }
    .postal-result{
      margin-top:10px;
      border:1px solid #bfd5c6;
      border-radius:16px;
      padding:13px 14px;
      background:#edf6f0;
    }
    .postal-result[hidden]{
      display:none !important;
    }
    .postal-result span,
    .postal-result strong,
    .postal-result small{
      display:block;
    }
    .postal-result span{
      color:var(--muted);
      font-size:.65rem;
      margin-bottom:4px;
    }
    .postal-result strong{
      font-size:1rem;
      color:var(--primary);
    }
    .postal-result small{
      color:var(--muted);
      font-size:.7rem;
      margin-top:4px;
    }
    .clickable-account-row{
      cursor:pointer;
      transition:.16s ease;
    }
    .clickable-account-row:hover{
      border-color:#9fbaaa;
      background:#f5faf7;
      transform:translateY(-1px);
      box-shadow:0 9px 22px rgba(29,51,41,.07);
    }
    .clickable-account-row:focus-visible{
      outline:3px solid rgba(47,107,79,.16);
      outline-offset:2px;
    }
    .rental-owner-link,
    .reservation-cancel-button{
      display:inline-flex;
      width:max-content;
      font-size:.68rem;
      font-weight:850;
    }
    .rental-owner-link{
      border:0;
      background:transparent;
      padding:5px 0 0;
      text-decoration:underline;
      text-underline-offset:3px;
      color:var(--primary);
    }
    .reservation-cancel-button{
      align-items:center;
      justify-content:center;
      border:1px solid rgba(160,82,73,.24);
      background:#fff5f3;
      color:#a05249;
      border-radius:16px;
      padding:12px 18px;
      min-width:230px;
      min-height:62px;
      font-size:.92rem;
      font-weight:900;
      text-decoration:none;
      white-space:nowrap;
      transition:.16s ease;
      margin-top:0;
      box-sizing:border-box;
    }
    .reservation-cancel-button:hover:not(:disabled){
      transform:translateY(-1px);
      box-shadow:0 8px 18px rgba(160,82,73,.10);
      background:#ffece8;
      border-color:rgba(160,82,73,.34);
    }
    .account-delete-button[data-confirmed="true"],
    .reservation-cancel-button[data-confirmed="true"]{
      color:#fff;
      background:#a23e35;
      border-radius:9px;
      padding:6px 8px;
      text-decoration:none;
    }
    .radius-manual-setting.disabled{
      opacity:.58;
    }
    .radius-manual-setting select{
      min-width:150px;
      border:1px solid var(--line);
      border-radius:12px;
      padding:9px 11px;
      background:#fff;
      color:var(--text);
      font-weight:800;
    }
    .event-detail-body{
      padding:27px;
      text-align:center;
    }
    .event-detail-icon{
      width:67px;
      height:67px;
      margin:0 auto 13px;
      border-radius:21px;
      display:grid;
      place-items:center;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:1.65rem;
    }
    .event-detail-status{
      display:inline-flex;
      padding:6px 9px;
      border-radius:999px;
      background:#edf5f0;
      color:var(--primary);
      font-size:.67rem;
      font-weight:900;
    }
    .event-detail-body h2{
      margin:13px 0 8px;
      font-size:1.75rem;
      letter-spacing:-.04em;
    }
    .event-detail-meta{
      color:var(--muted);
      font-size:.76rem;
      margin-bottom:18px;
    }
    .event-detail-body p{
      margin:0;
      color:#59665f;
      line-height:1.65;
      white-space:pre-line;
    }

    @media(max-width:620px){
      .postal-lookup-row{
        grid-template-columns:1fr;
      }
      .radius-manual-setting{
        align-items:flex-start;
        flex-direction:column;
      }
      .radius-manual-setting select{
        width:100%;
      }
    }

  
    /* Version 24: Stornierungsfrist und bereinigte Leerzustände */
    .reservation-cancel-wrap{
      display:grid;
      gap:4px;
      margin-top:4px;
      justify-items:start;
    }
    .reservation-cancel-wrap small{
      max-width:430px;
      color:var(--muted);
      font-size:.63rem;
      line-height:1.4;
    }
    .reservation-cancel-button:disabled{
      color:#8b918d;
      cursor:not-allowed;
      text-decoration:none;
      opacity:.72;
    }
    .reservation-cancel-button:disabled:hover{
      color:#8b918d;
    }


    /* Version 25: einladende Kreisnavigation auf der Startseite */
    .topbar .nav{
      justify-content:space-between;
    }
    .topbar .nav-actions{
      margin-left:auto;
    }
    .navlinks[hidden],
    .home-actions[hidden]{
      display:none !important;
    }

    .home-area-launcher{
      position:relative;
      z-index:2;
      width:min(760px,100%);
      margin-top:34px;
    }
    .home-area-launcher-title{
      margin:0 0 18px;
      color:#68736d;
      font-size:.78rem;
      font-weight:900;
      letter-spacing:.1em;
      text-transform:uppercase;
    }
    .home-circle-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:clamp(14px,2vw,24px);
      align-items:start;
    }
    .home-circle-link{
      position:relative;
      min-width:0;
      border:0;
      background:transparent;
      padding:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      gap:11px;
      color:var(--text);
      text-align:center;
      border-radius:24px;
      outline:none;
      -webkit-tap-highlight-color:transparent;
    }
    .home-circle-icon{
      position:relative;
      width:clamp(96px,10vw,116px);
      aspect-ratio:1;
      border-radius:50%;
      display:grid;
      place-items:center;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.92);
      background:#fff;
      box-shadow:
        0 16px 34px rgba(29,51,41,.13),
        inset 0 0 0 1px rgba(47,107,79,.05);
      font-size:2rem;
      font-weight:900;
      transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
    }
    .home-circle-icon::before{
      content:"";
      position:absolute;
      width:66%;
      height:66%;
      left:-24%;
      top:-25%;
      border-radius:50%;
      background:rgba(255,255,255,.6);
      filter:blur(1px);
    }
    .home-circle-label{
      max-width:145px;
      min-height:38px;
      display:flex;
      align-items:flex-start;
      justify-content:center;
      font-size:.86rem;
      line-height:1.28;
      font-weight:900;
      letter-spacing:-.015em;
      transition:color .18s ease;
    }
    .category-home-badge{
      position:absolute;
      top:-4px;
      left:calc(50% + 28px);
      min-width:22px;
      height:22px;
      display:inline-grid;
      place-items:center;
      padding:0 6px;
      border:2px solid #fff;
      border-radius:999px;
      background:#c43d35;
      color:#fff;
      font-size:.68rem;
      line-height:1;
      font-weight:950;
      box-shadow:0 5px 12px rgba(196,61,53,.24);
      white-space:nowrap;
    }
    .category-home-badge[hidden]{
      display:none !important;
    }
    .home-circle-borrow .home-circle-icon{
      color:#246148;
      background:linear-gradient(145deg,#dff1e7 0%,#f8fcfa 72%);
    }
    .home-circle-help .home-circle-icon{
      color:#a95045;
      background:linear-gradient(145deg,#f9dfda 0%,#fff9f7 72%);
    }
    .home-circle-together .home-circle-icon{
      color:#5863a6;
      background:linear-gradient(145deg,#e4e7fb 0%,#fafaff 72%);
    }
    .home-circle-events .home-circle-icon{
      color:#9b6818;
      background:linear-gradient(145deg,#f8e8c4 0%,#fffaf0 72%);
    }
    .home-circle-link:hover .home-circle-icon,
    .home-circle-link:focus-visible .home-circle-icon{
      transform:translateY(-6px) scale(1.035);
      border-color:rgba(47,107,79,.22);
      box-shadow:
        0 22px 42px rgba(29,51,41,.18),
        inset 0 0 0 1px rgba(47,107,79,.07);
    }
    .home-circle-link:hover .home-circle-label,
    .home-circle-link:focus-visible .home-circle-label{
      color:var(--primary);
    }
    .home-circle-link:active .home-circle-icon{
      transform:translateY(-1px) scale(.98);
    }

    @media(max-width:760px){
      .home-area-launcher{
        width:min(430px,100%);
        margin-top:30px;
      }
      .home-circle-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:24px 16px;
      }
      .home-circle-icon{
        width:96px;
      }
      .home-circle-label{
        min-height:auto;
        font-size:.82rem;
      }
    }

    @media(max-width:620px){
      .topbar .nav{
        gap:10px;
      }
      .home-hero{
        padding-bottom:48px;
      }
      .home-area-launcher-title{
        margin-bottom:17px;
        font-size:.7rem;
      }
      .home-circle-grid{
        gap:22px 12px;
      }
      .home-circle-icon{
        width:88px;
        font-size:1.8rem;
        box-shadow:0 13px 28px rgba(29,51,41,.13);
      }
      .home-circle-label{
        max-width:128px;
        font-size:.78rem;
      }
    }

  


    /* Version 19: bestätigte Hilfevorgänge und Bewertungen */
    .help-process-list{display:grid;gap:13px}
    .help-process-card{
      border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;
      display:grid;gap:13px;box-shadow:0 8px 22px rgba(29,51,41,.05)
    }
    .help-process-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
    .help-process-head strong{display:block;font-size:.96rem;margin-bottom:4px}
    .help-process-head span{display:block;color:var(--muted);font-size:.76rem;line-height:1.45}
    .help-process-status{flex:0 0 auto;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:900;background:#fff4db;color:#805d18}
    .help-process-status.completed{background:var(--primary-soft);color:var(--primary)}
    .help-role-banner{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:11px 13px;border:1px solid #cfe2d8;border-radius:14px;background:#f2f8f5;
      color:#284d3d
    }
    .help-role-banner strong{font-size:.82rem}.help-role-banner span{font-size:.76rem;color:#4f695e}
    .help-process-status.waiting{background:#e7edf4;color:#4a6178}
    .help-process-confirmations{display:grid;grid-template-columns:1fr 1fr;gap:9px}
    .help-process-confirmation{border:1px solid var(--line);border-radius:14px;padding:11px;background:var(--surface-soft)}
    .help-process-confirmation.done{background:#edf6f0;border-color:#bdd5c5}
    .help-process-confirmation strong{display:block;font-size:.76rem;margin-bottom:4px}
    .help-process-confirmation span{display:block;color:var(--muted);font-size:.7rem;line-height:1.35;min-height:30px}
    .help-process-actions{display:flex;flex-wrap:wrap;gap:8px}
    .help-process-actions .btn{padding:10px 12px;font-size:.76rem}
    .help-review-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:var(--primary-soft);color:var(--primary);font-size:.67rem;font-weight:900}
    .profile-help-ratings{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
    .profile-help-ratings h4{margin:0 0 10px}
    .help-rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}
    .help-rating-box{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface-soft)}
    .help-rating-box span{display:block;color:var(--muted);font-size:.7rem;font-weight:800;margin-bottom:5px}
    .help-rating-box strong{font-size:1rem}
    .help-rating-box small{display:block;color:#a16d18;margin-top:4px;font-size:.69rem}
    @media(max-width:620px){
      .help-process-head{flex-direction:column}.help-process-confirmations,.help-rating-grid{grid-template-columns:1fr}
      .help-role-banner{align-items:flex-start;flex-direction:column;gap:3px}
      .help-process-actions{flex-direction:column}.help-process-actions .btn{width:100%}
    }

    /* Version 18: Nachbarschaftshilfe als vollständiger Bereich */
    .help-view{
      max-width:1180px;
      margin:auto;
      padding:34px 22px 70px;
    }
    .help-hero{
      background:
        radial-gradient(circle at 92% 12%,rgba(255,255,255,.14),transparent 16rem),
        linear-gradient(105deg,#4d902d 0%,#77c244 56%,#9bd969 100%);
    }
    .help-hero::before{
      width:370px;
      height:370px;
      right:-90px;
      top:-175px;
    }
    .help-hero::after{
      width:245px;
      height:245px;
      right:165px;
      bottom:-170px;
    }
    .help-toolbar{
      grid-template-columns:minmax(220px,1fr) 185px 210px auto;
    }
    .help-type-chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      border-radius:999px;
      padding:6px 9px;
      font-size:.7rem;
      font-weight:900;
      letter-spacing:.01em;
    }
    .help-type-chip.request{
      background:#fff0dc;
      color:#8a5716;
    }
    .help-type-chip.offer{
      background:var(--primary-soft);
      color:var(--primary);
    }
    .help-type-floating{
      position:absolute;
      left:14px;
      bottom:14px;
      z-index:1;
      box-shadow:0 5px 15px rgba(0,0,0,.10);
      backdrop-filter:blur(8px);
    }
    .help-date-badge{
      color:var(--primary);
      max-width:calc(100% - 28px);
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .help-card-meta{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
      padding:0 18px 14px;
    }
    .help-card-meta span{
      min-width:0;
      border:1px solid var(--line);
      border-radius:12px;
      padding:9px 10px;
      background:var(--surface-soft);
      color:var(--muted);
      font-size:.72rem;
      line-height:1.35;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .help-card-meta strong{
      color:var(--text);
      font-weight:850;
    }
    .help-info-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      margin:0 0 18px;
    }
    .help-info-card{
      border:1px solid var(--line);
      border-radius:15px;
      padding:13px 14px;
      background:var(--surface-soft);
    }
    .help-info-card span{
      display:block;
      color:var(--muted);
      font-size:.7rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.04em;
      margin-bottom:5px;
    }
    .help-info-card strong{
      display:block;
      font-size:.88rem;
      line-height:1.4;
    }
    .help-contact-row{
      display:flex;
      gap:10px;
      align-items:center;
      margin-top:17px;
    }
    .help-contact-row .btn{
      flex:1;
    }
    .help-contact-row .btn:disabled{
      opacity:.55;
      cursor:not-allowed;
      transform:none;
      box-shadow:none;
    }
    .help-own-section{
      margin-top:48px;
      border:1px solid var(--line);
      border-radius:26px;
      padding:22px;
      background:rgba(255,255,255,.78);
      box-shadow:var(--shadow-soft);
    }
    .help-own-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:18px;
      margin-bottom:15px;
    }
    .help-own-head h2{
      margin:0 0 4px;
      font-size:1.35rem;
      letter-spacing:-.035em;
    }
    .help-own-head p{
      margin:0;
      color:var(--muted);
      font-size:.86rem;
    }
    .help-own-list{
      display:grid;
      gap:10px;
    }
    .help-own-item{
      border:1px solid var(--line);
      border-radius:17px;
      padding:13px 14px;
      background:#fff;
      display:grid;
      grid-template-columns:44px minmax(0,1fr) auto;
      align-items:center;
      gap:12px;
      transition:.17s ease;
    }
    .help-own-item:hover{
      border-color:#a4bdaf;
      transform:translateY(-1px);
    }
    .help-own-icon{
      width:44px;
      height:44px;
      border-radius:14px;
      display:grid;
      place-items:center;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:1.1rem;
      font-weight:900;
    }
    .help-own-copy{
      min-width:0;
      cursor:pointer;
    }
    .help-own-copy strong{
      display:block;
      margin-bottom:4px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .help-own-copy span{
      display:block;
      color:var(--muted);
      font-size:.75rem;
      line-height:1.4;
    }
    .help-delete-button{
      border:1px solid #edc0ba;
      border-radius:13px;
      padding:10px 12px;
      background:#fff6f4;
      color:#9d4036;
      font-weight:850;
      white-space:nowrap;
    }
    .help-delete-button:hover{
      background:#fce8e5;
    }
    .help-empty-own{
      padding:26px 18px;
      border:1px dashed #cbc5b8;
      border-radius:17px;
      text-align:center;
      color:var(--muted);
      background:var(--surface-soft);
    }
    .help-town-notice{
      margin-bottom:16px;
    }
    .help-delete-copy{
      text-align:center;
      color:var(--muted);
      line-height:1.55;
      margin:0;
    }
    .help-delete-copy strong{
      display:block;
      color:var(--text);
      font-size:1.08rem;
      margin-bottom:6px;
    }

    @media(max-width:1050px){
      .help-toolbar{
        grid-template-columns:minmax(220px,1fr) 175px 190px;
      }
      .help-toolbar .btn{
        grid-column:1/-1;
      }
    }
    @media(max-width:720px){
      .help-toolbar{
        grid-template-columns:1fr;
      }
      .help-toolbar .btn{
        grid-column:auto;
      }
      .help-card-meta,
      .help-info-grid{
        grid-template-columns:1fr;
      }
      .help-own-item{
        grid-template-columns:42px minmax(0,1fr);
      }
      .help-delete-button{
        grid-column:1/-1;
        width:100%;
      }
      .help-own-head{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
      }
    }
    @media(max-width:620px){
      .help-view{
        padding:20px 14px 50px;
      }
      .help-own-section{
        margin-top:35px;
        padding:16px;
        border-radius:21px;
      }
      .help-contact-row{
        flex-direction:column;
      }
      .help-contact-row .btn{
        width:100%;
      }
    }

  

    /* Version 20: Gemeinsam erleben als vollständiger Bereich */
    .together-view{
      max-width:1180px;
      margin:auto;
      padding:34px 22px 70px;
    }
    .together-hero{
      background:
        radial-gradient(circle at 86% 18%,rgba(255,255,255,.17),transparent 15rem),
        linear-gradient(105deg,#b97500 0%,#e69a0d 52%,#ffb12c 100%);
    }
    .together-hero::before{border-color:rgba(255,255,255,.16)}
    .together-hero::after{border-color:rgba(255,255,255,.12)}
    .together-toolbar{
      grid-template-columns:minmax(220px,1fr) 190px 190px auto;
    }
    .activity-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:20px;
    }
    .activity-card{
      background:var(--surface);
      border:1px solid var(--line);
      border-radius:var(--radius);
      overflow:hidden;
      box-shadow:var(--shadow-soft);
      transition:.22s ease;
      cursor:pointer;
      display:flex;
      flex-direction:column;
      min-width:0;
    }
    .activity-card:hover{
      transform:translateY(-5px);
      box-shadow:0 18px 38px rgba(29,51,41,.14);
    }
    .activity-card-head{
      padding:16px 18px 14px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      background:var(--surface);
    }
    .activity-card-head h3{
      min-width:0;
      margin:0;
      overflow:hidden;
      color:var(--text);
      font-size:1.05rem;
      line-height:1.25;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .activity-visual{
      min-height:205px;
      position:relative;
      overflow:hidden;
      display:grid;
      place-items:center;
      background:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 10rem),
        linear-gradient(135deg,#7d4d86,#c37475);
    }
    .activity-visual img{
      width:100%;
      height:100%;
      min-height:205px;
      object-fit:cover;
    }
    .activity-visual-icon{
      font-size:4.25rem;
      filter:drop-shadow(0 10px 18px rgba(0,0,0,.15));
    }
    .activity-date-badge{
      position:absolute;
      left:14px;
      top:14px;
      padding:8px 10px;
      border-radius:13px;
      background:rgba(255,255,255,.94);
      box-shadow:0 7px 20px rgba(0,0,0,.12);
      color:#57365f;
      font-size:.73rem;
      font-weight:900;
      backdrop-filter:blur(8px);
    }
    .activity-own-badge{
      position:absolute;
      right:14px;
      top:14px;
      padding:7px 9px;
      border-radius:999px;
      color:#fff;
      background:rgba(58,35,65,.8);
      font-size:.68rem;
      font-weight:900;
      backdrop-filter:blur(7px);
    }
    .activity-card-body{
      padding:17px 18px 18px;
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .activity-card-topline{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:10px;
    }
    .activity-category{
      display:inline-flex;
      align-items:center;
      padding:6px 9px;
      border-radius:999px;
      color:#6d3e72;
      background:#f1e8f2;
      font-size:.68rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.03em;
    }
    .activity-card h3{
      margin:0 0 8px;
      font-size:1.16rem;
      line-height:1.28;
      letter-spacing:-.025em;
    }
    .activity-card-description{
      margin:0 0 15px;
      color:#5d6862;
      font-size:.83rem;
      line-height:1.5;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .activity-facts{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
      margin-top:auto;
    }
    .activity-fact{
      border:1px solid var(--line);
      border-radius:12px;
      padding:9px 10px;
      background:var(--surface-soft);
      min-width:0;
    }
    .activity-fact small{
      display:block;
      color:var(--muted);
      font-size:.65rem;
      margin-bottom:3px;
    }
    .activity-fact strong{
      display:block;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      font-size:.75rem;
    }
    .activity-card-footer{
      margin-top:14px;
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:10px;
    }
    .activity-spots{
      color:#6d3e72;
      font-size:.75rem;
      font-weight:900;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:34px;
      padding:7px 10px;
      border-radius:999px;
      background:#f1e8f2;
    }
    .activity-spots.full{
      color:var(--danger);
      background:#fff0ee;
    }
    .activity-card-footer .btn{
      width:100%;
      padding:10px 12px;
      font-size:.75rem;
    }
    .activity-card-compact{
      padding:0 18px 18px;
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .activity-card-compact .activity-card-footer{
      margin-top:0;
    }
    .activity-detail-visual{
      min-height:300px;
      max-height:390px;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg,#7d4d86,#c37475);
      overflow:hidden;
    }
    .activity-detail-visual img{
      width:100%;
      height:360px;
      object-fit:cover;
      cursor:zoom-in;
    }
    .activity-detail-visual span{
      font-size:5.5rem;
      filter:drop-shadow(0 12px 22px rgba(0,0,0,.16));
    }
    .activity-detail-summary{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
      margin:18px 0;
    }
    .activity-detail-box{
      padding:13px;
      border-radius:14px;
      background:var(--surface-soft);
      border:1px solid var(--line);
    }
    .activity-detail-box small{
      display:block;
      color:var(--muted);
      font-size:.68rem;
      font-weight:800;
      margin-bottom:4px;
    }
    .activity-detail-box strong{
      display:block;
      font-size:.84rem;
      line-height:1.35;
    }
    .activity-privacy-note{
      margin:14px 0 0;
      padding:11px 12px;
      border-radius:13px;
      color:#65502d;
      background:#fff8e9;
      border:1px solid #ead9b7;
      font-size:.75rem;
      line-height:1.45;
    }
    .activity-action-row{
      display:grid;
      grid-template-columns:1fr auto;
      gap:10px;
      margin-top:17px;
    }
    .activity-action-row .btn-primary{
      background:#74457b;
      box-shadow:0 8px 18px rgba(116,69,123,.22);
    }
    .activity-action-row .btn-primary:hover{background:#603767}
    .activity-request-card{
      border:1px solid var(--line);
      border-radius:17px;
      padding:14px;
      background:#fff;
    }
    .activity-request-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }
    .activity-request-head strong{display:block;margin-bottom:4px}
    .activity-request-head span{color:var(--muted);font-size:.75rem;line-height:1.4}
    .activity-request-status{
      padding:6px 8px;
      border-radius:999px;
      background:#fff1d8;
      color:#7d591c;
      font-size:.66rem;
      font-weight:900;
      white-space:nowrap;
    }
    .activity-request-status.accepted{background:#e5f1e9;color:var(--primary)}
    .activity-request-status.declined{background:#f5dfdc;color:#8b3f36}
    .activity-request-message{
      margin:11px 0 0;
      color:#5f6b65;
      font-size:.78rem;
      line-height:1.5;
    }
    .activity-request-actions{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:12px;
    }
    .activity-request-actions .btn{padding:9px 11px;font-size:.72rem}
    .account-activity-image{
      display:grid;
      place-items:center;
      font-size:1.35rem;
      background:#f1e8f2;
      color:#714476;
    }
    .activity-upload-preview{
      display:none;
      margin-top:12px;
      overflow:hidden;
      border-radius:13px;
      max-height:230px;
    }
    .activity-upload-preview img{
      width:100%;
      height:230px;
      object-fit:cover;
    }
    @media(max-width:1000px){
      .together-toolbar{grid-template-columns:1fr 1fr}
      .together-toolbar .btn{grid-column:1/-1}
      .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:620px){
      .together-view{padding:20px 14px 50px}
      .together-toolbar{grid-template-columns:1fr}
      .together-toolbar .btn{grid-column:auto}
      .activity-grid{grid-template-columns:1fr}
      .activity-visual,.activity-visual img{min-height:225px}
      .activity-detail-summary{grid-template-columns:1fr}
      .activity-action-row{grid-template-columns:1fr}
      .activity-request-head{flex-direction:column}
    }


    /* Version 21: Veranstaltungen als vollständiger Bereich */
    .events-view{
      max-width:1180px;
      margin:auto;
      padding:34px 22px 70px;
    }
    .events-hero{
      background:
        radial-gradient(circle at 84% 15%,rgba(255,255,255,.17),transparent 16rem),
        linear-gradient(105deg,#ba3428 0%,#e64c39 54%,#ff7058 100%);
    }
    .events-hero::before{border-color:rgba(255,255,255,.18)}
    .events-hero::after{border-color:rgba(255,255,255,.13)}
    .events-toolbar{
      grid-template-columns:minmax(220px,1fr) 190px 190px auto;
    }
    .event-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:20px;
    }
    .area-group-heading{
      grid-column:1/-1;
      margin:10px 0 -4px;
      color:var(--text);
      font-size:1.05rem;
      line-height:1.25;
    }
    .event-card{
      display:flex;
      flex-direction:column;
      min-width:0;
      overflow:hidden;
      cursor:pointer;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:var(--surface);
      box-shadow:var(--shadow-soft);
      transition:.22s ease;
    }
    .event-card:hover{
      transform:translateY(-5px);
      box-shadow:0 18px 38px rgba(29,51,41,.14);
    }
    .event-card-head{
      padding:16px 18px 14px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      background:var(--surface);
    }
    .event-card-head h3{
      min-width:0;
      margin:0;
      overflow:hidden;
      color:var(--text);
      font-size:1.05rem;
      line-height:1.25;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .event-card-visual{
      position:relative;
      min-height:215px;
      overflow:hidden;
      display:grid;
      place-items:center;
      background:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.2),transparent 10rem),
        linear-gradient(135deg,#b7652f,#e0a24c);
    }
    .event-card-visual img{
      width:100%;
      height:215px;
      object-fit:cover;
    }
    .event-card-date{
      position:absolute;
      left:14px;
      top:14px;
      width:58px;
      min-height:61px;
      display:grid;
      place-items:center;
      align-content:center;
      border-radius:15px;
      background:rgba(255,255,255,.95);
      color:#7a421f;
      box-shadow:0 8px 22px rgba(0,0,0,.14);
      backdrop-filter:blur(8px);
      text-transform:uppercase;
    }
    .event-card-date strong{
      font-size:1.35rem;
      line-height:1;
    }
    .event-card-date span{
      margin-top:4px;
      font-size:.64rem;
      font-weight:900;
      letter-spacing:.05em;
    }
    .event-card-own,
    .event-card-saved{
      position:absolute;
      right:14px;
      top:14px;
      padding:7px 9px;
      border-radius:999px;
      color:#fff;
      background:rgba(102,53,24,.82);
      font-size:.67rem;
      font-weight:900;
      backdrop-filter:blur(7px);
    }
    .event-card-saved{background:rgba(41,87,66,.86)}
    .event-date-time-badge{
      color:#7a421f;
    }
    .event-card-body{
      padding:17px 18px 18px;
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .event-card-topline{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:10px;
    }
    .event-category{
      display:inline-flex;
      align-items:center;
      padding:6px 9px;
      border-radius:999px;
      color:#8b4d25;
      background:#faeadc;
      font-size:.68rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.03em;
    }
    .event-distance{
      color:var(--muted);
      font-size:.72rem;
      font-weight:800;
      white-space:nowrap;
    }
    .event-card h3{
      margin:0 0 8px;
      font-size:1.16rem;
      line-height:1.28;
      letter-spacing:-.025em;
    }
    .event-card-description{
      margin:0 0 15px;
      color:#5d6862;
      font-size:.83rem;
      line-height:1.5;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .event-card-facts{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
      margin-top:auto;
    }
    .event-card-fact{
      min-width:0;
      padding:9px 10px;
      border:1px solid var(--line);
      border-radius:12px;
      background:var(--surface-soft);
    }
    .event-card-fact small{
      display:block;
      margin-bottom:3px;
      color:var(--muted);
      font-size:.65rem;
    }
    .event-card-fact strong{
      display:block;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      font-size:.75rem;
    }
    .event-card-footer{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:10px;
      margin-top:14px;
    }
    .event-interest-count{
      color:#8b4d25;
      font-size:.75rem;
      font-weight:900;
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:34px;
      padding:7px 10px;
      border-radius:999px;
      background:#faeadc;
    }
    .event-card-footer .btn{
      width:100%;
      padding:10px 12px;
      font-size:.75rem;
    }
    .event-card-compact{
      padding:0 18px 18px;
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .event-card-compact .event-card-footer{
      margin-top:0;
    }
    .event-detail-visual{
      min-height:310px;
      max-height:420px;
      display:grid;
      place-items:center;
      overflow:hidden;
      background:linear-gradient(135deg,#b7652f,#e0a24c);
    }
    .event-detail-visual img{
      width:100%;
      height:380px;
      object-fit:cover;
      cursor:zoom-in;
    }
    .event-detail-summary{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
      margin:18px 0;
    }
    .event-detail-box{
      padding:13px;
      border:1px solid var(--line);
      border-radius:14px;
      background:var(--surface-soft);
    }
    .event-detail-box small{
      display:block;
      margin-bottom:4px;
      color:var(--muted);
      font-size:.68rem;
      font-weight:800;
    }
    .event-detail-box strong{
      display:block;
      font-size:.84rem;
      line-height:1.35;
    }
    .event-organizer-note{
      margin:14px 0 0;
      padding:11px 12px;
      border:1px solid #ead9b7;
      border-radius:13px;
      background:#fff8e9;
      color:#65502d;
      font-size:.75rem;
      line-height:1.45;
    }
    .event-action-row{
      display:grid;
      grid-template-columns:1fr auto;
      gap:10px;
      margin-top:17px;
    }
    .event-action-row .btn-primary{
      background:#b9652e;
      box-shadow:0 8px 18px rgba(185,101,46,.23);
    }
    .event-action-row .btn-primary:hover{background:#984f27}
    .event-upload-preview{
      display:none;
      margin-top:12px;
      max-height:230px;
      overflow:hidden;
      border-radius:13px;
    }
    .event-upload-preview img{
      width:100%;
      height:230px;
      object-fit:cover;
    }
    .people-detail-trigger{
      cursor:pointer;
      position:relative;
      transition:border-color .16s ease,background .16s ease,transform .16s ease;
    }
    .people-detail-trigger:hover,
    .people-detail-trigger:focus-visible{
      border-color:#8fb4a1;
      background:#edf6f0;
      outline:none;
      transform:translateY(-1px);
    }
    .people-detail-hint{
      display:block;
      margin-top:7px!important;
      margin-bottom:0!important;
      color:var(--primary)!important;
      font-size:.67rem!important;
      font-weight:900!important;
      letter-spacing:0!important;
      text-transform:none!important;
    }
    .people-list-intro{
      margin:0 0 14px;
      color:var(--muted);
      font-size:.82rem;
      line-height:1.55;
    }
    .people-list{
      display:grid;
      gap:9px;
      max-height:min(52vh,470px);
      overflow:auto;
      padding-right:3px;
    }
    .people-list-person{
      width:100%;
      border:1px solid var(--line);
      border-radius:16px;
      background:#fff;
      padding:11px 12px;
      display:grid;
      grid-template-columns:46px minmax(0,1fr) auto;
      align-items:center;
      gap:11px;
      color:var(--text);
      text-align:left;
      cursor:pointer;
      transition:.16s ease;
    }
    .people-list-person:hover,
    .people-list-person:focus-visible{
      border-color:#8fb4a1;
      background:var(--primary-soft);
      outline:none;
      transform:translateY(-1px);
    }
    .people-list-avatar{
      width:46px;
      height:46px;
      border-radius:50%;
      overflow:hidden;
      display:grid;
      place-items:center;
      background:var(--primary);
      color:#fff;
      font-weight:900;
      box-shadow:0 7px 17px rgba(47,107,79,.18);
    }
    .people-list-avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .people-list-copy{
      min-width:0;
    }
    .people-list-copy strong,
    .people-list-copy span{
      display:block;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .people-list-copy strong{
      margin-bottom:4px;
      font-size:.86rem;
    }
    .people-list-copy span{
      color:var(--muted);
      font-size:.71rem;
    }
    .people-list-profile-link{
      color:var(--primary);
      font-size:.7rem;
      font-weight:900;
      white-space:nowrap;
    }
    .people-list-empty{
      padding:28px 18px;
      border:1px dashed #c8d2cc;
      border-radius:17px;
      background:var(--surface-soft);
      color:var(--muted);
      text-align:center;
      line-height:1.55;
    }
    .people-list-empty strong{
      display:block;
      margin-bottom:5px;
      color:var(--text);
    }
    .account-event-image{
      display:grid;
      place-items:center;
      background:#faeadc;
      color:#945126;
      font-size:1.35rem;
    }
    .event-account-actions{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .event-account-actions .btn{
      padding:9px 11px;
      font-size:.71rem;
    }
    @media(max-width:1000px){
      .events-toolbar{grid-template-columns:1fr 1fr}
      .events-toolbar .btn{grid-column:1/-1}
      .event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:720px){
      .event-account-actions{grid-column:1/-1;width:100%}
      .event-account-actions .btn{flex:1}
    }
    @media(max-width:620px){
      .events-view{padding:20px 14px 50px}
      .events-toolbar{grid-template-columns:1fr}
      .events-toolbar .btn{grid-column:auto}
      .event-grid{grid-template-columns:1fr}
      .event-card-visual,.event-card-visual img{min-height:230px}
      .event-detail-summary{grid-template-columns:1fr}
      .event-action-row{grid-template-columns:1fr}
      .people-list-person{
        grid-template-columns:42px minmax(0,1fr);
      }
      .people-list-avatar{
        width:42px;
        height:42px;
      }
      .people-list-profile-link{
        display:none;
      }
    }



    /* Version 24: private Nachrichten, Freigaben und Blockliste */
    .direct-message-stack{display:grid;gap:12px}
    .direct-conversation-card,
    .rental-message-card{
      border:1px solid var(--line);
      border-radius:18px;
      background:#fff;
      padding:15px;
      box-shadow:0 7px 20px rgba(29,51,41,.05);
    }
    .direct-conversation-head,
    .rental-message-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      margin-bottom:10px;
    }
    .direct-person-line{display:flex;align-items:center;gap:11px;min-width:0}
    .direct-avatar{
      width:42px;height:42px;border-radius:50%;flex:0 0 42px;
      display:grid;place-items:center;background:var(--primary-soft);
      color:var(--primary);font-weight:950;border:2px solid #fff;
      box-shadow:0 4px 12px rgba(0,0,0,.07)
    }
    .direct-person-line strong,
    .rental-message-head strong{display:block;font-size:.9rem;margin-bottom:3px}
    .direct-person-line span,
    .rental-message-head span{display:block;color:var(--muted);font-size:.74rem;line-height:1.4}
    .direct-status{
      display:inline-flex;align-items:center;justify-content:center;
      border-radius:999px;padding:6px 9px;font-size:.67rem;font-weight:900;
      white-space:nowrap;background:#f2f0eb;color:#6f756f
    }
    .direct-status.accepted{background:var(--primary-soft);color:var(--primary)}
    .direct-status.pending{background:#fff1d8;color:#8a611c}
    .direct-status.declined{background:#f7dfdc;color:#974038}
    .direct-preview{
      margin:0 0 12px;padding:10px 12px;border-radius:13px;
      background:var(--surface-soft);border:1px solid var(--line);
      color:#5b6761;font-size:.79rem;line-height:1.5
    }
    .direct-actions,
    .rental-message-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
    .direct-actions .btn,
    .rental-message-actions .btn{padding:10px 12px;font-size:.75rem}
    .direct-danger{color:#9d443a!important;border-color:#e8beb8!important;background:#fff8f7!important}
    .direct-help-note{margin:10px 1px 0;color:var(--muted);font-size:.7rem;line-height:1.45}
    .conversation-context-list{
      display:grid;
      gap:9px;
      margin:0 0 12px;
    }
    .conversation-context-item{
      border:1px solid #e6d5ad;
      border-radius:14px;
      padding:12px;
      background:#fffaf0;
    }
    .conversation-context-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:8px;
    }
    .conversation-context-head strong{display:block;font-size:.8rem;margin-bottom:3px}
    .conversation-context-head span{display:block;color:var(--muted);font-size:.69rem;line-height:1.4}
    .conversation-context-facts{
      display:flex;
      gap:7px;
      flex-wrap:wrap;
      margin-bottom:9px;
      color:#665d49;
      font-size:.7rem;
      font-weight:750;
    }
    .conversation-context-actions{display:flex;gap:7px;flex-wrap:wrap}
    .conversation-context-actions .btn{padding:8px 10px;font-size:.69rem}

    /* Kompakte Postfachliste: Details und Aktionen erscheinen erst im geöffneten Chat. */
    .direct-conversation-card.compact{
      padding:0;
      overflow:hidden;
    }
    .direct-conversation-open{
      appearance:none;
      width:100%;
      border:0;
      background:#fff;
      color:inherit;
      display:grid;
      grid-template-columns:auto minmax(0,1fr) auto;
      align-items:center;
      gap:13px;
      padding:15px 16px;
      text-align:left;
      cursor:pointer;
      transition:background .18s ease,transform .18s ease;
    }
    .direct-conversation-open:hover{background:#f7faf8}
    .direct-conversation-open:active{transform:scale(.997)}
    .direct-conversation-open:focus-visible{outline:3px solid rgba(45,112,82,.22);outline-offset:-3px}
    .direct-conversation-copy{min-width:0}
    .direct-conversation-copy strong{display:block;font-size:.92rem;margin-bottom:4px}
    .direct-conversation-copy span{display:block;color:var(--muted);font-size:.73rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .direct-list-unread-dot{
      display:inline-block;
      width:10px;
      height:10px;
      flex:0 0 10px;
      border-radius:50%;
      background:#d6332c;
      box-shadow:0 0 0 4px #fde9e7;
    }
    .direct-conversation-side{display:flex;align-items:center;gap:12px;justify-self:end}
    .direct-conversation-chevron{color:#748078;font-size:1.15rem;font-weight:900}
    .direct-chat-context{margin-top:4px;padding-top:13px;border-top:1px solid #dbe4de}
    .direct-chat-context-title{display:block;margin:0 0 9px;color:#43574c;font-size:.73rem;font-weight:950}
    .direct-chat-context .conversation-context-list{margin-bottom:0}

    .direct-chat-modal{
      width:min(700px,100%);
      height:min(820px,calc(100vh - 32px));
      height:min(820px,calc(100dvh - 32px));
      max-height:calc(100vh - 32px);
      max-height:calc(100dvh - 32px);
      overflow:hidden;
      display:flex;
      flex-direction:column
    }
    .direct-chat-modal .modal-head{
      position:relative;
      top:auto;
      flex:0 0 auto
    }
    .direct-chat-head-copy{min-width:0}
    .direct-chat-head-copy h3{margin:0 0 3px}
    .direct-chat-head-copy span{display:block;color:var(--muted);font-size:.74rem}
    .direct-chat-messages{
      min-height:0;max-height:none;overflow-y:auto;padding:20px;
      background:linear-gradient(180deg,#f7faf8,#f2f5f2);
      display:flex;flex:1 1 auto;flex-direction:column;gap:10px
    }
    .direct-chat-empty{text-align:center;color:var(--muted);margin:auto;padding:30px}
    .direct-bubble-row{display:flex;align-items:flex-end;gap:7px;max-width:84%}
    .direct-bubble-row.own{align-self:flex-end;flex-direction:row-reverse}
    .direct-bubble-row.other{align-self:flex-start}
    .direct-bubble{
      border:1px solid var(--line);background:#fff;border-radius:16px 16px 16px 5px;
      padding:10px 12px;box-shadow:0 5px 14px rgba(29,51,41,.06);min-width:80px
    }
    .direct-bubble-row.own .direct-bubble{
      background:var(--primary);color:#fff;border-color:var(--primary);
      border-radius:16px 16px 5px 16px
    }
    .direct-bubble strong{display:block;font-size:.68rem;margin-bottom:4px;opacity:.78}
    .direct-bubble p{margin:0;white-space:pre-wrap;line-height:1.45;font-size:.84rem}
    .direct-bubble small{display:block;margin-top:6px;font-size:.62rem;opacity:.68}
    .direct-message-delete{
      width:27px;height:27px;border:0;border-radius:9px;background:rgba(255,255,255,.9);
      color:#9d443a;display:grid;place-items:center;flex:0 0 27px;box-shadow:0 3px 10px rgba(0,0,0,.07)
    }
    .direct-chat-compose{
      flex:0 0 auto;
      padding:15px max(15px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left));
      border-top:1px solid var(--line);
      background:#fff
    }
    .direct-chat-compose textarea{min-height:78px;width:100%;margin-bottom:10px}
    .direct-chat-compose-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
    .direct-chat-compose-actions>div{display:flex;gap:8px;flex-wrap:wrap}
    .direct-request-target{
      display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px;
      border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)
    }
    .direct-request-target strong{display:block;margin-bottom:3px}
    .direct-request-target span{display:block;color:var(--muted);font-size:.75rem}

    .blocklist-list{display:grid;gap:9px}
    .blocklist-row{
      display:flex;align-items:center;justify-content:space-between;gap:15px;
      padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fff
    }
    .blocklist-person{display:flex;align-items:center;gap:10px;min-width:0}
    .blocklist-person strong{display:block;font-size:.83rem;margin-bottom:2px}
    .blocklist-person span{display:block;color:var(--muted);font-size:.7rem;line-height:1.35}
    .blocklist-empty{color:var(--muted);font-size:.8rem;line-height:1.5;padding:4px 0}

    .rental-message-confirmations{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
    .rental-message-confirmation{border:1px solid var(--line);border-radius:13px;padding:10px;background:var(--surface-soft)}
    .rental-message-confirmation.done{background:#edf6f0;border-color:#bdd5c5}
    .rental-message-confirmation strong{display:block;font-size:.73rem;margin-bottom:3px}
    .rental-message-confirmation span{display:block;color:var(--muted);font-size:.68rem;line-height:1.4}

    @media(max-width:620px){
      .direct-conversation-head,.rental-message-head{flex-direction:column}
      .direct-actions,.rental-message-actions{display:grid;grid-template-columns:1fr;width:100%}
      .direct-actions .btn,.rental-message-actions .btn{width:100%}
      .rental-message-confirmations{grid-template-columns:1fr}
      .direct-chat-messages{min-height:300px;max-height:55vh;padding:14px}
      .direct-bubble-row{max-width:94%}
      .direct-chat-compose-actions{display:grid;grid-template-columns:1fr}
      .direct-chat-compose-actions>div{display:grid;grid-template-columns:1fr}
      .direct-chat-compose-actions .btn{width:100%}
      .blocklist-row{align-items:flex-start;flex-direction:column}
      .blocklist-row .btn{width:100%}
      .direct-conversation-open{grid-template-columns:auto minmax(0,1fr);padding:13px}
      .direct-conversation-side{grid-column:2;justify-self:start;flex-wrap:wrap}
      .direct-conversation-chevron{display:none}
    }

  
    @media(max-width:900px){
      .hero-toolbar,
      .hero-toolbar.two-fields,
      .hero-toolbar.three-fields{
        grid-template-columns:1fr 1fr;
        max-width:100%;
      }
    }
    @media(max-width:620px){
      .hero-toolbar,
      .hero-toolbar.two-fields,
      .hero-toolbar.three-fields{
        grid-template-columns:1fr;
        padding:10px;
      }
    }


    /* Version 36: saubere Filterleisten ohne zusätzliche Erstellen-Buttons */
    .platform-view .hero-copy,
    .help-view .hero-copy,
    .together-view .hero-copy,
    .events-view .hero-copy{
      width:100%;
      max-width:none;
    }
    .platform-view .hero-copy > h1,
    .platform-view .hero-copy > p,
    .help-view .hero-copy > h1,
    .help-view .hero-copy > p,
    .together-view .hero-copy > h1,
    .together-view .hero-copy > p,
    .events-view .hero-copy > h1,
    .events-view .hero-copy > p{
      max-width:720px;
    }
    .hero-toolbar,
    .hero-toolbar.two-fields,
    .hero-toolbar.three-fields,
    .help-toolbar.hero-toolbar,
    .together-toolbar.hero-toolbar,
    .events-toolbar.hero-toolbar{
      width:100%;
      max-width:none;
      margin-top:28px;
      grid-auto-columns:minmax(0,1fr);
      align-items:stretch;
    }
    .hero-toolbar.two-fields{
      grid-template-columns:minmax(280px,1.65fr) minmax(220px,.85fr);
    }
    .hero-toolbar.three-fields,
    .help-toolbar.hero-toolbar,
    .together-toolbar.hero-toolbar,
    .events-toolbar.hero-toolbar{
      grid-template-columns:minmax(280px,1.45fr) minmax(190px,.8fr) minmax(190px,.8fr);
    }
    .hero-toolbar .field-shell{
      width:100%;
      min-width:0;
      min-height:60px;
      padding:0 18px;
      border-radius:17px;
    }
    .hero-toolbar .field-shell input,
    .hero-toolbar .field-shell select{
      min-width:0;
      font-size:1rem;
    }
    .nav-actions{
      margin-left:auto;
    }

    @media(max-width:900px){
      .hero-toolbar.two-fields,
      .hero-toolbar.three-fields,
      .help-toolbar.hero-toolbar,
      .together-toolbar.hero-toolbar,
      .events-toolbar.hero-toolbar{
        grid-template-columns:1fr 1fr;
      }
      .hero-toolbar.three-fields .field-shell:first-child,
      .help-toolbar.hero-toolbar .field-shell:first-child,
      .together-toolbar.hero-toolbar .field-shell:first-child,
      .events-toolbar.hero-toolbar .field-shell:first-child{
        grid-column:1 / -1;
      }
    }
    @media(max-width:620px){
      .hero-toolbar.two-fields,
      .hero-toolbar.three-fields,
      .help-toolbar.hero-toolbar,
      .together-toolbar.hero-toolbar,
      .events-toolbar.hero-toolbar{
        grid-template-columns:1fr;
        margin-top:22px;
      }
      .hero-toolbar.three-fields .field-shell:first-child,
      .help-toolbar.hero-toolbar .field-shell:first-child,
      .together-toolbar.hero-toolbar .field-shell:first-child,
      .events-toolbar.hero-toolbar .field-shell:first-child{
        grid-column:auto;
      }
      .hero-toolbar .field-shell{
        min-height:54px;
      }
    }

/* ---- ursprünglich separater Style-Block ---- */

.management-intro{
      margin-bottom:18px;padding:16px 18px;border:1px solid #cfe0d5;border-radius:18px;
      background:linear-gradient(135deg,#edf6f0,#fbfcfb);color:#53655b;line-height:1.55;font-size:.86rem;
    }
    .management-intro strong{display:block;color:var(--primary);font-size:1rem;margin-bottom:4px}
    .overview-focus-panel{scroll-margin-top:100px}
    .request-conversation-thread{display:grid;gap:8px;margin:0 0 13px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}
    .request-chat-bubble{max-width:84%;padding:9px 11px;border-radius:13px;background:#fff;border:1px solid var(--line);font-size:.78rem;line-height:1.45}
    .request-chat-bubble.outgoing{justify-self:end;background:var(--primary-soft);border-color:#c9ddd1}
    .request-chat-bubble strong{display:block;font-size:.68rem;color:var(--primary);margin-bottom:2px}
    .request-chat-bubble span{display:block;white-space:pre-line;color:#536059}
    .request-inline-reply{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:3px}
    .request-inline-reply input{min-width:0;background:#fff}
    .request-inline-reply .btn{padding:10px 12px;font-size:.73rem}
    .account-status.pending{background:#fff3db;color:#8a651f}
    .account-status.accepted{background:#e8f3ec;color:#286044}
    .dashboard-row-actions{align-items:flex-end;min-width:170px}
    .dashboard-row-actions .btn,.dashboard-row-actions .reservation-cancel-button{width:100%;justify-content:center}
    @media(max-width:720px){
      .request-inline-reply{grid-template-columns:1fr}
      .request-inline-reply .btn{width:100%}
      .request-chat-bubble{max-width:94%}
    }

/* ---- ursprünglich separater Style-Block ---- */

.unified-system-event{display:flex;align-items:flex-start;gap:9px;max-width:92%;margin:4px auto;padding:10px 13px;border:1px solid #d7e4db;border-radius:14px;background:#eef5f0;color:#496052}
  .unified-system-event>span{color:var(--primary);font-size:.7rem;margin-top:4px}
  .unified-system-event p{margin:0;line-height:1.45;font-size:.78rem}
  .unified-system-event small{display:block;margin-top:5px;color:var(--muted);font-size:.66rem}
  .unified-request-chat-link{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .unified-request-chat-link>span{color:var(--muted);font-size:.76rem;line-height:1.45}
  @media(max-width:620px){.unified-request-chat-link{align-items:stretch;flex-direction:column}.unified-request-chat-link .btn{width:100%}}

/* ---- ursprünglich separater Style-Block ---- */

.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .town-member-counter{
    border:0;
    padding:0;
    background:transparent;
    color:inherit;
    font:inherit;
    text-align:left;
    cursor:default;
  }
  .town-member-counter-card{
    cursor:pointer;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  .town-member-counter:hover .town-member-counter-card{
    transform:translateY(-2px);
    border-color:#bfd6c7;
    box-shadow:0 14px 32px rgba(39,83,62,.13);
  }
  .town-member-counter:focus-visible{outline:0}
  .town-member-counter:focus-visible .town-member-counter-card{
    outline:3px solid rgba(47,107,79,.24);
    outline-offset:3px;
  }
  .town-member-counter[aria-busy="true"] .town-member-counter-value{opacity:.72}

  .town-members-view{
    min-height:calc(100vh - 88px);
    padding:38px 24px 80px;
  }
  .town-members-page{width:min(1180px,100%);margin:0 auto}
  .town-members-back{
    margin-bottom:20px;
    border:0;
    padding:8px 0;
    background:transparent;
    color:var(--muted);
    font-weight:850;
  }
  .town-members-back:hover{color:var(--primary)}
  .town-members-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:28px;
    align-items:center;
    padding:34px 38px;
    border:1px solid #cfe0d5;
    border-radius:30px;
    background:
      radial-gradient(circle at 88% 12%,rgba(118,173,139,.22),transparent 30%),
      linear-gradient(135deg,#edf6f0 0%,#fbfcfa 62%,#f6efe3 100%);
    box-shadow:0 20px 48px rgba(45,70,56,.09);
  }
  .town-members-hero::after{
    content:"";
    position:absolute;
    right:-45px;
    bottom:-70px;
    width:210px;
    height:210px;
    border:1px solid rgba(47,107,79,.12);
    border-radius:50%;
  }
  .town-members-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    color:var(--primary);
    font-size:.78rem;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.08em;
  }
  .town-members-hero h1{
    margin:0 0 10px;
    color:var(--text);
    font-size:clamp(2rem,4vw,3.35rem);
    line-height:1.04;
    letter-spacing:-.045em;
  }
  .town-members-hero p{
    max-width:700px;
    margin:0;
    color:var(--muted);
    font-size:1rem;
    line-height:1.65;
  }
  .town-members-total{
    position:relative;
    z-index:1;
    min-width:150px;
    padding:21px 24px;
    border:1px solid rgba(255,255,255,.84);
    border-radius:24px;
    background:rgba(255,255,255,.78);
    box-shadow:0 14px 34px rgba(47,107,79,.12);
    text-align:center;
    backdrop-filter:blur(12px);
  }
  .town-members-total strong{
    display:block;
    color:var(--primary);
    font-size:2.25rem;
    line-height:1;
  }
  .town-members-total span{
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:.74rem;
    font-weight:800;
  }
  .town-members-privacy{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin:18px 0;
    padding:14px 17px;
    border:1px solid #d8e6dd;
    border-radius:18px;
    background:#f2f8f4;
    color:#52655a;
    font-size:.8rem;
    line-height:1.5;
  }
  .town-members-privacy[hidden],
  .town-members-result-summary[hidden]{
    display:none!important;
  }
  .town-members-privacy-icon{
    flex:0 0 auto;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#dfeee5;
    color:var(--primary);
    font-weight:950;
  }
  .town-members-directory{
    margin-top:18px;
    padding:24px;
    border:1px solid var(--line);
    border-radius:28px;
    background:rgba(255,255,255,.82);
    box-shadow:var(--shadow-soft);
  }
  .town-members-toolbar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    margin-bottom:20px;
  }
  .town-members-scope{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
    padding:5px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--surface-soft);
  }
  .town-members-scope button{
    min-height:44px;
    border:0;
    border-radius:12px;
    padding:8px 13px;
    background:transparent;
    color:var(--muted);
    font:inherit;
    font-size:.72rem;
    font-weight:900;
    white-space:nowrap;
  }
  .town-members-scope button.active{
    background:#fff;
    color:var(--primary);
    box-shadow:0 6px 16px rgba(38,77,58,.1);
  }
  .town-members-search{
    min-height:56px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:0 14px;
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff;
    transition:border-color .18s ease,box-shadow .18s ease;
  }
  .town-members-search:focus-within{
    border-color:#9fc5ad;
    box-shadow:0 0 0 4px rgba(47,107,79,.09);
  }
  .town-members-search > span{color:var(--primary);font-size:1.15rem}
  .town-members-search input{
    min-width:0;
    flex:1;
    border:0;
    outline:0;
    background:transparent;
    color:var(--text);
    font:inherit;
  }
  .town-members-search-clear{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:10px;
    background:var(--surface-soft);
    color:var(--muted);
    font-weight:900;
  }
  .town-members-result-summary{
    color:var(--muted);
    font-size:.79rem;
    font-weight:800;
    white-space:nowrap;
  }
  .town-members-status{
    min-height:22px;
    margin:-5px 0 15px;
    color:var(--muted);
    font-size:.76rem;
  }
  .town-members-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
  }
  .town-person-card{
    min-width:0;
    min-height:310px;
    display:flex;
    flex-direction:column;
    padding:20px;
    border:1px solid var(--line);
    border-radius:22px;
    background:#fff;
    box-shadow:0 10px 24px rgba(46,67,56,.055);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  .town-person-card:hover{
    transform:translateY(-3px);
    border-color:#c4dacd;
    box-shadow:0 16px 34px rgba(46,67,56,.1);
  }
  .town-person-card.is-self{
    background:linear-gradient(155deg,#f0f7f3,#fff 64%);
    border-color:#bfd8c9;
  }
  .town-person-head{display:flex;align-items:flex-start;gap:13px}
  .town-person-avatar{
    flex:0 0 auto;
    width:68px;
    height:68px;
    padding:0;
    box-sizing:border-box;
    appearance:none;
    -webkit-appearance:none;
    display:grid;
    place-items:center;
    border:3px solid #fff;
    border-radius:50%;
    background:linear-gradient(145deg,#397c5d,#276348);
    color:#fff;
    box-shadow:0 11px 25px rgba(47,107,79,.22);
    font-size:1.3rem;
    font-weight:950;
    line-height:1;
    overflow:hidden;
  }
  .town-person-avatar:has(img){
    background:#fff;
  }
  .town-person-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    border-radius:inherit;
  }
  .town-person-main{min-width:0;flex:1}
  .town-person-name{
    max-width:100%;
    border:0;
    padding:0;
    background:transparent;
    color:var(--text);
    font:inherit;
    font-size:1rem;
    font-weight:950;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:left;
  }
  .town-person-name:hover{color:var(--primary);text-decoration:underline}
  .town-person-context{
    margin-top:4px;
    color:var(--muted);
    font-size:.72rem;
    line-height:1.4;
  }
  .town-person-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
  .town-person-badge{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:4px 8px;
    border-radius:999px;
    background:var(--primary-soft);
    color:var(--primary);
    font-size:.64rem;
    font-weight:900;
  }
  .town-person-badge.self{background:#2f6b4f;color:#fff}
  .town-person-badge.distance{
    background:#f5eee1;
    color:#7b5d2f;
  }
  .town-person-bio{
    display:-webkit-box;
    min-height:63px;
    margin:18px 0;
    overflow:hidden;
    color:#536059;
    font-size:.79rem;
    line-height:1.55;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }
  .town-person-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:auto;
  }
  .town-person-meta-item{
    padding:10px 11px;
    border-radius:13px;
    background:var(--surface-soft);
  }
  .town-person-meta-item strong{
    display:block;
    color:var(--text);
    font-size:.76rem;
  }
  .town-person-meta-item strong.town-person-rating{color:#b77700}
  .town-person-meta-item span{
    display:block;
    margin-top:2px;
    color:var(--muted);
    font-size:.62rem;
  }
  .town-person-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .town-person-actions .btn{min-width:0;padding:10px 9px;font-size:.72rem}
  .town-person-actions .btn:only-child{grid-column:1 / -1}
  .town-person-skeleton{pointer-events:none;overflow:hidden}
  .town-person-skeleton-head,
  .town-person-skeleton-line,
  .town-person-skeleton-actions{
    position:relative;
    overflow:hidden;
    border-radius:12px;
    background:#edf1ee;
  }
  .town-person-skeleton-head{width:74%;height:56px}
  .town-person-skeleton-line{width:78%;height:13px;margin-top:20px}
  .town-person-skeleton-line.wide{width:100%}
  .town-person-skeleton-line.short{width:56%}
  .town-person-skeleton-actions{height:42px;margin-top:auto}
  .town-person-skeleton-head::after,
  .town-person-skeleton-line::after,
  .town-person-skeleton-actions::after{
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(-100%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
    animation:townMemberSkeleton 1.25s infinite;
  }
  @keyframes townMemberSkeleton{to{transform:translateX(100%)}}
  .town-members-empty,
  .town-members-error{
    grid-column:1 / -1;
    padding:48px 22px;
    border:1px dashed #cbd7cf;
    border-radius:20px;
    background:#fbfcfb;
    text-align:center;
  }
  .town-members-empty strong,
  .town-members-error strong{display:block;margin-bottom:6px;color:var(--text)}
  .town-members-empty span,
  .town-members-error span{color:var(--muted);font-size:.78rem;line-height:1.5}
  .town-members-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:22px;
  }
  .town-members-pagination span{min-width:105px;text-align:center;color:var(--muted);font-size:.75rem;font-weight:800}
  .town-members-pagination .btn{padding:10px 14px}

  @media(max-width:940px){
    .town-members-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(max-width:680px){
    .town-members-view{padding:20px 12px 48px}
    .town-members-hero{grid-template-columns:1fr;padding:25px 20px;border-radius:23px}
    .town-members-total{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px}
    .town-members-total strong{font-size:1.65rem}
    .town-members-total span{margin:0}
    .town-members-directory{padding:15px;border-radius:22px}
    .town-members-toolbar{grid-template-columns:1fr;gap:9px}
    .town-members-scope{width:100%}
    .town-members-result-summary{white-space:normal}
    .town-members-grid{grid-template-columns:1fr}
    .town-person-card{min-height:0;padding:17px}
    .town-person-bio{min-height:auto}
  }

/* ---- ursprünglich separater Style-Block ---- */

#helpEntryPeopleGroup[hidden],#helpDetailPeopleCard[hidden]{display:none!important}
  #helpEntryPeople{max-width:180px}
  .help-field-note{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}
  .help-capacity-badge{display:inline-flex;align-items:center;gap:5px;color:#315f49}
  .help-capacity-badge.full{color:#a4473f}
  .help-capacity-badge strong{font-weight:900}
  .help-capacity-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#edf7f1;color:#2d6b4d;font-size:.72rem;font-weight:900}
  .help-capacity-status.full{background:#fff0ee;color:#a4473f}
  .account-help-capacity{display:block;margin-top:4px;color:#3d6b55;font-size:.72rem;font-weight:850}
  .account-help-capacity.full{color:#a4473f}

/* ---- ursprünglich separater Style-Block ---- */

.test-user-switch{display:none !important}
  .zusamo-auth-backdrop{
    position:fixed;inset:0;z-index:50000;display:flex;align-items:center;justify-content:center;
    padding:22px;background:rgba(28,40,34,.72);backdrop-filter:blur(12px);
  }
  .zusamo-auth-backdrop[hidden]{display:none}
  .zusamo-auth-card{
    width:min(94vw,540px);max-height:92vh;overflow:auto;background:#fff;border:1px solid #d9e3dc;
    border-radius:28px;box-shadow:0 30px 80px rgba(18,36,27,.30);padding:26px;
  }
  .zusamo-auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:20px}
  .zusamo-auth-logo{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#00b89c,#7ec644);display:grid;place-items:center;color:#fff;font-size:1.45rem;font-weight:950}
  .zusamo-auth-brand h2{margin:0;color:#173d2d;font-size:1.35rem}.zusamo-auth-brand p{margin:3px 0 0;color:#6f7b75;font-size:.8rem}
  .zusamo-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px;background:#eef4f0;border-radius:16px;margin-bottom:18px}
  .zusamo-auth-tabs[hidden]{display:none}
  .zusamo-auth-tab{border:0;border-radius:12px;padding:11px;background:transparent;font-weight:900;color:#617069;cursor:pointer}
  .zusamo-auth-tab.active{background:#fff;color:#276348;box-shadow:0 5px 15px rgba(26,67,48,.09)}
  .zusamo-auth-form{display:grid;gap:13px}.zusamo-auth-form[hidden]{display:none}
  .zusamo-auth-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
  .zusamo-auth-field-full{grid-column:1/-1}
  .zusamo-auth-field{display:grid;gap:6px}.zusamo-auth-field label{font-size:.76rem;font-weight:850;color:#345645}
  .zusamo-auth-field input,.zusamo-auth-field select{width:100%;box-sizing:border-box;border:1px solid #d8e1dc;border-radius:14px;padding:13px 14px;font:inherit;outline:none;background:#fff;color:#192820}
  .zusamo-auth-field input:focus,.zusamo-auth-field select:focus{border-color:#6fa68a;box-shadow:0 0 0 4px rgba(47,107,79,.10)}
  .zusamo-auth-field input[aria-invalid="true"]{border-color:#bd5b50;box-shadow:0 0 0 4px rgba(189,91,80,.08)}
  .zusamo-auth-help{margin:0;color:#78847e;font-size:.69rem;line-height:1.45}
  .zusamo-auth-status{min-height:17px;margin:0;color:#78847e;font-size:.7rem;line-height:1.4}
  .zusamo-auth-status.loading{color:#7a682f}.zusamo-auth-status.success{color:#286c4d}.zusamo-auth-status.error{color:#a1473e}
  .zusamo-password-meter{height:5px;overflow:hidden;border-radius:99px;background:#e8eeea}
  .zusamo-password-meter::before{content:"";display:block;width:0;height:100%;border-radius:inherit;background:#bd5b50;transition:width .2s ease,background .2s ease}
  .zusamo-password-meter[data-level="1"]::before{width:33%}
  .zusamo-password-meter[data-level="2"]::before{width:66%;background:#b68a35}
  .zusamo-password-meter[data-level="3"]::before{width:100%;background:#2f7a56}
  .zusamo-auth-privacy{margin:0;padding:11px 13px;border:1px solid #dce8e0;border-radius:13px;background:#f7faf8;color:#617069;font-size:.7rem;line-height:1.5}
  .zusamo-auth-privacy a{color:#276348;font-weight:850;text-underline-offset:2px}
  .zusamo-auth-register-progress{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:2px}
  .zusamo-auth-register-progress span{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #dce5df;border-radius:12px;color:#7a8580;font-size:.7rem;font-weight:850}
  .zusamo-auth-register-progress b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#edf3ef;color:#567063}
  .zusamo-auth-register-progress span.active{border-color:#bcd8c8;background:#f0f7f3;color:#245f45}
  .zusamo-auth-register-progress span.active b,.zusamo-auth-register-progress span.done b{background:#2f6b4f;color:#fff}
  .zusamo-auth-register-step{display:grid;gap:13px}
  .zusamo-auth-register-step[hidden]{display:none}
  .zusamo-auth-consent{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #dce8e0;border-radius:13px;background:#f7faf8;color:#53655b;font-size:.72rem;line-height:1.5;cursor:pointer}
  .zusamo-auth-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#2f6b4f;flex:0 0 auto}
  .zusamo-auth-consent a{color:#276348;font-weight:850;text-underline-offset:2px}
  .zusamo-auth-rule-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0;list-style:none}
  .zusamo-auth-rule-summary li{padding:9px 10px;border:1px solid #dce8e0;border-radius:11px;background:#fff;color:#53655b;font-size:.67rem;line-height:1.4}
  .zusamo-auth-rule-summary li::before{content:"✓";margin-right:6px;color:#276348;font-weight:950}
  @media(max-width:560px){.zusamo-auth-rule-summary{grid-template-columns:1fr}}
  .zusamo-auth-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}
  .zusamo-auth-back{border:1px solid #d8e1dc;border-radius:14px;padding:13px 16px;background:#fff;color:#40594c;font-weight:850;cursor:pointer}
  .zusamo-auth-data-summary{display:grid;gap:7px;margin:0;padding:12px 13px;border-radius:14px;background:#edf6f1;color:#4d6156;font-size:.7rem;line-height:1.45}
  .zusamo-auth-data-summary strong{color:#245f45}
  .zusamo-auth-age-note{margin:0;padding:10px 12px;border-left:4px solid #2f6b4f;border-radius:10px;background:#f4f8f5;color:#53655b;font-size:.7rem;line-height:1.45}
  .zusamo-profile-photo-picker{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    gap:15px;
    align-items:center;
    padding:14px;
    border:1px solid #d8e5dd;
    border-radius:17px;
    background:#f7faf8;
  }
  .zusamo-profile-photo-preview{
    width:92px;
    height:92px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:3px solid #fff;
    border-radius:24px;
    background:linear-gradient(145deg,#397c5d,#276348);
    color:#fff;
    font-size:1.55rem;
    font-weight:950;
    box-shadow:0 9px 22px rgba(47,107,79,.18);
  }
  .zusamo-profile-photo-preview img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }
  .zusamo-profile-photo-copy{display:grid;gap:7px;min-width:0}
  .zusamo-profile-photo-copy strong{color:#294b3a;font-size:.8rem}
  .zusamo-profile-photo-copy input{padding:9px 10px;font-size:.72rem}
  .edit-profile-photo-picker{margin-bottom:18px}
  .zusamo-auth-submit{border:0;border-radius:14px;padding:13px 16px;background:#2f6b4f;color:#fff;font-weight:900;cursor:pointer}
  .zusamo-auth-submit:disabled{opacity:.58;cursor:wait}
  .zusamo-auth-inline-action{display:flex;justify-content:flex-end;margin-top:-5px}
  .zusamo-auth-text-button{border:0;padding:3px;background:transparent;color:#276348;font:inherit;font-size:.73rem;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  .zusamo-auth-secondary{border:1px solid #d8e1dc;border-radius:14px;padding:12px 16px;background:#fff;color:#315743;font-weight:850;cursor:pointer}
  .zusamo-auth-message{display:grid;gap:10px;padding:17px;border:1px solid #cfe1d6;border-radius:17px;background:#f1f8f4;color:#4d6156;line-height:1.55}
  .zusamo-auth-message strong{color:#214f39;font-size:1rem}
  .zusamo-auth-message p{margin:0;font-size:.78rem}
  .zusamo-auth-error{min-height:20px;color:#a1473e;font-size:.76rem;line-height:1.45}
  .zusamo-auth-note{margin:15px 0 0;padding:11px 13px;border-radius:13px;background:#f5f8f6;color:#66736c;font-size:.7rem;line-height:1.5}
  .zusamo-auth-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:10px 0 0;font-size:.68rem;line-height:1.4}
  .zusamo-auth-legal-links a{color:#276348;font-weight:800;text-underline-offset:2px}
  .account-menu-logout{color:#934b42 !important}.account-menu-logout .account-menu-icon{background:#faece9 !important;color:#934b42 !important}
  @media(max-width:580px){
    .zusamo-auth-backdrop{padding:10px}
    .zusamo-auth-card{width:min(100%,520px);max-height:96vh;border-radius:22px;padding:20px}
    .zusamo-auth-register-grid{grid-template-columns:1fr}
    .zusamo-auth-field-full{grid-column:auto}
    .zusamo-auth-register-progress span{padding:8px;font-size:.64rem}
    .zusamo-auth-actions{grid-template-columns:1fr}
    .zusamo-auth-back{order:2}
    .zusamo-profile-photo-picker{grid-template-columns:72px minmax(0,1fr);gap:12px}
    .zusamo-profile-photo-preview{width:72px;height:72px;border-radius:20px}
  }

/* ---- ursprünglich separater Style-Block ---- */

/* Version 26: alle Anfragen zentral unter „Meine Nachrichten“ */
  .central-message-notice{
    margin-bottom:16px;
    padding:14px 16px;
    border:1px solid #c9ddd0;
    border-radius:16px;
    background:#eef6f1;
    color:#315d48;
    font-size:.82rem;
    line-height:1.55;
  }
  .central-message-notice strong{display:block;margin-bottom:3px;color:#214a37}
  .central-request-list{display:grid;gap:12px}
  .central-request-card{
    border:1px solid var(--line);
    border-radius:17px;
    padding:15px;
    background:#fff;
    box-shadow:0 7px 20px rgba(29,51,41,.05);
  }
  .central-request-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:11px;
  }
  .central-request-person{display:flex;align-items:center;gap:10px;min-width:0}
  .central-request-person .direct-avatar{flex:0 0 38px}
  .central-request-person strong{display:block;font-size:.9rem;margin-bottom:3px}
  .central-request-person span{display:block;color:var(--muted);font-size:.72rem;line-height:1.4}
  .central-request-message{
    margin:0 0 12px;
    padding:11px 12px;
    border-radius:13px;
    background:var(--surface-soft);
    border:1px solid var(--line);
    color:#56625c;
    font-size:.8rem;
    line-height:1.5;
    white-space:pre-line;
  }
  .central-request-facts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
  .central-request-fact{
    padding:7px 9px;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fff;
    color:var(--muted);
    font-size:.7rem;
    font-weight:750;
  }
  .central-request-actions{display:flex;gap:8px;flex-wrap:wrap}
  .central-request-actions .btn{padding:10px 12px;font-size:.74rem}
  .central-request-status{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    padding:6px 9px;
    border-radius:999px;
    font-size:.68rem;
    font-weight:900;
    background:#fff3db;
    color:#8a651f;
  }
  .central-request-status.accepted{background:#e8f3ec;color:#286044}
  .central-request-status.declined,
  .central-request-status.withdrawn,
  .central-request-status.cancelled{background:#f5e4e1;color:#8d4139}
  .central-rental-overview-note{
    margin:0 0 17px;
    padding:13px 15px;
    border-radius:15px;
    border:1px solid #d8e4dc;
    background:#f4f8f5;
    color:#52645a;
    font-size:.79rem;
    line-height:1.5;
  }
  .central-rental-overview-note strong{color:var(--primary)}
  .central-message-link{
    margin-top:8px;
    color:var(--primary);
    font-size:.72rem;
    font-weight:850;
  }
  @media(max-width:620px){
    .central-request-head{flex-direction:column}
    .central-request-status{align-self:flex-start}
    .central-request-actions{display:grid;grid-template-columns:1fr;width:100%}
    .central-request-actions .btn{width:100%}
  }

/* ---- ursprünglich separater Style-Block ---- */

/* Version 31: Einstellungen bleiben als eigener letzter Ordner */
  .account-sidebar-nav .account-settings-nav{
    margin-top:10px;
    padding-top:14px;
    border-top:1px solid var(--line);
    border-radius:0 0 13px 13px;
  }
  .account-menu-settings{
    margin-top:1px;
  }
  @media(max-width:900px){
    .account-sidebar-nav .account-settings-nav{
      margin-top:0;
      margin-left:7px;
      padding-top:11px;
      padding-left:16px;
      border-top:0;
      border-left:1px solid var(--line);
      border-radius:0 13px 13px 0;
    }
  }

  /* Version 30: fünf sauber getrennte persönliche Bereiche */
  .account-menu{width:min(370px,calc(100vw - 28px))}
  .account-menu-item{min-height:64px}
  .account-sidebar-nav button{line-height:1.2}
  .account-topic-intro{
    margin-bottom:18px;
    padding:18px 20px;
    border:1px solid #d8e4dc;
    border-radius:20px;
    background:linear-gradient(135deg,#edf6f0,#fbfcfb);
    color:#52645a;
    line-height:1.55;
  }
  .account-topic-intro strong{
    display:block;
    color:var(--primary);
    font-size:1.05rem;
    margin-bottom:5px;
  }
  .account-topic-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:14px;
  }
  .account-topic-actions .btn{padding:10px 13px;font-size:.78rem}
  .profile-unified-rating{
    display:grid;
    grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);
    gap:18px;
    align-items:center;
  }
  .profile-unified-score{
    min-height:180px;
    border-radius:22px;
    padding:24px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(145deg,var(--primary),#3f8061);
    color:#fff;
  }
  .profile-unified-score span{font-size:.74rem;font-weight:850;opacity:.8;text-transform:uppercase;letter-spacing:.07em}
  .profile-unified-score strong{font-size:3.25rem;line-height:1;margin:9px 0 7px;letter-spacing:-.06em}
  .profile-unified-score small{line-height:1.45;opacity:.82}
  .profile-unified-breakdown{display:grid;gap:10px}
  .profile-unified-row{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--surface-soft);
  }
  .profile-unified-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900}
  .profile-unified-row strong{display:block;font-size:.87rem;margin-bottom:3px}
  .profile-unified-row span{color:var(--muted);font-size:.73rem}
  .profile-unified-value{text-align:right;font-weight:900;color:var(--primary);white-space:nowrap}
  .profile-unified-note{margin:2px 4px 0;color:var(--muted);font-size:.72rem;line-height:1.5}
  .profile-ratings-toggle{
    display:flex;
    justify-content:flex-end;
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid var(--line);
  }
  .profile-ratings-toggle .btn{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
  }
  .profile-ratings-toggle-icon{
    font-size:1rem;
    line-height:1;
  }
  .account-rating-details[hidden]{display:none !important}
  .account-profile-tools{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
  }
  .account-profile-tool{
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff;
    padding:15px;
    text-align:left;
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--text);
  }
  .account-profile-tool:hover{border-color:#9bb7a6;background:var(--primary-soft)}
  .account-profile-tool span:first-child{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900}
  .account-profile-tool strong{display:block;font-size:.85rem;margin-bottom:3px}
  .account-profile-tool small{display:block;color:var(--muted);font-size:.7rem;line-height:1.35}
  .account-profile-preview .dashboard-profile-layout{
    grid-template-columns:160px minmax(0,1fr);
    align-items:start;
  }
  .account-profile-preview .dashboard-profile-main{
    min-width:0;
  }
  .dashboard-profile-about-label{
    display:block;
    margin:15px 0 5px;
    color:var(--text);
    font-size:.72rem;
    font-weight:900;
  }
  .account-profile-preview .dashboard-profile-bio{
    min-height:auto;
    margin-bottom:14px !important;
  }
  .dashboard-profile-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:17px;
  }
  .dashboard-profile-tags{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
  }
  .dashboard-profile-tag-group{
    padding:12px 13px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#fff;
  }
  .dashboard-profile-tag-group > strong{
    display:block;
    margin-bottom:8px;
    font-size:.7rem;
  }
  .dashboard-profile-actions .btn{
    min-height:44px;
  }
  .account-attention-panel{
    overflow:hidden;
  }
  .account-attention-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
  }
  .account-attention-card{
    min-width:0;
    min-height:112px;
    border:1px solid var(--line);
    border-radius:18px;
    padding:15px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:11px;
    align-items:center;
    background:var(--surface-soft);
    color:var(--text);
    text-align:left;
    cursor:pointer;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  .account-attention-card:hover{
    transform:translateY(-2px);
    border-color:#9bb7a6;
    box-shadow:0 10px 24px rgba(47,107,79,.1);
  }
  .account-attention-card[hidden]{
    display:none !important;
  }
  .account-attention-icon{
    width:42px;
    height:42px;
    border-radius:13px;
    display:grid;
    place-items:center;
    background:var(--primary-soft);
    color:var(--primary);
    font-size:1rem;
    font-weight:900;
  }
  .account-attention-copy{
    min-width:0;
  }
  .account-attention-copy strong,
  .account-attention-copy span{
    display:block;
  }
  .account-attention-copy strong{
    font-size:.79rem;
    line-height:1.25;
  }
  .account-attention-copy span{
    margin-top:4px;
    color:var(--muted);
    font-size:.67rem;
    line-height:1.35;
  }
  .account-attention-count{
    min-width:34px;
    height:34px;
    padding:0 9px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:var(--primary);
    color:#fff;
    font-size:.77rem;
    font-weight:900;
  }
  .account-attention-empty{
    min-height:88px;
    border:1px dashed #cfd9d2;
    border-radius:17px;
    padding:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:var(--muted);
    background:#fbfcfb;
    text-align:center;
  }
  .account-attention-empty[hidden]{
    display:none !important;
  }
  .account-attention-empty > span{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:var(--primary-soft);
    color:var(--primary);
    font-weight:900;
  }
  .account-latest-ratings .account-list{
    margin-top:14px;
  }
  .account-profile-completion{
    padding:20px 22px;
  }
  .profile-completion-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
  }
  .profile-completion-head h2{
    margin:0 0 4px;
    font-size:1rem;
  }
  .profile-completion-head p{
    margin:0;
    color:var(--muted);
    font-size:.72rem;
    line-height:1.45;
  }
  .profile-completion-value{
    color:var(--primary);
    font-size:1rem;
    font-weight:900;
    white-space:nowrap;
  }
  .profile-completion-track{
    height:10px;
    margin-top:15px;
    border-radius:999px;
    overflow:hidden;
    background:#e8ece9;
  }
  .profile-completion-track > span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--primary),#62a879);
  }
  .profile-completion-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:13px;
  }
  .profile-completion-missing{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
  }
  .profile-completion-chip{
    padding:6px 9px;
    border-radius:999px;
    background:#f4f1eb;
    color:#6c756f;
    font-size:.65rem;
    font-weight:800;
  }
  .profile-completion-done{
    color:var(--primary);
    font-size:.73rem;
    font-weight:850;
  }
  .account-embedded-settings{margin-top:18px}
  .account-embedded-settings > summary{
    cursor:pointer;
    list-style:none;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    padding:15px 17px;
    font-weight:900;
    color:var(--text);
  }
  .account-embedded-settings > summary::-webkit-details-marker{display:none}
  .account-embedded-settings[open] > summary{margin-bottom:14px;background:var(--primary-soft);color:var(--primary)}
  .account-topic-empty{margin-bottom:18px}
  @media(max-width:760px){
    .profile-unified-rating{grid-template-columns:1fr}
    .profile-unified-score{min-height:150px}
    .account-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(max-width:620px){
    .account-profile-tools{grid-template-columns:1fr}
    .account-topic-actions{display:grid;grid-template-columns:1fr}
    .account-topic-actions .btn{width:100%}
    .profile-ratings-toggle .btn{width:100%}
    .profile-unified-row{grid-template-columns:38px minmax(0,1fr)}
    .profile-unified-value{grid-column:2;text-align:left}
    .account-profile-preview .dashboard-profile-layout{grid-template-columns:1fr}
    .account-profile-preview .dashboard-profile-main{text-align:center}
    .account-profile-preview .dashboard-profile-facts{text-align:left}
    .dashboard-profile-actions{display:grid;grid-template-columns:1fr}
    .dashboard-profile-actions .btn{width:100%}
    .dashboard-profile-tags{grid-template-columns:1fr;text-align:left}
    .account-attention-grid{grid-template-columns:1fr}
    .account-attention-card{min-height:94px}
    .profile-completion-head,
    .profile-completion-foot{align-items:stretch;flex-direction:column}
    .account-profile-completion .btn{width:100%}
  }

/* ---- ursprünglich separater Style-Block ---- */

/* Version 33: Nachbarschaftshilfe bereinigt */
  [data-help-delete-completed]{
    border-color:#e2b8b1;
    color:#9b4036;
    background:#fff8f6;
  }
  [data-help-delete-completed]:hover{
    border-color:#d7968c;
    background:#fff1ee;
  }

  /* Version 32: Nachrichten als eigener Ordner vor den Einstellungen */
  .account-sidebar-nav button[data-account-section="messages"]{
    margin-top:4px;
  }
  @media(max-width:900px){
    .account-sidebar-nav button[data-account-section="messages"]{
      margin-top:0;
    }
  }


  /* Version 35: aktiver persönlicher Ordner und Nachrichten-Einstellungen */
  .account-menu-item.active,
  .account-menu-item[aria-current="page"]{
    background:var(--primary-soft);
    color:var(--primary);
  }
  .account-menu-item.active .account-menu-icon,
  .account-menu-item[aria-current="page"] .account-menu-icon{
    background:#dcebe2;
    color:var(--primary-dark);
  }
  .account-menu-item.active .account-menu-chevron,
  .account-menu-item[aria-current="page"] .account-menu-chevron{
    color:var(--primary);
  }
  .message-settings-panel{
    padding:0;
    overflow:hidden;
  }
  .message-settings-accordion{
    width:100%;
  }
  .message-settings-summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:20px;
    cursor:pointer;
    user-select:none;
    transition:background .16s ease;
  }
  .message-settings-summary::-webkit-details-marker{
    display:none;
  }
  .message-settings-summary:hover{
    background:#f8faf8;
  }
  .message-settings-summary:focus-visible{
    outline:3px solid rgba(47,107,79,.18);
    outline-offset:-3px;
  }
  .message-settings-summary-copy{
    min-width:0;
  }
  .message-settings-summary-copy h2{
    margin:0 0 4px;
    font-size:1.15rem;
    letter-spacing:-.025em;
  }
  .message-settings-summary-copy span{
    display:block;
    color:var(--muted);
    font-size:.75rem;
    line-height:1.4;
  }
  .message-settings-summary-action{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:11px;
  }
  .message-settings-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    padding:6px 9px;
    border-radius:999px;
    font-size:.68rem;
    font-weight:900;
  }
  .message-settings-status.active{
    color:var(--primary);
    background:var(--primary-soft);
  }
  .message-settings-status.off{
    color:#8a4d45;
    background:#f7e7e4;
  }
  .message-settings-chevron{
    width:34px;
    height:34px;
    border:1px solid var(--line);
    border-radius:11px;
    display:grid;
    place-items:center;
    color:var(--muted);
    background:#fff;
    font-size:1.15rem;
    line-height:1;
    transition:transform .2s ease,color .16s ease,border-color .16s ease;
  }
  .message-settings-accordion[open] .message-settings-chevron{
    transform:rotate(180deg);
    color:var(--primary);
    border-color:#aac3b4;
  }
  .message-settings-body{
    padding:0 20px 20px;
    border-top:1px solid var(--line);
  }
  .message-settings-body .message-settings-intro{
    margin-top:15px;
  }
  .message-settings-intro{
    margin-bottom:13px;
    padding:13px 14px;
    border:1px solid #d8e6dd;
    border-radius:15px;
    background:linear-gradient(135deg,#edf6f0,#fbfcfb);
    color:#53655b;
    font-size:.76rem;
    line-height:1.5;
  }
  .message-settings-intro strong{
    display:block;
    color:var(--primary);
    margin-bottom:3px;
    font-size:.82rem;
  }
  .message-preference-options{
    display:grid;
    gap:9px;
    padding:4px 0 0 18px;
    border-left:2px solid #dce8e0;
    transition:.16s ease;
  }
  .message-preference-options.disabled{
    opacity:.48;
  }
  .message-preference-options.disabled .setting-row{
    background:#f4f4f1;
  }
  .message-preference-options .setting-row{
    padding:13px 14px;
  }
  .message-preference-options .switch:disabled{
    cursor:not-allowed;
  }
  .setting-row.setting-master{
    border-color:#bad2c2;
    background:#f2f8f4;
  }
  .message-setting-badge{
    display:inline-flex;
    align-items:center;
    margin-top:6px;
    padding:4px 7px;
    border-radius:999px;
    background:var(--primary-soft);
    color:var(--primary);
    font-size:.62rem;
    font-weight:900;
  }
  .message-critical-note{
    padding:11px 13px;
    border-radius:14px;
    border:1px solid #ead9b7;
    background:#fff8e9;
    color:#6b552f;
    font-size:.7rem;
    line-height:1.48;
  }

  /* Version 31: geschützte, endgültige Kontolöschung */
  .account-danger-panel{
    border-color:#edc8c2;
    background:linear-gradient(145deg,#fff,#fff9f8);
  }
  .account-danger-panel .account-panel-head{
    border-bottom-color:#f1d8d3;
  }
  .account-danger-panel .account-panel-head h2{
    color:#963d35;
  }
  .account-danger-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:4px 0;
  }
  .account-danger-copy{
    min-width:0;
  }
  .account-danger-copy strong{
    display:block;
    margin-bottom:5px;
    color:#3d2926;
    font-size:.88rem;
  }
  .account-danger-copy span{
    display:block;
    max-width:730px;
    color:#7d625d;
    font-size:.74rem;
    line-height:1.55;
  }
  .account-delete-open-button{
    flex:0 0 auto;
    border:1px solid #e5aaa2;
    border-radius:14px;
    padding:12px 17px;
    background:#fff5f3;
    color:#a23d34;
    font-weight:900;
    cursor:pointer;
    transition:transform .16s ease,background .16s ease,border-color .16s ease;
  }
  .account-delete-open-button:hover,
  .account-delete-open-button:focus-visible{
    transform:translateY(-1px);
    border-color:#d9857a;
    background:#ffebe8;
    outline:none;
  }
  .account-delete-modal{
    overflow:hidden;
  }
  .account-delete-modal-body{
    display:grid;
    gap:16px;
    padding:22px;
  }
  .account-delete-warning-icon{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    margin:0 auto;
    border-radius:19px;
    background:linear-gradient(145deg,#d85146,#b9352c);
    color:#fff;
    font-size:1.75rem;
    font-weight:950;
    box-shadow:0 14px 28px rgba(185,53,44,.23);
  }
  .account-delete-confirm-copy{
    text-align:center;
  }
  .account-delete-confirm-copy h2{
    margin:0 0 7px;
    color:#342421;
    font-size:1.35rem;
    letter-spacing:-.035em;
  }
  .account-delete-confirm-copy p{
    margin:0;
    color:#75635f;
    font-size:.78rem;
    line-height:1.55;
  }
  .account-delete-checking{
    padding:13px 14px;
    border:1px solid #e5e0d9;
    border-radius:15px;
    background:#f8f7f3;
    color:#6d6a62;
    font-size:.74rem;
    line-height:1.5;
  }
  .account-delete-checking.is-ready{
    border-color:#bcd9c6;
    background:#eef7f1;
    color:#286648;
  }
  .account-delete-checking.is-blocked,
  .account-delete-checking.is-error{
    border-color:#edc4be;
    background:#fff3f1;
    color:#8e4037;
  }
  .account-delete-checking strong{
    display:block;
    margin-bottom:3px;
    color:inherit;
  }
  .account-delete-blockers{
    display:grid;
    gap:8px;
    margin:10px 0 0;
    padding:0;
    list-style:none;
  }
  .account-delete-blockers li{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:9px;
    align-items:start;
    padding:9px 10px;
    border-radius:11px;
    background:rgba(255,255,255,.72);
  }
  .account-delete-blocker-count{
    display:grid;
    place-items:center;
    min-width:28px;
    height:28px;
    border-radius:9px;
    background:#c84a40;
    color:#fff;
    font-size:.7rem;
    font-weight:950;
  }
  .account-delete-blockers b,
  .account-delete-blockers small{
    display:block;
  }
  .account-delete-blockers b{
    color:#63312c;
    font-size:.73rem;
  }
  .account-delete-blockers small{
    margin-top:2px;
    color:#8a625d;
    font-size:.65rem;
    line-height:1.4;
  }
  .account-delete-acknowledgement{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px 13px;
    border:1px solid #e7d8d4;
    border-radius:14px;
    background:#fffafa;
    color:#654d49;
    font-size:.72rem;
    line-height:1.48;
    cursor:pointer;
  }
  .account-delete-acknowledgement.is-disabled{
    opacity:.48;
    cursor:not-allowed;
  }
  .account-delete-acknowledgement input{
    flex:0 0 auto;
    width:18px;
    height:18px;
    margin:1px 0 0;
    accent-color:#b93d33;
  }
  .account-delete-confirm-button{
    border:0;
    border-radius:14px;
    padding:12px 16px;
    background:#b93d33;
    color:#fff;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 10px 22px rgba(185,61,51,.18);
  }
  .account-delete-confirm-button:hover:not(:disabled),
  .account-delete-confirm-button:focus-visible:not(:disabled){
    background:#9f3028;
  }
  .account-delete-confirm-button:disabled{
    cursor:not-allowed;
    opacity:.42;
    box-shadow:none;
  }
  @media(max-width:620px){
    .message-settings-summary{
      padding:17px 15px;
      gap:10px;
    }
    .message-settings-summary-action{
      gap:7px;
    }
    .message-settings-status{
      display:none;
    }
    .message-settings-body{
      padding:0 13px 15px;
    }
    .message-preference-options{
      padding-left:10px;
    }
    .setting-row{
      gap:12px;
    }
    .account-danger-content{
      align-items:stretch;
      flex-direction:column;
    }
    .account-delete-open-button,
    .account-delete-modal-actions .btn{
      width:100%;
    }
    .account-delete-modal-body{
      padding:18px 15px max(18px,env(safe-area-inset-bottom));
    }
  }

/* ---- ursprünglich separater Style-Block ---- */

/* Version 37: durchgängige Smartphone-Ansicht */
  html.zusamo-mobile-ui{
    font-size:var(--zusamo-mobile-root-size,16px);
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    scroll-padding-top:7rem;
  }
  html.zusamo-mobile-ui,
  html.zusamo-mobile-ui body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  html.zusamo-mobile-ui body{
    min-width:0;
    background-attachment:scroll;
  }
  html.zusamo-mobile-ui button,
  html.zusamo-mobile-ui a,
  html.zusamo-mobile-ui input,
  html.zusamo-mobile-ui select,
  html.zusamo-mobile-ui textarea{
    touch-action:manipulation;
  }
  html.zusamo-mobile-ui input,
  html.zusamo-mobile-ui select,
  html.zusamo-mobile-ui textarea{
    max-width:100%;
    font-size:1rem;
  }
  html.zusamo-mobile-ui .btn,
  html.zusamo-mobile-ui .close,
  html.zusamo-mobile-ui .calendar-nav,
  html.zusamo-mobile-ui .header-message-alert,
  html.zusamo-mobile-ui .account-menu-button{
    min-height:2.75rem;
  }

  /* Kopfzeile */
  html.zusamo-mobile-ui .topbar{
    top:0;
    padding-top:env(safe-area-inset-top);
  }
  html.zusamo-mobile-ui .topbar .nav{
    width:100%;
    max-width:none;
    padding:.5625rem max(.75rem,env(safe-area-inset-right)) .5625rem max(.75rem,env(safe-area-inset-left));
    display:flex;
    flex-wrap:wrap;
    gap:.5rem .625rem;
    justify-content:space-between;
  }
  html.zusamo-mobile-ui .brand{
    min-width:0;
    flex:1 1 auto;
    gap:.5rem;
  }
  html.zusamo-mobile-ui .brand-symbol{
    width:2.875rem;
    height:3rem;
  }
  html.zusamo-mobile-ui .brand-copy{
    min-width:0;
  }
  html.zusamo-mobile-ui .brand-title{
    font-size:.9rem;
  }
  html.zusamo-mobile-ui .brand-town{
    max-width:10rem;
    font-size:.74rem;
  }
  html.zusamo-mobile-ui .navlinks,
  html.zusamo-mobile-ui .nav-actions > .btn{
    display:none!important;
  }
  html.zusamo-mobile-ui .nav-actions{
    margin-left:auto;
    gap:.5rem;
  }
  html.zusamo-mobile-ui .header-message-alert,
  html.zusamo-mobile-ui .avatar{
    width:2.75rem;
    height:2.75rem;
    flex:0 0 2.75rem;
  }
  html.zusamo-mobile-ui .town-member-counter{
    order:3;
    flex:1 0 100%;
    justify-content:stretch;
  }
  html.zusamo-mobile-ui .town-member-counter-card{
    width:100%;
    min-height:2.625rem;
    padding:.375rem .5625rem .375rem .75rem;
    gap:.5625rem;
    justify-content:space-between;
    border-radius:.875rem;
    box-shadow:0 5px 16px rgba(29,51,41,.06);
  }
  html.zusamo-mobile-ui .town-member-counter-label{
    font-size:.68rem;
  }
  html.zusamo-mobile-ui .town-member-counter-town{
    max-width:none;
    font-size:.82rem;
  }
  html.zusamo-mobile-ui .town-member-counter-value{
    min-width:2.25rem;
    height:2.25rem;
    padding:0 .625rem;
    border-radius:.6875rem;
    font-size:.82rem;
  }
  html.zusamo-mobile-ui .account-menu{
    position:fixed;
    inset:max(.625rem,env(safe-area-inset-top)) .625rem auto .625rem;
    width:auto;
    max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));
    padding:.5625rem;
    border-radius:1.25rem;
  }
  html.zusamo-mobile-ui .account-menu::before{
    display:none;
  }
  html.zusamo-mobile-ui .account-menu-item{
    min-height:3.25rem;
    padding:.5625rem;
  }

  /* Seiten, Suchleisten und Karten */
  html.zusamo-mobile-ui main,
  html.zusamo-mobile-ui .home-view,
  html.zusamo-mobile-ui .platform-view,
  html.zusamo-mobile-ui .help-view,
  html.zusamo-mobile-ui .together-view,
  html.zusamo-mobile-ui .events-view,
  html.zusamo-mobile-ui .news-view,
  html.zusamo-mobile-ui .account-view,
  html.zusamo-mobile-ui .area-placeholder-view{
    width:100%;
    max-width:none;
    padding:1rem .75rem calc(4rem + env(safe-area-inset-bottom));
  }
  html.zusamo-mobile-ui .home-view{
    padding-top:0;
  }
  html.zusamo-mobile-ui .hero,
  html.zusamo-mobile-ui .home-hero{
    min-height:0;
    margin-top:.75rem;
    padding:2.125rem 1.125rem;
    border-radius:1.4375rem;
  }
  html.zusamo-mobile-ui .hero h1,
  html.zusamo-mobile-ui .home-hero h1{
    font-size:clamp(2rem,10vw,2.75rem);
    line-height:1.04;
  }
  html.zusamo-mobile-ui .home-logo-wrap{
    width:100%;
    min-height:6.25rem;
  }
  html.zusamo-mobile-ui .home-logo{
    max-height:8.4375rem;
  }
  html.zusamo-mobile-ui .home-intro{
    margin-top:17px;
    font-size:.94rem;
    line-height:1.55;
  }
  html.zusamo-mobile-ui .home-actions,
  html.zusamo-mobile-ui .area-placeholder-actions,
  html.zusamo-mobile-ui .form-actions,
  html.zusamo-mobile-ui .profile-actions,
  html.zusamo-mobile-ui .help-contact-row{
    width:100%;
    flex-direction:column;
  }
  html.zusamo-mobile-ui .home-actions .btn,
  html.zusamo-mobile-ui .area-placeholder-actions .btn,
  html.zusamo-mobile-ui .form-actions .btn,
  html.zusamo-mobile-ui .profile-actions .btn,
  html.zusamo-mobile-ui .help-contact-row .btn{
    width:100%;
  }
  html.zusamo-mobile-ui .hero-toolbar,
  html.zusamo-mobile-ui .hero-toolbar.two-fields,
  html.zusamo-mobile-ui .hero-toolbar.three-fields,
  html.zusamo-mobile-ui .help-toolbar.hero-toolbar,
  html.zusamo-mobile-ui .together-toolbar.hero-toolbar,
  html.zusamo-mobile-ui .events-toolbar.hero-toolbar,
  html.zusamo-mobile-ui .toolbar,
  html.zusamo-mobile-ui .form-grid,
  html.zusamo-mobile-ui .request-date-grid{
    width:100%;
    max-width:none;
    grid-template-columns:1fr;
  }
  html.zusamo-mobile-ui .hero-toolbar,
  html.zusamo-mobile-ui .toolbar{
    margin-top:1.25rem;
    padding:.5625rem;
  }
  html.zusamo-mobile-ui .hero-toolbar > *,
  html.zusamo-mobile-ui .toolbar > *{
    grid-column:auto!important;
  }
  html.zusamo-mobile-ui .field-shell{
    width:100%;
    min-width:0;
    min-height:3.25rem;
  }
  html.zusamo-mobile-ui .section-head,
  html.zusamo-mobile-ui .home-news-catalog-head,
  html.zusamo-mobile-ui .news-page-hero-row,
  html.zusamo-mobile-ui .help-own-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  html.zusamo-mobile-ui .grid,
  html.zusamo-mobile-ui .news-archive-grid,
  html.zusamo-mobile-ui .activity-grid,
  html.zusamo-mobile-ui .event-grid{
    grid-template-columns:1fr;
  }
  html.zusamo-mobile-ui .card,
  html.zusamo-mobile-ui .activity-card,
  html.zusamo-mobile-ui .event-card{
    min-width:0;
  }
  html.zusamo-mobile-ui .home-sections{
    margin-top:2.625rem!important;
  }
  html.zusamo-mobile-ui .home-news-catalog{
    padding:.5625rem;
    border-radius:1.3125rem;
  }
  html.zusamo-mobile-ui .home-news-stage{
    grid-template-columns:2.125rem minmax(0,1fr) 2.125rem;
    gap:.3125rem;
  }
  html.zusamo-mobile-ui .home-news-nav{
    width:2.125rem;
    height:2.75rem;
    border-radius:.6875rem;
  }
  html.zusamo-mobile-ui .home-news-slide{
    min-height:0;
    grid-template-columns:1fr;
  }
  html.zusamo-mobile-ui .home-news-visual,
  html.zusamo-mobile-ui .home-news-visual img{
    min-height:12.1875rem;
  }
  html.zusamo-mobile-ui .home-news-visual{
    order:-1;
  }
  html.zusamo-mobile-ui .home-news-content{
    padding:1.5rem 1.1875rem;
  }
  html.zusamo-mobile-ui .home-news-content h3{
    font-size:1.75rem;
  }
  html.zusamo-mobile-ui .area-placeholder-card,
  html.zusamo-mobile-ui .news-page-hero{
    padding:1.5rem 1.125rem;
    border-radius:1.4375rem;
  }
  html.zusamo-mobile-ui .help-card-meta,
  html.zusamo-mobile-ui .help-info-grid,
  html.zusamo-mobile-ui .activity-detail-summary,
  html.zusamo-mobile-ui .event-detail-summary,
  html.zusamo-mobile-ui .activity-action-row,
  html.zusamo-mobile-ui .event-action-row{
    grid-template-columns:1fr;
  }
  html.zusamo-mobile-ui .help-own-section{
    padding:.875rem;
    border-radius:1.25rem;
  }
  html.zusamo-mobile-ui .help-own-item{
    grid-template-columns:42px minmax(0,1fr);
  }
  html.zusamo-mobile-ui .help-delete-button{
    width:100%;
    grid-column:1/-1;
  }

  /* Persönlicher Bereich und Nachrichten */
  html.zusamo-mobile-ui .account-shell{
    grid-template-columns:1fr;
    gap:0;
  }
  html.zusamo-mobile-ui .account-sidebar{
    display:none;
  }
  html.zusamo-mobile-ui .account-simple-head{
    margin:0 2px 16px;
  }
  html.zusamo-mobile-ui .account-simple-head h1{
    font-size:1.65rem;
    line-height:1.12;
  }
  html.zusamo-mobile-ui .account-simple-head p{
    font-size:.88rem;
    line-height:1.5;
  }
  html.zusamo-mobile-ui .account-page-head{
    min-height:0;
    padding:1.375rem 1.125rem;
    align-items:flex-start;
    flex-direction:column;
    border-radius:1.375rem;
  }
  html.zusamo-mobile-ui .account-page-head h1{
    font-size:2rem;
  }
  html.zusamo-mobile-ui .account-page-head .btn{
    width:100%;
  }
  html.zusamo-mobile-ui .account-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html.zusamo-mobile-ui .account-quick-grid,
  html.zusamo-mobile-ui .dashboard-profile-layout,
  html.zusamo-mobile-ui .dashboard-profile-facts,
  html.zusamo-mobile-ui .dashboard-role-ratings,
  html.zusamo-mobile-ui .account-profile-tools,
  html.zusamo-mobile-ui .account-topic-actions,
  html.zusamo-mobile-ui .profile-unified-rating,
  html.zusamo-mobile-ui .rental-message-confirmations,
  html.zusamo-mobile-ui .help-process-confirmations,
  html.zusamo-mobile-ui .help-rating-grid{
    grid-template-columns:1fr;
  }
  html.zusamo-mobile-ui .account-panel{
    padding:.875rem;
    border-radius:1.125rem;
  }
  html.zusamo-mobile-ui .account-panel-head,
  html.zusamo-mobile-ui .account-panel-head-action,
  html.zusamo-mobile-ui .direct-conversation-head,
  html.zusamo-mobile-ui .rental-message-head,
  html.zusamo-mobile-ui .central-request-head,
  html.zusamo-mobile-ui .help-process-head,
  html.zusamo-mobile-ui .activity-request-head{
    align-items:flex-start;
    flex-direction:column;
  }
  html.zusamo-mobile-ui .account-panel-head-action .btn{
    width:100%;
  }
  html.zusamo-mobile-ui .account-list-item,
  html.zusamo-mobile-ui .owner-lending-card{
    grid-template-columns:4rem minmax(0,1fr);
    gap:.6875rem;
    padding:.8125rem;
  }
  html.zusamo-mobile-ui .owner-lending-card .account-list-image{
    width:4rem;
    height:4rem;
  }
  html.zusamo-mobile-ui .account-list-item .account-status,
  html.zusamo-mobile-ui .account-row-actions,
  html.zusamo-mobile-ui .owner-lending-card .account-row-actions,
  html.zusamo-mobile-ui .rental-countdown{
    grid-column:2;
    width:100%;
    min-width:0;
    justify-self:start;
    align-items:flex-start;
    text-align:left;
  }
  html.zusamo-mobile-ui .owner-lending-booking-copy,
  html.zusamo-mobile-ui .rental-subcard-copy,
  html.zusamo-mobile-ui .dashboard-row-actions{
    min-width:0;
  }
  html.zusamo-mobile-ui .owner-lending-booking-actions,
  html.zusamo-mobile-ui .rental-subcard-actions,
  html.zusamo-mobile-ui .direct-actions,
  html.zusamo-mobile-ui .rental-message-actions,
  html.zusamo-mobile-ui .central-request-actions,
  html.zusamo-mobile-ui .help-process-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    justify-content:stretch;
  }
  html.zusamo-mobile-ui .owner-lending-booking-actions .btn,
  html.zusamo-mobile-ui .rental-subcard-actions button,
  html.zusamo-mobile-ui .direct-actions .btn,
  html.zusamo-mobile-ui .rental-message-actions .btn,
  html.zusamo-mobile-ui .central-request-actions .btn,
  html.zusamo-mobile-ui .help-process-actions .btn,
  html.zusamo-mobile-ui .reservation-cancel-button{
    width:100%;
    min-width:0;
  }
  html.zusamo-mobile-ui .rental-deadline-indicator,
  html.zusamo-mobile-ui .rental-countdown{
    width:100%;
    min-width:0;
    text-align:left;
  }
  html.zusamo-mobile-ui .setting-row{
    align-items:flex-start;
    gap:12px;
    padding:13px;
  }
  html.zusamo-mobile-ui .message-settings-summary{
    padding:15px 13px;
    gap:8px;
  }
  html.zusamo-mobile-ui .message-settings-status{
    display:none;
  }
  html.zusamo-mobile-ui .message-settings-body{
    padding:0 12px 14px;
  }
  html.zusamo-mobile-ui .message-preference-options{
    padding-left:8px;
  }
  html.zusamo-mobile-ui .direct-conversation-open{
    grid-template-columns:auto minmax(0,1fr);
    padding:13px;
  }
  html.zusamo-mobile-ui .direct-conversation-side{
    grid-column:2;
    justify-self:start;
    flex-wrap:wrap;
  }
  html.zusamo-mobile-ui .direct-conversation-chevron{
    display:none;
  }

  /* Dialoge, Kalender und Chat */
  html.zusamo-mobile-ui .modal-backdrop{
    padding:0;
    align-items:flex-end;
  }
  html.zusamo-mobile-ui .modal{
    width:100%;
    max-width:none;
    max-height:calc(100dvh - env(safe-area-inset-top));
    border-radius:1.5rem 1.5rem 0 0;
    border-bottom:0;
  }
  html.zusamo-mobile-ui .modal-head{
    padding:.875rem .9375rem;
  }
  html.zusamo-mobile-ui .close{
    width:2.75rem;
    height:2.75rem;
    flex:0 0 2.75rem;
  }
  html.zusamo-mobile-ui .detail-image,
  html.zusamo-mobile-ui .activity-detail-visual,
  html.zusamo-mobile-ui .event-detail-visual{
    height:15rem;
    min-height:15rem;
  }
  html.zusamo-mobile-ui .activity-detail-visual img,
  html.zusamo-mobile-ui .event-detail-visual img{
    height:15rem;
  }
  html.zusamo-mobile-ui .detail-body{
    padding:1.125rem .9375rem calc(1.25rem + env(safe-area-inset-bottom));
  }
  html.zusamo-mobile-ui .detail-body h2{
    font-size:1.65rem;
  }
  html.zusamo-mobile-ui .price-row{
    align-items:stretch;
    flex-direction:column;
  }
  html.zusamo-mobile-ui .price-row .btn{
    width:100%;
  }
  html.zusamo-mobile-ui .booking-calendar{
    padding:9px;
  }
  html.zusamo-mobile-ui .calendar-weekdays,
  html.zusamo-mobile-ui .calendar-grid{
    gap:4px;
  }
  html.zusamo-mobile-ui .calendar-day{
    min-width:0;
    min-height:0;
    border-radius:9px;
  }
  html.zusamo-mobile-ui .direct-chat-modal{
    width:100%;
    height:100dvh;
    max-height:100dvh;
    border-radius:0;
  }
  html.zusamo-mobile-ui .direct-chat-messages{
    min-height:0;
    max-height:none;
    padding:.875rem .75rem;
  }
  html.zusamo-mobile-ui .direct-bubble-row{
    max-width:94%;
  }
  html.zusamo-mobile-ui .direct-chat-compose{
    padding:.75rem max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));
  }
  html.zusamo-mobile-ui .direct-chat-compose textarea{
    min-height:4.125rem;
  }
  html.zusamo-mobile-ui .direct-chat-compose-actions,
  html.zusamo-mobile-ui .direct-chat-compose-actions > div{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
  html.zusamo-mobile-ui .direct-chat-compose-actions .btn{
    width:100%;
  }
  html.zusamo-mobile-ui .blocklist-row{
    align-items:stretch;
    flex-direction:column;
  }
  html.zusamo-mobile-ui .blocklist-row .btn{
    width:100%;
  }

  @media(max-width:390px){
    html.zusamo-mobile-ui .brand-title{
      font-size:.82rem;
    }
    html.zusamo-mobile-ui .brand-town{
      max-width:7.5rem;
    }
    html.zusamo-mobile-ui .account-dashboard-grid{
      grid-template-columns:1fr;
    }
    html.zusamo-mobile-ui .home-news-stage{
      grid-template-columns:30px minmax(0,1fr) 30px;
    }
    html.zusamo-mobile-ui .home-news-nav{
      width:30px;
    }
  }

/* ---- ursprünglich separater Style-Block ---- */

/* Bewertungsseiten: immer genau drei feste Plätze pro Kachel */
  .account-rating-page-list{
    grid-template-rows:repeat(3,106px);
    min-height:338px;
  }
  .account-rating-review{
    height:106px;
    min-height:106px;
    box-sizing:border-box;
    overflow:hidden;
  }
  .account-rating-review-star{
    display:grid;
    place-items:center;
    color:#b77d1d;
    font-size:1.1rem;
  }
  .account-rating-review .account-list-copy{
    min-width:0;
    overflow:hidden;
  }
  .account-rating-review .account-list-copy > span{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .account-rating-review .help-review-badge{
    max-width:100%;
    margin-top:6px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .account-rating-empty > .account-empty{
    height:338px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .account-rating-pagination{
    min-height:46px;
    margin-top:14px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 46px;
    align-items:center;
    gap:12px;
    border-radius:15px;
  }
  .account-rating-pagination:focus-visible{
    outline:3px solid rgba(47,107,79,.24);
    outline-offset:4px;
  }
  .account-rating-arrow{
    width:46px;
    height:46px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--primary);
    color:#fff;
    font-size:1.65rem;
    font-weight:900;
    line-height:1;
    box-shadow:0 8px 18px rgba(47,107,79,.16);
  }
  .account-rating-arrow:hover:not(:disabled),
  .account-rating-arrow:focus-visible:not(:disabled){
    transform:translateY(-1px);
    background:#245e45;
  }
  .account-rating-arrow:disabled{
    cursor:not-allowed;
    opacity:.32;
    box-shadow:none;
  }
  .account-rating-page-status{
    min-width:0;
    text-align:center;
  }
  .account-rating-page-status strong,
  .account-rating-page-status span{
    display:block;
  }
  .account-rating-page-status strong{
    color:var(--text);
    font-size:.78rem;
  }
  .account-rating-page-status span{
    margin-top:3px;
    color:var(--muted);
    font-size:.67rem;
  }

  html.zusamo-mobile-ui .account-rating-page-list{
    grid-template-rows:repeat(3,112px);
    min-height:356px;
  }
  html.zusamo-mobile-ui .account-rating-review{
    height:112px;
    min-height:112px;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:9px;
    padding:11px;
  }
  html.zusamo-mobile-ui .account-rating-review .account-list-image{
    width:42px;
    height:42px;
  }
  html.zusamo-mobile-ui .account-rating-review .account-status{
    grid-column:auto;
    width:auto;
    justify-self:end;
    align-self:center;
    text-align:center;
  }
  html.zusamo-mobile-ui .account-rating-review .account-list-copy > span{
    -webkit-line-clamp:1;
  }
  html.zusamo-mobile-ui .account-rating-review .help-review-badge{
    font-size:.6rem;
  }
  html.zusamo-mobile-ui .account-rating-empty > .account-empty{
    height:356px;
  }
  html.zusamo-mobile-ui .account-rating-pagination{
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:8px;
  }
  html.zusamo-mobile-ui .account-rating-arrow{
    width:44px;
    height:44px;
  }
  html.zusamo-mobile-ui .account-rating-page-status span{
    font-size:.61rem;
  }

  /* Profilzugriff aus Nachrichten und laufenden Ausleihen */
  .direct-conversation-card.compact.direct-conversation-profile-row{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:stretch;
  }
  .direct-conversation-profile-button{
    align-self:center;
    margin-left:16px;
    padding:0;
    cursor:pointer;
    transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
  }
  .direct-conversation-profile-button:hover,
  .direct-conversation-profile-button:focus-visible{
    transform:translateY(-1px) scale(1.04);
    background:#d9ecdf;
    box-shadow:0 7px 17px rgba(47,107,79,.18);
    outline:none;
  }
  .direct-conversation-profile-row .direct-conversation-open{
    grid-template-columns:minmax(0,1fr) auto;
    padding-left:13px;
  }
  .rental-owner-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
    color:var(--muted);
  }
  .rental-owner-name-button{
    font-size:inherit;
    line-height:inherit;
  }

  html.zusamo-mobile-ui .direct-conversation-profile-button{
    margin-left:13px;
  }
  html.zusamo-mobile-ui .direct-conversation-profile-row .direct-conversation-open{
    grid-template-columns:minmax(0,1fr) auto;
    padding-left:10px;
  }

/* ---- ursprünglich separater Style-Block ---- */

/* Version 60: Gemeinsam erleben wie die übrigen Bereiche */
  .account-activity-row.owner-lending-card,
  .activity-participation-card.owner-lending-card{
    background:#fbfcfa;
  }
  .account-activity-row .account-activity-image,
  .activity-participation-card .account-activity-image{
    width:72px;
    height:72px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:#f2eaf4;
    color:#74477c;
    font-size:1.45rem;
    box-shadow:0 10px 24px rgba(91,57,99,.08);
  }
  .account-activity-row .account-help-capacity{
    margin-top:9px;
  }
  .account-activity-row .account-status.activity-open{
    background:#eee7f2;
    color:#704278;
  }
  .account-activity-row .account-status.activity-full{
    background:#ffe4df;
    color:#a34134;
  }
  .account-activity-row .account-delete-button.pill-delete,
  .account-activity-row .account-edit-button.pill-edit,
  .activity-participation-card .account-delete-button.pill-delete,
  .activity-participation-card .account-edit-button.pill-edit{
    min-width:118px;
  }
  @media(max-width:700px){
    .account-activity-row.owner-lending-card,
    .activity-participation-card.owner-lending-card{
      grid-template-columns:64px minmax(0,1fr);
    }
    .account-activity-row .account-activity-image,
    .activity-participation-card .account-activity-image{
      width:58px;
      height:58px;
      border-radius:16px;
    }
    .account-activity-row .account-row-actions,
    .activity-participation-card .account-row-actions{
      grid-column:2;
      width:100%;
      align-items:flex-start;
    }
  }

/* ---- ursprünglich separater Style-Block ---- */

/* Version 73: Bewertungen ausschließlich im persönlichen Chat */
  .conversation-review-context-list{
    margin-top:10px;
  }
  .conversation-review-card{
    border-color:#decda9;
    background:linear-gradient(145deg,#fffdf7,#fff9ed);
  }
  .conversation-review-card .conversation-context-head > div > strong{
    color:#2c4638;
  }
  .conversation-review-card .central-request-status.review-ready{
    background:#e8f3ed;
    color:#286044;
  }
  .conversation-review-type{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:7px;
    color:#68756e;
    font-size:.72rem;
    font-weight:800;
  }
  .conversation-review-note{
    margin-top:9px;
    color:#7c6b4c;
    font-size:.73rem;
    line-height:1.45;
  }
  .conversation-review-card .conversation-context-actions{
    margin-top:12px;
  }
  .conversation-review-card .conversation-context-actions .btn{
    min-height:39px;
  }
  #rateOwnerAfterRental,
  #rateRenterAfterRental{
    display:none!important;
  }
  @media(max-width:620px){
    .conversation-review-card .conversation-context-actions{
      display:grid;
      grid-template-columns:1fr;
    }
    .conversation-review-card .conversation-context-actions .btn{
      width:100%;
    }
  }

/* ---- ursprünglich separater Style-Block ---- */

.event-action-row.event-owner-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .event-owner-danger{
    border-color:#e6b4aa!important;
    color:#9e3f32!important;
    background:#fff8f6!important;
  }
  .event-owner-danger:hover{
    background:#fdece8!important;
  }
  .event-owner-cancel{
    border-color:#e9cf91!important;
    color:#7f5a13!important;
    background:#fff9e9!important;
  }
  .event-owner-cancel:hover{
    background:#fff2c9!important;
  }
  .event-account-actions.event-management-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .event-account-actions.event-management-actions .btn{
    min-width:112px;
  }
  @media(max-width:700px){
    .event-action-row.event-owner-actions{grid-template-columns:1fr}
    .event-account-actions.event-management-actions{
      width:100%;
      justify-content:stretch;
    }
    .event-account-actions.event-management-actions .btn{
      flex:1 1 130px;
    }
  }

/* ---- ursprünglich separater Style-Block ---- */

#listingGrid,
  #helpGrid,
  #togetherGrid,
  #eventsGrid{
    align-items:stretch;
    grid-auto-rows:auto;
  }

  #listingGrid > .card,
  #helpGrid > .card,
  #togetherGrid > .activity-card,
  #eventsGrid > .event-card{
    height:100%;
    min-width:0;
  }

  #listingGrid > .card,
  #helpGrid > .card{
    display:flex;
    flex-direction:column;
  }

  #listingGrid .card-top,
  #helpGrid .card-top,
  #togetherGrid .activity-card-head,
  #eventsGrid .event-card-head{
    min-height:63px;
    align-items:center;
  }

  #listingGrid .card-title,
  #helpGrid .card-title,
  #togetherGrid .activity-card-head h3,
  #eventsGrid .event-card-head h3{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  #listingGrid .category-pill,
  #helpGrid .category-pill,
  #togetherGrid .activity-category,
  #eventsGrid .event-category{
    max-width:52%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  #listingGrid .card-image,
  #helpGrid .card-image,
  #togetherGrid .activity-visual,
  #eventsGrid .event-card-visual,
  #listingGrid .card-image img,
  #helpGrid .card-image img,
  #togetherGrid .activity-visual img,
  #eventsGrid .event-card-visual img{
    width:100%;
    height:220px;
    min-height:220px;
  }

  #listingGrid .card-actions,
  #helpGrid .card-actions,
  #togetherGrid .activity-card-compact,
  #eventsGrid .event-card-compact{
    margin-top:auto;
  }

  #listingGrid .listing-detail-button,
  #helpGrid .help-card-action,
  #togetherGrid .activity-card-footer .btn,
  #eventsGrid .event-card-footer .btn{
    min-height:48px;
  }

  #helpGrid .help-date-badge,
  #togetherGrid .activity-date-badge,
  #eventsGrid .event-date-time-badge{
    max-width:calc(100% - 28px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .listing-detail-actions{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:10px;
    min-width:min(100%,370px);
  }
  .listing-detail-actions .btn{
    width:100%;
  }
  .help-contact-row .btn{
    flex:1 1 210px;
  }
  .activity-action-row,
  .event-action-row{
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  }
  .event-registration-panel{
    margin:18px 0;
    padding:15px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    border:1px solid #e5c69f;
    border-radius:17px;
    background:#fff8ee;
  }
  .event-registration-panel[hidden],
  #eventRegistrationUrlGroup[hidden],
  #eventBoxOfficeGroup[hidden]{
    display:none!important;
  }
  .event-registration-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#faeadc;
    color:#8b4d25;
    font-size:1.15rem;
    font-weight:900;
  }
  .event-registration-copy strong,
  .event-registration-copy span{
    display:block;
  }
  .event-registration-copy strong{
    margin-bottom:3px;
  }
  .event-registration-copy span{
    color:var(--muted);
    font-size:.75rem;
    line-height:1.45;
  }
  .event-checkbox-row{
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:15px;
    background:var(--surface-soft);
    cursor:pointer;
  }
  .event-checkbox-row input{
    width:19px;
    height:19px;
    margin-top:2px;
    accent-color:var(--primary);
  }
  .event-checkbox-row span,
  .event-checkbox-row strong,
  .event-checkbox-row small{
    display:block;
  }
  .event-checkbox-row small{
    margin-top:4px;
    color:var(--muted);
    line-height:1.4;
  }

  @media(max-width:620px){
    #listingGrid .card-image,
    #helpGrid .card-image,
    #togetherGrid .activity-visual,
    #eventsGrid .event-card-visual,
    #listingGrid .card-image img,
    #helpGrid .card-image img,
    #togetherGrid .activity-visual img,
    #eventsGrid .event-card-visual img{
      height:220px;
      min-height:220px;
    }
    .price-row{
      align-items:stretch;
    }
    .listing-detail-actions,
    .event-registration-panel{
      grid-template-columns:1fr;
      width:100%;
    }
    .event-registration-panel .btn{
      width:100%;
    }
  }

/* ---- ursprünglich separater Style-Block ---- */

html.zusamo-large-text{
    font-size:17px;
  }
  html.zusamo-mobile-ui.zusamo-large-text{
    --zusamo-mobile-root-size:17.5px;
  }
  html.zusamo-reduce-motion,
  html.zusamo-reduce-motion *{
    scroll-behavior:auto !important;
  }
  html.zusamo-reduce-motion *,
  html.zusamo-reduce-motion *::before,
  html.zusamo-reduce-motion *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .settings-hub-hero{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:17px;
    padding:22px;
    margin-bottom:12px;
    border:1px solid #bdd5c6;
    border-radius:22px;
    background:
      radial-gradient(circle at 92% 8%,rgba(124,181,102,.16),transparent 26%),
      linear-gradient(135deg,#eaf5ee,#fffdf8);
    box-shadow:var(--shadow-soft);
  }
  .settings-hub-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:18px;
    background:var(--primary);
    color:#fff;
    font-size:1.45rem;
    box-shadow:0 12px 24px rgba(35,101,72,.2);
  }
  .settings-hub-hero span,
  .settings-section-kicker{
    display:block;
    color:var(--primary);
    font-size:.66rem !important;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
  }
  .settings-hub-hero h2{
    margin:3px 0 5px;
    font-size:1.45rem;
    letter-spacing:-.04em;
  }
  .settings-hub-hero p,
  .settings-section-head p{
    margin:0;
    color:var(--muted);
    font-size:.76rem;
    line-height:1.5;
  }
  .settings-quick-nav{
    display:flex;
    gap:7px;
    padding:8px;
    margin-bottom:16px;
    overflow-x:auto;
    border:1px solid var(--line);
    border-radius:17px;
    background:rgba(255,255,255,.86);
    scrollbar-width:none;
  }
  .settings-quick-nav::-webkit-scrollbar{
    display:none;
  }
  .settings-quick-nav button{
    flex:0 0 auto;
    min-height:37px;
    padding:8px 13px;
    border:1px solid transparent;
    border-radius:11px;
    background:transparent;
    color:#59675f;
    font-size:.69rem;
    font-weight:900;
  }
  .settings-quick-nav button:hover,
  .settings-quick-nav button:focus-visible{
    border-color:#c6d7cc;
    background:var(--primary-soft);
    color:var(--primary);
  }
  .settings-section{
    scroll-margin-top:22px;
  }
  .settings-section-head{
    align-items:flex-start;
  }
  .settings-section-head > div{
    min-width:0;
  }
  .settings-section-head h2{
    margin:4px 0 4px;
  }
  .settings-profile-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:16px;
    padding:16px;
    border:1px solid #c9dcd0;
    border-radius:18px;
    background:linear-gradient(135deg,#f2f8f4,#fff);
  }
  .settings-profile-avatar{
    width:68px;
    height:68px;
    border:4px solid #fff;
    border-radius:50%;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:var(--primary);
    color:#fff;
    font-size:1.3rem;
    font-weight:900;
    box-shadow:0 8px 20px rgba(35,101,72,.17);
  }
  .settings-profile-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .settings-profile-copy strong,
  .settings-profile-copy span,
  .settings-profile-copy small{
    display:block;
  }
  .settings-profile-copy strong{
    margin-bottom:3px;
    font-size:1rem;
  }
  .settings-profile-copy span{
    color:var(--primary);
    font-size:.74rem;
    font-weight:800;
  }
  .settings-profile-copy small{
    margin-top:5px;
    color:var(--muted);
    font-size:.66rem;
    line-height:1.4;
  }
  .settings-profile-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .settings-visibility-grid,
  .settings-protection-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:11px;
  }
  .settings-visibility-grid > div{
    padding:13px 14px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#fff;
  }
  .settings-visibility-grid p{
    margin:7px 0 0;
    color:var(--muted);
    font-size:.68rem;
    line-height:1.45;
  }
  .settings-visibility-label{
    display:inline-flex !important;
    padding:4px 8px;
    border-radius:999px;
    font-size:.62rem !important;
    font-weight:900;
  }
  .settings-visibility-label.is-public{
    color:var(--primary);
    background:var(--primary-soft);
  }
  .settings-visibility-label.is-private{
    color:#655d4e;
    background:#f1ede4;
  }
  .settings-profile-visibility-row{
    margin-top:10px;
  }
  .settings-inline-button{
    flex:0 0 auto;
    padding:8px 11px;
    border:1px solid #bdd1c4;
    border-radius:10px;
    background:#fff;
    color:var(--primary);
    font-size:.69rem;
    font-weight:900;
  }
  .settings-state-pill,
  .settings-count-pill{
    flex:0 0 auto;
    min-width:45px;
    padding:7px 10px;
    border-radius:999px;
    text-align:center;
    font-size:.68rem !important;
    font-weight:900;
  }
  .settings-state-pill.is-active,
  .settings-count-pill{
    color:var(--primary);
    background:var(--primary-soft);
  }
  .settings-state-pill.is-off{
    color:#944238;
    background:#f8e8e5;
  }
  .settings-message-subgrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding-left:15px;
    border-left:2px solid #dce8e0;
  }
  .settings-message-subgrid.is-disabled{
    opacity:.5;
  }
  .settings-message-subgrid .setting-row{
    min-height:86px;
  }
  .settings-section .radius-manual-setting select{
    min-width:145px;
  }
  .settings-protection-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .settings-protection-grid > div{
    padding:15px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--surface-soft);
  }
  .settings-protection-grid > div > span{
    width:37px;
    height:37px;
    display:grid;
    place-items:center;
    margin-bottom:10px;
    border-radius:12px;
    background:var(--primary-soft);
    color:var(--primary);
    font-size:.72rem;
    font-weight:900;
  }
  .settings-protection-grid strong{
    display:block;
    font-size:.76rem;
  }
  .settings-protection-grid p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:.66rem;
    line-height:1.45;
  }
  .settings-empty-state{
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px;
    border:1px dashed #c8d4cc;
    border-radius:16px;
    background:#fafcfb;
  }
  .settings-empty-state > span{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    flex:0 0 38px;
    border-radius:12px;
    background:var(--primary-soft);
    color:var(--primary);
    font-weight:900;
  }
  .settings-empty-state strong,
  .settings-empty-state p{
    display:block;
  }
  .settings-empty-state strong{
    font-size:.77rem;
  }
  .settings-empty-state p{
    margin:3px 0 0;
    color:var(--muted);
    font-size:.67rem;
  }
  .settings-account-actions{
    display:grid;
    gap:9px;
  }
  .settings-action-row{
    width:100%;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:13px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#fff;
    color:inherit;
    text-align:left;
    text-decoration:none;
  }
  .settings-action-row:hover{
    border-color:#afc8b8;
    background:#f8fbf9;
  }
  .settings-action-icon{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:var(--primary-soft);
    color:var(--primary);
    font-weight:900;
  }
  .settings-action-row strong,
  .settings-action-row small{
    display:block;
  }
  .settings-action-row strong{
    font-size:.78rem;
  }
  .settings-action-row small{
    margin-top:3px;
    color:var(--muted);
    font-size:.66rem;
    line-height:1.4;
  }
  .settings-action-row > b{
    color:#8a978f;
    font-size:1rem;
  }
  .settings-action-row.is-danger{
    border-color:#efccc6;
    color:#963d35;
    background:#fffafa;
  }
  .settings-action-row.is-danger .settings-action-icon{
    color:#963d35;
    background:#fbe9e6;
  }
  .settings-password-form{
    display:grid;
    gap:14px;
  }
  .settings-password-intro{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:14px;
    border:1px solid #cfe0d5;
    border-radius:15px;
    background:#f1f8f3;
  }
  .settings-password-intro > span{
    width:37px;
    height:37px;
    display:grid;
    place-items:center;
    flex:0 0 37px;
    border-radius:11px;
    background:var(--primary);
    color:#fff;
    font-weight:900;
  }
  .settings-password-intro strong{
    display:block;
    font-size:.8rem;
  }
  .settings-password-intro p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:.69rem;
    line-height:1.45;
  }
  .settings-password-error{
    color:#a23d34;
    font-size:.72rem;
    font-weight:800;
  }
  .settings-password-error:empty{
    display:none;
  }

  /* V169.1: jede Einstellung erhält eine eigene, klar zugeordnete Kachel. */
  .settings-topic-section.account-panel{
    padding:0;
    margin:0 0 31px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .settings-topic-section.account-danger-panel{
    border:0;
    background:transparent;
  }
  .settings-topic-section .settings-section-head{
    padding:0 3px;
    margin-bottom:12px;
  }
  .settings-topic-section .settings-section-head h2{
    color:var(--text);
  }
  .settings-topic-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .settings-span-full{
    grid-column:1 / -1;
  }
  .settings-item-card{
    min-width:0;
    border:1px solid #d9e1dc;
    border-radius:17px;
    background:#fff;
    box-shadow:0 8px 24px rgba(29,51,41,.055);
  }
  .setting-row.settings-item-card{
    min-height:98px;
    margin:0;
  }
  .setting-row.settings-item-card.is-disabled{
    opacity:.56;
    background:#f6f7f5;
  }
  .setting-row.settings-item-card.setting-master{
    min-height:82px;
    border-color:#b8d3c2;
    background:linear-gradient(135deg,#eef7f1,#fff);
  }
  .settings-profile-card.settings-item-card{
    margin:0;
    box-shadow:0 8px 24px rgba(29,51,41,.055);
  }
  .settings-profile-visibility-row{
    margin-top:0;
  }
  .settings-info-card{
    padding:16px;
  }
  .settings-info-card > strong{
    display:block;
    margin-top:11px;
    font-size:.8rem;
  }
  .settings-info-card p{
    margin:6px 0 0;
    color:var(--muted);
    font-size:.69rem;
    line-height:1.5;
  }
  .settings-note-card{
    display:grid;
    gap:4px;
    padding:13px 15px;
    border:1px solid #ead9b7;
    border-radius:15px;
    background:#fff8e9;
    color:#6b552f;
  }
  .settings-note-card strong{
    font-size:.72rem;
  }
  .settings-note-card span{
    font-size:.68rem;
    line-height:1.5;
  }
  .settings-protection-grid.settings-topic-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:0;
  }
  .settings-protection-grid > article{
    padding:15px;
    background:var(--surface-soft);
  }
  .settings-protection-grid > article > span{
    width:37px;
    height:37px;
    display:grid;
    place-items:center;
    margin-bottom:10px;
    border-radius:12px;
    background:var(--primary-soft);
    color:var(--primary);
    font-size:.72rem;
    font-weight:900;
  }
  .settings-protection-grid > article strong{
    display:block;
    font-size:.76rem;
  }
  .settings-protection-grid > article p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:.66rem;
    line-height:1.45;
  }
  .settings-account-actions.settings-topic-grid{
    gap:12px;
  }
  .settings-account-actions.settings-topic-grid .settings-action-row{
    min-height:88px;
  }
  .settings-topic-section .settings-empty-state{
    min-height:88px;
  }
  .settings-push-card{
    align-items:flex-start;
  }

  @media(max-width:760px){
    .settings-topic-grid,
    .settings-protection-grid.settings-topic-grid{
      grid-template-columns:1fr;
    }
    .settings-profile-card{
      grid-template-columns:auto minmax(0,1fr);
    }
    .settings-profile-actions{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:1fr 1fr;
    }
    .settings-message-subgrid,
    .settings-protection-grid{
      grid-template-columns:1fr;
    }
  }
  @media(max-width:560px){
    .settings-hub-hero{
      grid-template-columns:1fr;
      padding:18px;
    }
    .settings-hub-icon{
      width:50px;
      height:50px;
    }
    .settings-visibility-grid{
      grid-template-columns:1fr;
    }
    .settings-profile-card{
      grid-template-columns:1fr;
      text-align:center;
    }
    .settings-profile-avatar{
      margin:0 auto;
    }
    .settings-profile-actions{
      grid-column:auto;
      grid-template-columns:1fr;
      width:100%;
    }
    .settings-profile-actions .btn{
      width:100%;
    }
    .settings-section .setting-row{
      align-items:flex-start;
    }
    .settings-section .radius-manual-setting{
      flex-direction:column;
    }
    .settings-section .radius-manual-setting select{
      width:100%;
    }
    .settings-message-subgrid{
      padding-left:0;
      border-left:0;
    }
  }

/* ---- ursprünglich separater Style-Block ---- */

/* V103: ruhige, kompakte Ortsneuigkeiten */
  .home-news-stage{grid-template-columns:42px minmax(0,1fr) 42px;gap:10px}
  .home-news-nav{width:42px;height:42px;border-radius:14px}
  .home-news-slide{
    min-height:240px;
    grid-template-columns:minmax(0,1.5fr) minmax(210px,.5fr);
    border-radius:20px;
  }
  .home-news-content{padding:24px 28px}
  .home-news-content h3{
    margin:12px 0 8px;
    max-width:660px;
    font-size:clamp(1.25rem,2vw,1.75rem);
    line-height:1.18;
    letter-spacing:-.025em;
  }
  .home-news-content p{max-width:660px;font-size:.86rem;line-height:1.5}
  .home-news-read{padding-top:11px;font-size:.82rem}
  .home-news-visual,.home-news-visual img{min-height:240px}
  .home-news-visual span{font-size:4rem}
  @media(max-width:760px){
    .home-news-stage{grid-template-columns:1fr}
    .home-news-nav{display:none}
    .home-news-slide{min-height:0;grid-template-columns:1fr}
    .home-news-content{padding:20px}
    .home-news-visual,.home-news-visual img{min-height:140px;height:140px}
  }

/* ---- ursprünglich separater Style-Block ---- */

/* V105: Ortsneuigkeiten auf kleinen Bildschirmen */
  @media(max-width:760px){
    .home-news-catalog,
    .home-news-stage,
    .home-news-slide,
    .home-news-content,
    .news-view,
    .news-page-hero,
    .news-page-hero-row,
    .news-archive-section,
    .news-archive-grid,
    .news-archive-card{
      min-width:0;
      max-width:100%;
      box-sizing:border-box;
    }
    .home-news-catalog{
      width:100%;
      padding:10px;
      border-radius:20px;
      overflow:hidden;
    }
    .home-news-catalog-head{
      padding:5px 4px 12px;
      gap:8px;
    }
    .home-news-catalog-head h3{font-size:1.05rem}
    .home-news-all{font-size:.72rem}
    .home-news-stage{
      width:100%;
      display:block;
    }
    .home-news-nav{display:none!important}
    .home-news-slide{
      width:100%;
      display:flex;
      flex-direction:column;
      overflow:hidden;
      border-radius:17px;
    }
    .home-news-visual{
      order:0;
      width:100%;
      height:120px;
      min-height:120px!important;
    }
    .home-news-visual img{
      width:100%;
      height:120px;
      min-height:120px!important;
      object-fit:cover;
    }
    .home-news-visual span{font-size:2.8rem}
    .home-news-content{
      order:1;
      width:100%;
      padding:16px;
      overflow:hidden;
    }
    .home-news-meta{gap:6px;font-size:.65rem}
    .home-news-category{padding:5px 8px;font-size:.59rem}
    .home-news-content h3{
      width:100%;
      margin:10px 0 7px;
      font-size:1.15rem!important;
      line-height:1.22;
      overflow-wrap:anywhere;
      letter-spacing:-.02em;
    }
    .home-news-content p{
      width:100%;
      font-size:.78rem;
      line-height:1.45;
      overflow-wrap:anywhere;
    }
    .home-news-read{padding-top:10px;font-size:.75rem}
    .home-news-footer{padding-top:10px}

    .news-view{width:100%;padding:16px 12px 60px}
    .news-page-hero{padding:18px 15px;border-radius:20px}
    .news-page-hero .back-home-button{margin-bottom:16px}
    .news-page-hero-row{display:grid;grid-template-columns:1fr;gap:16px}
    .news-page-hero h1{
      margin:7px 0 9px;
      font-size:1.75rem;
      line-height:1.08;
      overflow-wrap:anywhere;
    }
    .news-page-hero p{font-size:.8rem;line-height:1.5}
    .news-source-status{width:100%;min-width:0;max-width:100%;padding:13px}
    .news-archive-section{margin-top:18px}
    .news-archive-head{align-items:flex-start;gap:8px}
    .news-archive-head h2{font-size:1.2rem}
    .news-archive-grid{display:grid;grid-template-columns:1fr;gap:13px}
    .news-archive-card{width:100%;border-radius:17px}
    .news-archive-visual{height:125px}
    .news-archive-body{padding:14px}
    .news-archive-body h3{
      margin:9px 0 6px;
      font-size:.96rem;
      overflow-wrap:anywhere;
    }
    .news-archive-body p{font-size:.75rem;line-height:1.45}

    .news-detail-modal{width:calc(100vw - 20px);max-height:92dvh}
    .news-detail-visual{min-height:135px;height:135px}
    .news-detail-body{padding:17px}
    .news-detail-body h2{font-size:1.3rem;overflow-wrap:anywhere}
    .news-detail-summary,.news-detail-text{font-size:.82rem;overflow-wrap:anywhere}
  }
  @media(max-width:390px){
    .home-news-catalog{padding:7px}
    .home-news-content{padding:14px}
    .home-news-visual,.home-news-visual img{height:105px;min-height:105px!important}
    .news-view{padding-inline:9px}
  }

/* ---- ursprünglich separater Style-Block ---- */

.report-link{
    display:block;
    width:max-content;
    margin:14px auto 0;
    border:0;
    background:transparent;
    color:#9b443b;
    font:inherit;
    font-size:.76rem;
    font-weight:850;
    text-decoration:underline;
    text-underline-offset:3px;
    cursor:pointer;
  }
  .report-link:hover{color:#762f29}
  .report-target-summary{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border:1px solid #eadbd7;
    border-radius:15px;
    background:#fff9f7;
  }
  .report-target-summary > span{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    background:#f8e8e4;
    color:#a1473e;
    font-size:1.1rem;
  }
  .report-target-summary div{display:grid;gap:2px}
  .report-target-summary small{color:var(--muted);font-size:.72rem}
  .report-honesty-note{font-size:.73rem;line-height:1.5}
  .report-evidence-picker{
    display:flex;align-items:center;gap:11px;padding:13px 14px;
    border:1px dashed #b9d1c4;border-radius:14px;background:#f5faf7;cursor:pointer
  }
  .report-evidence-picker > span{
    display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;
    border-radius:11px;background:#e4f2ea;color:#287657;font-size:1.1rem
  }
  .report-evidence-picker strong,.report-evidence-picker small{display:block}
  .report-evidence-picker small{margin-top:2px;color:#718078;font-size:.72rem}
  .report-evidence-preview{position:relative;margin-top:10px}
  .report-evidence-preview img{
    display:block;width:100%;max-height:230px;object-fit:contain;
    border:1px solid #d7e2dc;border-radius:14px;background:#f4f6f5
  }
  .report-evidence-preview button{
    position:absolute;right:8px;bottom:8px;padding:8px 10px;border:0;
    border-radius:10px;background:#fff;color:#98453d;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer
  }
  .admin-report-evidence{
    display:block;width:min(100%,620px);max-height:340px;margin-top:12px;
    object-fit:contain;border:1px solid #d7e2dc;border-radius:14px;background:#eef2f0
  }
  .message-report-button{
    display:block;
    margin:7px 0 0 auto;
    padding:0;
    border:0;
    background:transparent;
    color:#9a5b54;
    font-size:.66rem;
    font-weight:800;
    cursor:pointer;
    text-decoration:underline;
    text-underline-offset:2px;
  }
  @media(max-width:620px){
    .report-content-modal{width:calc(100vw - 18px)}
    .report-content-modal .form-actions{grid-template-columns:1fr}
  }

/* ---- ursprünglich separater Style-Block ---- */

.admin-moderation-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
  }
  .admin-moderation-stat{
    padding:16px;
    border:1px solid #dfe8df;
    border-radius:18px;
    background:#fff;
  }
  .admin-moderation-stat strong{display:block;font-size:1.65rem;color:#246d52}
  .admin-moderation-stat span{color:#66736d;font-size:.9rem}
  .admin-moderation-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
  .admin-moderation-filter{
    border:1px solid #d9e2dc;
    border-radius:999px;
    background:#fff;
    color:#30443b;
    padding:10px 14px;
    font:inherit;
    font-weight:800;
    cursor:pointer;
  }
  .admin-moderation-filter.active{background:#287657;color:#fff;border-color:#287657}
  .admin-report-list{display:grid;gap:14px}
  .admin-report-card{
    border:1px solid #dce5df;
    border-radius:20px;
    background:#fff;
    padding:18px;
    box-shadow:0 12px 34px rgba(43,77,61,.07);
  }
  .admin-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
  .admin-report-head h3{margin:3px 0 4px;font-size:1.08rem}
  .admin-report-meta{color:#6b7771;font-size:.88rem}
  .admin-report-status{
    flex:0 0 auto;
    border-radius:999px;
    padding:7px 10px;
    background:#eef4f0;
    color:#32674f;
    font-size:.78rem;
    font-weight:900;
  }
  .admin-report-status.open{background:#fff0dc;color:#92581d}
  .admin-report-status.reviewing{background:#e6f0ff;color:#315d91}
  .admin-report-status.resolved{background:#e4f4ea;color:#236647}
  .admin-report-status.dismissed{background:#f1f1f1;color:#666}
  .admin-report-body{margin-top:14px;padding:14px;border-radius:15px;background:#f7faf8}
  .admin-report-body p{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}
  .admin-report-body p:last-child{margin-bottom:0}
  .admin-report-label{color:#65736c;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
  .admin-report-note{width:100%;min-height:82px;margin-top:14px;padding:12px 14px;border:1px solid #d7e1da;border-radius:14px;font:inherit;resize:vertical}
  .admin-report-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
  .admin-report-actions button{
    border:1px solid #d7e1da;
    border-radius:12px;
    background:#fff;
    padding:10px 13px;
    color:#274c3b;
    font:inherit;
    font-weight:850;
    cursor:pointer;
  }
  .admin-report-actions button[data-admin-status="reviewing"]{background:#edf4ff;color:#315d91}
  .admin-report-actions button[data-admin-status="resolved"]{background:#287657;color:#fff;border-color:#287657}
  .admin-report-actions button[data-admin-status="dismissed"]{color:#8d433c}
  .admin-report-actions .admin-test-report-delete{background:#fff1ef;color:#9b3028;border-color:#efbbb5}
  .password-press-wrap{position:relative}
  .password-press-wrap>input{padding-right:48px!important}
  .password-press-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#53635b;display:grid;place-items:center;cursor:pointer;font-size:1.05rem;touch-action:none}
  .password-press-eye:hover,.password-press-eye:focus-visible{background:#eef4f0;color:#285b48;outline:none}
  .account-menu-button.signed-out{width:auto;min-width:88px;border-radius:999px;padding:0 14px;background:#fff;color:#285b48;font-size:.78rem;font-weight:800}
  .account-menu-button.signed-out #headerAccountInitial{display:block}
  .admin-dashboard-loading{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;padding:28px;border:1px solid #d9e4dd;border-radius:20px;background:linear-gradient(135deg,#fbfdfb,#f1f7f3);color:#44544c}
  .admin-dashboard-loading strong,.admin-dashboard-loading span{display:block}
  .admin-dashboard-loading span{margin-top:4px;color:#6c7972;font-size:.88rem}
  .admin-dashboard-spinner{width:30px;height:30px;margin:0!important;border:3px solid #d5e4da;border-top-color:#287657;border-radius:50%;animation:adminDashboardSpin .8s linear infinite}
  .admin-dashboard-skeleton{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px}
  .admin-dashboard-skeleton i{display:block;height:54px;border-radius:13px;background:linear-gradient(90deg,#e5eee8 25%,#f7faf8 50%,#e5eee8 75%);background-size:200% 100%;animation:adminDashboardShimmer 1.3s ease-in-out infinite}
  @keyframes adminDashboardSpin{to{transform:rotate(360deg)}}
  @keyframes adminDashboardShimmer{to{background-position:-200% 0}}
  @media(max-width:700px){.admin-dashboard-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(prefers-reduced-motion:reduce){.admin-dashboard-spinner,.admin-dashboard-skeleton i{animation:none}}
  .admin-report-actions button:disabled{opacity:.55;cursor:wait}
  .admin-account-controls{
    margin-top:16px;
    padding:15px;
    border:1px solid #eadfd2;
    border-radius:16px;
    background:#fffaf4;
  }
  .admin-account-controls-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
  }
  .admin-account-controls-head strong{color:#603f2c}
  .admin-account-state{
    border-radius:999px;
    padding:6px 9px;
    background:#edf4ef;
    color:#32674f;
    font-size:.76rem;
    font-weight:900;
  }
  .admin-account-state.suspended{background:#fff0dc;color:#92581d}
  .admin-account-state.banned{background:#ffe7e3;color:#9a3f36}
  .admin-account-reason{
    width:100%;
    padding:11px 13px;
    border:1px solid #ded7ce;
    border-radius:12px;
    background:#fff;
    font:inherit;
  }
  .admin-account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
  .admin-account-actions button{
    border:1px solid #dfd4c8;
    border-radius:11px;
    background:#fff;
    padding:9px 11px;
    color:#694637;
    font:inherit;
    font-weight:850;
    cursor:pointer;
  }
  .admin-account-actions button[data-account-status="banned"]{color:#a13d35;border-color:#e8bbb5}
  .admin-account-actions button[data-confirmed="true"]{background:#a13d35;color:#fff;border-color:#a13d35}
  .admin-account-actions button[data-account-status="active"]{color:#246b4e;border-color:#bcd9ca}
  .admin-account-actions button:disabled{opacity:.55;cursor:wait}
  .admin-moderation-message{padding:28px;border:1px dashed #ccd8d0;border-radius:18px;text-align:center;color:#637069}
  .admin-menu-item[hidden],.admin-sidebar-item[hidden]{display:none!important}
  @media(max-width:760px){
    .admin-moderation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .admin-report-head{display:block}
    .admin-report-status{display:inline-block;margin-top:9px}
    .admin-report-actions{display:grid;grid-template-columns:1fr}
    .admin-report-actions button{width:100%}
    .admin-account-actions{display:grid;grid-template-columns:1fr}
    .admin-account-actions button{width:100%}
  }

/* ---- ursprünglich separater Style-Block ---- */

.admin-news-toolbar{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    margin-bottom:18px;
  }
  .admin-news-toolbar select{
    min-height:44px;
    border:1px solid #d8e2db;
    border-radius:13px;
    background:#fff;
    padding:0 38px 0 13px;
    color:#30443b;
    font:inherit;
    font-weight:750;
  }
  .admin-news-source-list{display:grid;gap:10px;margin-bottom:18px}
  .admin-news-source{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    padding:14px 16px;
    border:1px solid #dce5df;
    border-radius:16px;
    background:#f8fbf9;
  }
  .admin-news-source strong,.admin-news-source span{display:block}
  .admin-news-source span{margin-top:3px;color:#68766f;font-size:.84rem}
  .admin-news-source .admin-news-source-error{color:#6f786f;font-weight:700}
  .admin-news-source button{
    flex:0 0 auto;
    border:1px solid #bfd7ca;
    border-radius:11px;
    background:#fff;
    padding:9px 11px;
    color:#276b4e;
    font:inherit;
    font-weight:850;
    cursor:pointer;
  }
  .admin-news-list{display:grid;gap:13px}
  .admin-news-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    padding:17px;
    border:1px solid #dce5df;
    border-radius:19px;
    background:#fff;
    box-shadow:0 10px 28px rgba(43,77,61,.06);
  }
  .admin-news-card h3{margin:4px 0 6px;font-size:1.05rem}
  .admin-news-card p{margin:0;color:#58675f;line-height:1.5}
  .admin-news-card-meta{color:#748079;font-size:.82rem}
  .admin-news-state{
    display:inline-flex;
    width:max-content;
    margin-top:10px;
    padding:6px 9px;
    border-radius:999px;
    background:#e8f4ed;
    color:#276b4e;
    font-size:.75rem;
    font-weight:900;
  }
  .admin-news-state.hidden{background:#fff0dc;color:#92581d}
  .admin-news-state.blocked{background:#ffe7e3;color:#9a3f36}
  .admin-news-controls{width:255px}
  .admin-news-controls input{
    width:100%;
    padding:10px 12px;
    border:1px solid #d8e2db;
    border-radius:11px;
    font:inherit;
  }
  .admin-news-actions{display:grid;gap:8px;margin-top:9px}
  .admin-news-actions button{
    border:1px solid #d7e1da;
    border-radius:11px;
    background:#fff;
    padding:9px 11px;
    color:#315d49;
    font:inherit;
    font-weight:850;
    cursor:pointer;
  }
  .admin-news-actions button[data-news-state="blocked"]{color:#9a3f36;border-color:#e6bbb5}
  .admin-news-actions button[data-confirmed="true"]{background:#9a3f36;color:#fff;border-color:#9a3f36}
  .admin-news-actions button:disabled,.admin-news-source button:disabled{opacity:.55;cursor:wait}
  @media(max-width:760px){
    .admin-news-card{grid-template-columns:1fr}
    .admin-news-controls{width:100%}
    .admin-news-source{align-items:flex-start;flex-direction:column}
    .admin-news-source button{width:100%}
    .admin-news-toolbar select{width:100%}
  }

/* ---- ursprünglich separater Style-Block ---- */

.admin-dashboard-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
    margin-bottom:18px
  }
  .admin-dashboard-card{
    display:flex;
    align-items:center;
    gap:13px;
    min-height:112px;
    padding:17px;
    border:1px solid #dce6df;
    border-radius:19px;
    background:#fff;
    color:#21372d;
    text-align:left;
    cursor:pointer;
    box-shadow:0 10px 30px rgba(39,79,59,.06)
  }
  .admin-dashboard-card:hover{border-color:#a9cdbb;transform:translateY(-1px)}
  .admin-dashboard-card.clear{
    border-color:#b9dcca;background:linear-gradient(145deg,#fff,#f1faf5)
  }
  .admin-dashboard-card.attention{
    border-color:#e7aaa4;background:linear-gradient(145deg,#fff,#fff0ee);
    box-shadow:0 12px 34px rgba(167,66,55,.14)
  }
  .admin-dashboard-card.attention .admin-dashboard-card-icon{
    background:#fbe1de;color:#a13f36
  }
  .admin-dashboard-card.attention strong{color:#a13f36}
  .admin-dashboard-card-state{
    margin-top:5px!important;color:#287657!important;font-size:.72rem!important;font-weight:900
  }
  .admin-dashboard-card.attention .admin-dashboard-card-state{color:#a13f36!important}
  .admin-dashboard-card-icon{
    display:grid;
    place-items:center;
    width:44px;height:44px;flex:0 0 44px;
    border-radius:14px;background:#e8f3ed;color:#287657;font-size:1.1rem
  }
  .admin-dashboard-card strong{display:block;font-size:1.65rem;color:#246d52}
  .admin-dashboard-card span{display:block;color:#64736b;font-size:.84rem}
  .admin-dashboard-sections{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
  .admin-dashboard-panel{
    padding:18px;border:1px solid #dce6df;border-radius:20px;background:#fff
  }
  .admin-dashboard-panel h2{margin:0 0 14px;font-size:1.08rem}
  .admin-dashboard-list{display:grid;gap:9px}
  .admin-dashboard-row{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:11px 12px;border-radius:13px;background:#f6f9f7
  }
  .admin-dashboard-row strong,.admin-dashboard-row span{display:block}
  .admin-dashboard-row small{color:#718078}
  .admin-dashboard-status{
    flex:0 0 auto;padding:6px 9px;border-radius:999px;
    background:#e8f3ed;color:#286c50;font-size:.72rem;font-weight:900
  }
  .admin-dashboard-status.warning{background:#fff0dc;color:#92581d}
  .admin-dashboard-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
  .admin-dashboard-links button{
    padding:11px 14px;border:1px solid #cfe0d7;border-radius:12px;
    background:#fff;color:#246d52;font:inherit;font-weight:850;cursor:pointer
  }
  /* Für Administratoren gibt es im normalen Menü nur einen einzigen Einstieg.
     Die Detailbereiche bleiben über das zentrale Dashboard erreichbar. */
  .admin-menu-item,
  .admin-sidebar-item,
  .admin-news-menu-item,
  .admin-news-sidebar-item{display:none!important}
  .admin-dashboard-menu-item,
  .admin-dashboard-sidebar-item{display:flex!important}
  .admin-live-note{
    display:flex;align-items:center;gap:8px;margin:0 0 15px;padding:10px 12px;
    border:1px solid #cfe1d7;border-radius:13px;background:#f1f8f4;
    color:#426253;font-size:.82rem
  }
  .admin-live-dot{
    width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#27a46d;
    box-shadow:0 0 0 4px rgba(39,164,109,.12)
  }
  .admin-live-dot.offline{background:#b46740;box-shadow:0 0 0 4px rgba(180,103,64,.12)}

  .message-notification-popover{
    position:fixed;z-index:1500;width:min(390px,calc(100vw - 22px));
    max-height:min(560px,calc(100dvh - 90px));overflow:auto;
    padding:12px;border:1px solid #dce5df;border-radius:20px;background:#fff;
    box-shadow:0 22px 70px rgba(24,48,37,.24)
  }
  .message-notification-popover[hidden]{display:none!important}
  .message-notification-head{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:5px 5px 11px
  }
  .message-notification-head strong{font-size:1rem}
  .message-notification-close{
    width:34px;height:34px;border:0;border-radius:11px;background:#f2f5f3;
    color:#40534a;font-size:1.1rem;cursor:pointer
  }
  .message-notification-list{display:grid;gap:7px}
  .message-notification-item{
    display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;
    width:100%;padding:11px;border:0;border-radius:14px;background:#f4f9f6;
    color:#24372e;text-align:left;cursor:pointer
  }
  .message-notification-avatar{
    display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
    background:#287657;color:#fff;font-weight:900
  }
  .message-notification-copy{min-width:0}
  .message-notification-copy strong{
    display:flex;align-items:center;justify-content:space-between;gap:8px
  }
  .message-notification-kind{
    color:#9c433a;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em
  }
  .message-notification-copy span,.message-notification-copy small{
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
  }
  .message-notification-copy span{margin-top:3px;color:#53645b;font-size:.83rem}
  .message-notification-copy small{margin-top:4px;color:#7b8781;font-size:.7rem}
  .message-notification-all{
    width:100%;margin-top:9px;padding:11px;border:0;border-radius:13px;
    background:#287657;color:#fff;font:inherit;font-weight:900;cursor:pointer
  }
  @media(max-width:820px){
    .admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .admin-dashboard-sections{grid-template-columns:1fr}
  }
  @media(max-width:520px){
    .admin-dashboard-grid{grid-template-columns:1fr}
    .admin-dashboard-card{min-height:86px}
    .message-notification-popover{left:11px!important;right:11px!important;top:76px!important;width:auto}
  }

/* ---- ursprünglich separater Style-Block ---- */

/* V122: heutige Meldungen zuerst und sichtbare mobile Karussell-Steuerung */
  .news-older-actions{
    display:flex;
    justify-content:center;
    padding:24px 0 4px;
  }
  .news-older-actions[hidden]{
    display:none!important;
  }
  .news-older-actions .btn{
    min-width:250px;
  }

  @media(max-width:760px){
    .home-news-stage,
    html.zusamo-mobile-ui .home-news-stage{
      position:relative;
      display:block;
    }
    .home-news-nav,
    html.zusamo-mobile-ui .home-news-nav{
      display:grid!important;
      position:absolute;
      z-index:8;
      top:60px;
      width:40px!important;
      height:48px!important;
      place-items:center;
      border:2px solid rgba(255,255,255,.92);
      border-radius:14px!important;
      background:rgba(31,105,78,.96);
      color:#fff;
      font-size:1.65rem;
      line-height:1;
      opacity:1;
      box-shadow:0 8px 22px rgba(20,62,47,.25);
    }
    #homeNewsPrev{
      left:8px;
    }
    #homeNewsNext{
      right:8px;
    }
    .home-news-nav:disabled,
    html.zusamo-mobile-ui .home-news-nav:disabled{
      display:none!important;
    }
    .news-older-actions .btn{
      width:100%;
      min-width:0;
    }
  }

/* ---- ursprünglich separater Style-Block ---- */

.moderation-queue-grid{display:grid;gap:17px}
  .moderation-queue-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}
  .moderation-queue-visual{width:150px;height:150px;border-radius:17px;display:grid;place-items:center;overflow:hidden;background:#edf3ef;color:#5c6b63;font-size:2rem}
  .moderation-queue-visual img{width:100%;height:100%;object-fit:cover}
  .moderation-queue-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.moderation-queue-head h3{margin:0 0 4px}.moderation-queue-meta{color:var(--muted);font-size:.78rem}.moderation-queue-reason{margin:13px 0;padding:11px 13px;border-radius:13px;background:#fff5e8;color:#754f1d}
  .moderation-queue-description{white-space:pre-wrap;line-height:1.55}.moderation-queue-note{width:100%;min-height:75px;margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:13px;font:inherit}
  .moderation-standard-reason{width:100%;margin-top:12px;padding:11px 38px 11px 12px;border:1px solid var(--line);border-radius:13px;background:#f8fbf9;color:#294b3a;font:inherit;font-weight:750}
  .moderation-queue-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.moderation-queue-actions button{border:1px solid var(--line);border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer}.moderation-approve{background:#287657;color:#fff!important;border-color:#287657!important}.moderation-reject{background:#fff0ed;color:#963b32!important;border-color:#efbbb5!important}
  .admin-direct-review{width:100%;margin-top:12px;border-color:#d48628!important;background:#fff6e8!important;color:#784710!important;font-weight:850!important}
  .header-moderation-alert{position:relative}
  .header-moderation-alert strong{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#fff;color:#b52f29;font-size:.68rem;line-height:14px;text-align:center;box-sizing:border-box}
  @media(max-width:650px){.moderation-queue-card{grid-template-columns:1fr}.moderation-queue-visual{width:100%;height:220px}}

/* ---- ursprünglich separater Style-Block ---- */

.app-chat-media-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
  .app-chat-media-tools[hidden]{display:none!important}
  #chatMediaStatus{font-size:.84rem;color:#49635b}
  .direct-chat-image{display:block;width:min(280px,100%);max-height:320px;object-fit:cover;border-radius:12px;margin:7px 0}
  .direct-chat-voice{display:flex;align-items:center;gap:10px;min-width:min(285px,72vw);margin:8px 0;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,#edf7f2,#e4f1ec);border:1px solid #c7dfd5}
  .direct-bubble-row.own .direct-chat-voice{background:linear-gradient(135deg,#d9eee5,#cde6dc);border-color:#aed2c2}
  .direct-chat-voice audio{display:none}.direct-chat-voice-play{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;background:#087a5b;color:#fff;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #087a5b35}
  .direct-chat-voice-main{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-width:0;flex:1}.direct-chat-voice-main>span{font-size:.82rem;font-weight:850;color:#164c3d}.direct-chat-voice-progress{--voice-progress:0%;position:relative;grid-column:1/-1;width:100%;height:14px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none;user-select:none}.direct-chat-voice-progress::before{content:"";position:absolute;left:0;right:0;top:5px;height:4px;border-radius:999px;background:#b9c8c2}.direct-chat-voice-progress>span{position:absolute;left:0;top:5px;width:var(--voice-progress);height:4px;border-radius:999px;background:#087a5b}.direct-chat-voice-progress>span::after{content:"";position:absolute;right:-6px;top:-4px;width:12px;height:12px;border-radius:50%;background:#087a5b;opacity:clamp(0,var(--voice-progress),1)}.direct-chat-voice-time{font-size:.7rem;color:#60766e;white-space:nowrap}
  .app-photo-source-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}
  .app-push-card{position:fixed;left:14px;right:14px;bottom:14px;z-index:50;max-width:520px;margin:auto;padding:14px;border:1px solid #bdd9ce;border-radius:16px;background:#fff;box-shadow:0 12px 35px #173d3029;display:flex;align-items:center;gap:12px}
  .app-push-card[hidden]{display:none!important}.app-push-card div{flex:1}.app-push-card strong,.app-push-card small{display:block}.app-push-card small{margin-top:3px;color:#60716a}
  #reportDirectConversationButton{margin-left:auto;white-space:nowrap}
  @media(max-width:640px){#reportDirectConversationButton{font-size:.78rem;padding:7px 9px}.direct-chat-modal .modal-head{gap:6px}}

/* ---- ursprünglich separater Style-Block ---- */

/* Öffentlich gibt es nur eine Liste mit konkreten Hilfegesuchen. */
  .help-toolbar .field-shell[hidden]{display:none!important}
  .help-toolbar{grid-template-columns:minmax(240px,1fr) minmax(210px,280px)!important}

  /* Offene Bewertungen bleiben kompakt und eindeutig je Vorgang. */
  .conversation-review-group{
    margin:10px 0;
    border:1px solid #e5cf9d;
    border-radius:16px;
    background:#fffaf0;
    overflow:hidden;
  }
  .conversation-review-group > summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    color:#755515;
    cursor:pointer;
    font-size:.78rem;
    font-weight:900;
    list-style:none;
  }
  .conversation-review-group > summary::-webkit-details-marker{display:none}
  .conversation-review-group > summary::after{content:"⌄";margin-left:4px}
  .conversation-review-group[open] > summary::after{content:"⌃"}
  .conversation-review-group > summary strong{
    order:2;
    min-width:25px;
    padding:3px 7px;
    border-radius:999px;
    background:#f5e4b9;
    text-align:center;
  }
  .conversation-review-group .conversation-review-context-list{
    margin:0;
    padding:0 10px 10px;
  }
  .conversation-review-period{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:.67rem;
    font-weight:750;
  }

  .conversation-action-required{
    border-color:#e3c27b;
    background:#fffaf0;
  }
  .conversation-action-required .central-request-status{
    color:#785613;
    background:#f6e7bd;
  }

  /* Die beiden Aktionen im Hilfe-Detail waren durch eine Flex-Basis auf
     Mobilgeräten unnötig hoch. */
  html.zusamo-mobile-ui #helpDetailBackdrop .help-contact-row{
    gap:9px;
  }
  html.zusamo-mobile-ui #helpDetailBackdrop .help-contact-row .btn{
    flex:0 0 auto!important;
    width:100%;
    min-height:46px;
    padding:11px 14px;
  }

  /* Eigene Hilfegesuche zeigen vereinbarte Hilfe und den Abschluss direkt in
     derselben Karte, ohne den Vorgang unten ein zweites Mal aufzuführen. */
  .account-help-row.owner-lending-card .account-list-copy{
    min-width:0;
  }
  .account-help-row.owner-lending-card .account-list-copy > strong{
    overflow-wrap:anywhere;
  }
  .account-help-row .account-status.agreed{
    color:#1f6e49;
    background:#e4f3eb;
  }
  .account-help-row .account-help-capacity.full.agreed{
    color:#1f6e49;
  }
  .account-help-own-agreements{
    grid-column:1/-1;
    display:grid;
    gap:9px;
    width:100%;
    min-width:0;
    margin-top:2px;
  }
  .account-help-own-agreement{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(220px,auto);
    align-items:center;
    gap:12px;
    padding:12px;
    border:1px solid #dce9e2;
    border-radius:15px;
    background:#f5faf7;
  }
  .account-help-own-agreement.action-required{
    border-color:#e3c27b;
    background:#fffaf0;
  }
  .account-help-own-agreement-copy{
    min-width:0;
  }
  .account-help-own-agreement-copy strong,
  .account-help-own-agreement-copy span{
    display:block;
  }
  .account-help-own-agreement-copy strong{
    margin-bottom:4px;
    color:var(--text);
    font-size:.8rem;
  }
  .account-help-own-agreement-copy span{
    color:var(--muted);
    font-size:.7rem;
    line-height:1.45;
  }
  .account-help-complete-button{
    width:100%;
    min-width:0!important;
    min-height:40px;
    padding:9px 12px;
    white-space:normal;
    line-height:1.25;
  }

  @media(max-width:700px){
    html.zusamo-mobile-ui .account-help-row.owner-lending-card,
    .account-help-row.owner-lending-card{
      grid-template-columns:52px minmax(0,1fr)!important;
      align-items:start;
      gap:12px!important;
      padding:14px!important;
    }
    html.zusamo-mobile-ui .account-help-row.owner-lending-card .account-help-image,
    .account-help-row.owner-lending-card .account-help-image{
      grid-column:1!important;
      grid-row:1!important;
      width:52px!important;
      height:52px!important;
      border-radius:15px;
    }
    html.zusamo-mobile-ui .account-help-row.owner-lending-card .account-list-copy,
    .account-help-row.owner-lending-card .account-list-copy{
      grid-column:2!important;
      grid-row:1!important;
      width:100%;
      min-width:0;
    }
    html.zusamo-mobile-ui .account-help-row.owner-lending-card .account-help-entry-actions,
    .account-help-row.owner-lending-card .account-help-entry-actions{
      grid-column:1/-1!important;
      grid-row:2!important;
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:8px;
      width:100%;
      min-width:0;
      align-items:stretch;
    }
    html.zusamo-mobile-ui .account-help-entry-actions .account-status,
    .account-help-entry-actions .account-status{
      grid-column:1/-1!important;
      width:max-content!important;
      max-width:100%;
      justify-self:start;
      padding:6px 9px;
    }
    html.zusamo-mobile-ui .account-help-entry-actions .pill-delete,
    html.zusamo-mobile-ui .account-help-entry-actions .pill-edit,
    .account-help-entry-actions .pill-delete,
    .account-help-entry-actions .pill-edit{
      width:100%;
      min-width:0!important;
      padding:9px 10px;
    }
    html.zusamo-mobile-ui .account-help-own-agreements,
    .account-help-own-agreements{
      grid-column:1/-1!important;
      grid-row:3!important;
      margin-top:0;
    }
    .account-help-own-agreement{
      grid-template-columns:1fr;
      gap:9px;
      padding:11px;
    }
    .account-help-complete-button{
      min-height:42px;
    }
  }

  /* Bestätigte Teilnahmen bleiben auf dem Handy eine breite, klar lesbare
     Karte statt durch die allgemeine Dashboard-Anordnung gequetscht zu werden. */
  .activity-participation-card.owner-lending-card{
    grid-template-columns:72px minmax(0,1fr) minmax(150px,auto);
    align-items:start;
    gap:14px;
  }
  .activity-participation-card .account-activity-image{
    grid-column:1;
    grid-row:1;
  }
  .activity-participation-card .account-list-copy{
    grid-column:2;
    grid-row:1;
    min-width:0;
  }
  .activity-participation-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    margin-bottom:8px;
  }
  .activity-participation-heading > strong{
    min-width:0;
    margin:0!important;
    overflow-wrap:break-word;
  }
  .activity-participation-heading .account-status{
    flex:0 0 auto;
    width:auto!important;
    padding:6px 9px;
  }
  .activity-participation-card .activity-participation-date{
    display:block;
    color:#596860;
    font-size:.79rem;
    font-weight:800;
    line-height:1.45;
  }
  .activity-participation-card .activity-participation-host{
    display:block;
    margin-top:5px;
    color:var(--muted);
    font-size:.75rem;
    line-height:1.4;
  }
  .activity-participation-card .activity-participation-host strong{
    display:inline;
    margin:0;
    color:var(--text);
    font-size:inherit;
  }
  .activity-participation-card .activity-participation-actions{
    grid-column:3;
    grid-row:1;
    width:100%;
    min-width:150px;
    align-items:stretch;
  }
  .activity-participation-actions button{
    width:100%;
    min-width:0!important;
    min-height:38px;
    padding:8px 11px;
    white-space:normal;
    line-height:1.25;
  }

  @media(max-width:620px){
    .help-toolbar{grid-template-columns:1fr!important}
    html.zusamo-mobile-ui .activity-participation-card.owner-lending-card,
    .activity-participation-card.owner-lending-card{
      grid-template-columns:52px minmax(0,1fr)!important;
      gap:12px;
      padding:14px!important;
    }
    html.zusamo-mobile-ui .activity-participation-card .account-activity-image,
    .activity-participation-card .account-activity-image{
      grid-column:1!important;
      grid-row:1!important;
      width:52px!important;
      height:52px!important;
      border-radius:15px;
    }
    html.zusamo-mobile-ui .activity-participation-card .account-list-copy,
    .activity-participation-card .account-list-copy{
      grid-column:2!important;
      grid-row:1!important;
      width:100%;
      min-width:0;
    }
    html.zusamo-mobile-ui .activity-participation-card .activity-participation-heading .account-status,
    .activity-participation-card .activity-participation-heading .account-status{
      grid-column:auto!important;
      width:auto!important;
      justify-self:auto;
    }
    html.zusamo-mobile-ui .activity-participation-card .activity-participation-actions,
    .activity-participation-card .activity-participation-actions{
      grid-column:1/-1!important;
      grid-row:2!important;
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:8px;
      width:100%;
      min-width:0;
      align-items:stretch;
    }
    .activity-participation-heading{gap:7px;margin-bottom:6px}
    .activity-participation-heading > strong{font-size:.91rem!important;line-height:1.25}
    .activity-participation-heading .account-status{font-size:.6rem;padding:5px 7px}
    .activity-participation-card .activity-participation-date{font-size:.72rem}
    .activity-participation-card .activity-participation-host{font-size:.69rem}
    .activity-participation-actions button{font-size:.67rem}
  }

/* Kleine Upload-Hinweise ohne Inline-Style (CSP-Härtung). */
.upload-inline-note{font-size:.82rem}



/* CSP-Härtung: frühere dynamische Inline-Styles als feste Klassen. */
.account-list-image-initial{
  display:grid;
  place-items:center;
  font-weight:900;
}
.admin-news-card-source{margin-top:8px}
.admin-news-card-note{margin-top:6px}
.news-archive-expiry{
  margin-top:8px !important;
  font-size:.7rem !important;
}
.town-members-retry{margin-top:14px}
.profile-completion-fill{width:0}
.profile-completion-fill-25{width:25%}
.profile-completion-fill-50{width:50%}
.profile-completion-fill-75{width:75%}

/* Ortsbrett: freundlicher Hinweis für neue Mitglieder */
.ortsbrett-welcome-card{position:relative;display:flex;gap:18px;align-items:flex-start;margin:22px auto;padding:22px 54px 22px 22px;border:1px solid rgba(35,101,72,.18);border-radius:22px;background:linear-gradient(135deg,rgba(35,101,72,.08),rgba(255,255,255,.96));box-shadow:0 10px 30px rgba(25,70,52,.08)}
.ortsbrett-welcome-card[hidden]{display:none!important}.ortsbrett-welcome-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#236548;color:#fff;font-size:24px}.ortsbrett-welcome-copy>span{display:block;color:#236548;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.ortsbrett-welcome-copy h2{margin:4px 0 8px}.ortsbrett-welcome-copy p{margin:0 0 14px;max-width:760px}.ortsbrett-welcome-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:inherit;opacity:.65}.ortsbrett-welcome-close:hover{opacity:1}@media(max-width:640px){.ortsbrett-welcome-card{margin:16px 0;padding:18px 44px 18px 16px;gap:12px}.ortsbrett-welcome-icon{flex-basis:40px;height:40px;font-size:20px}}

/* Consent for optional browser storage. */
.ortsbrett-storage-consent{position:fixed;z-index:1200;left:16px;right:16px;bottom:16px;max-width:1120px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #bdd1c4;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(29,51,41,.2)}
.ortsbrett-storage-consent[hidden]{display:none!important}.ortsbrett-storage-consent-copy{min-width:0}.ortsbrett-storage-consent-copy strong{display:block;color:var(--primary);font-size:.96rem}.ortsbrett-storage-consent-copy p{margin:5px 0 7px;max-width:720px;color:var(--muted);font-size:.78rem;line-height:1.5}.ortsbrett-storage-consent-copy a{color:var(--primary);font-size:.76rem;font-weight:800}.ortsbrett-storage-consent-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.ortsbrett-storage-consent-actions .btn{white-space:normal;text-align:center}
@media(max-width:760px){.ortsbrett-storage-consent{left:10px;right:10px;bottom:10px;display:block;padding:16px}.ortsbrett-storage-consent-actions{justify-content:stretch;margin-top:12px}.ortsbrett-storage-consent-actions .btn{flex:1 1 180px}}