:root{
  --bg:#fff5fb;--paper:#fff;--paper2:#fff9fd;--ink:#170b22;--muted:#6f5d7a;--line:#edd3e8;
  --pink:#f00082;--hot:#ff33a5;--purple:#6521d6;--violet:#9a3cff;--deep:#240b38;
  --green:#13b76b;--yellow:#ffbb38;--red:#ef285e;--blue:#2563eb;
  --shadow:0 18px 50px rgba(88,24,110,.13);--shadow2:0 9px 24px rgba(240,0,130,.2);
  --r:22px;--r2:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% -10%,rgba(255,51,165,.18),transparent 35%),radial-gradient(circle at 85% 0,rgba(101,33,214,.15),transparent 34%),linear-gradient(135deg,#fff,var(--bg));font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 34px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo,.logo-xl{display:flex;align-items:center;gap:8px;font-weight:950;letter-spacing:-1px;color:var(--pink)}.logo{font-size:28px}.logo-xl{font-size:42px;justify-content:center}.logo span span,.logo-xl span span{color:var(--purple)}.logo small,.logo-xl small{font-size:.55em;color:var(--pink)}.heart{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--purple));display:inline-grid;place-items:center;color:#fff;font-size:20px;box-shadow:var(--shadow2)}.logo-xl .heart{width:50px;height:50px;font-size:28px}.nav{display:flex;align-items:center;gap:21px;font-size:13px;text-transform:uppercase;font-weight:850;letter-spacing:.04em}.nav a:hover{color:var(--pink)}.header-right{display:flex;align-items:center;gap:10px}.langs{display:flex;gap:3px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px}.langs button{border:0;background:transparent;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;color:var(--muted);cursor:pointer}.langs .active{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:13px;padding:12px 18px;font-weight:900;cursor:pointer;transition:.18s}.btn.primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:var(--shadow2)}.btn.primary:hover,.card:hover .hover-up{transform:translateY(-1px)}.btn.outline{background:#fff;border-color:#e9afd2;color:var(--pink)}.btn.ghost{background:#fff;border-color:var(--line)}.btn.dark{background:var(--deep);color:#fff}.btn.green{background:linear-gradient(135deg,#12b463,#20d079);color:#fff}.btn.red{background:var(--red);color:#fff}.btn.small{padding:9px 12px;font-size:13px}.btn.wide{width:100%;margin-top:10px}.container{max-width:1340px;margin:auto;padding:26px}.section{max-width:1340px;margin:0 auto 28px;padding:0 26px}.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:26px 0 16px}.section-head h1,.section-head h2{margin:0;letter-spacing:-.8px}.section-head h1{font-size:42px}.section-head h2{font-size:32px}.section-head p,.muted{color:var(--muted)}.age-gate{display:none;position:fixed;inset:0;z-index:999;background:rgba(18,6,28,.75);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:20px}.age-gate.show{display:flex}.age-card{width:min(520px,100%);background:#fff;border-radius:30px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.35);text-align:center}.age-card h1{margin-bottom:8px}.map-hero{max-width:1340px;margin:22px auto 32px;padding:0 26px}.map-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.map-panel{padding:18px}.map-panel img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid var(--line);background:#fff}.hero-side{padding:26px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;color:var(--purple);font-weight:900}.hero-title{font-size:46px;line-height:1.05;letter-spacing:-1.8px;margin:14px 0 12px}.hero-title span,.pink{color:var(--pink)}.search-box{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.field label{display:block;font-size:12px;font-weight:900;color:var(--muted);margin:0 0 6px}.field input,.field select,.field textarea{width:100%;border:1px solid #e8cde5;border-radius:13px;padding:12px 13px;background:#fff;outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(240,0,130,.09)}.region-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.chip{display:flex;align-items:center;justify-content:space-between;border:1px solid #e8c5e2;border-radius:14px;padding:11px 12px;background:#fff;transition:.16s}.chip:hover,.chip.active{border-color:var(--pink);box-shadow:0 9px 20px rgba(240,0,130,.13);transform:translateY(-1px)}.chip small{color:var(--muted);font-weight:700}.notice{background:linear-gradient(135deg,#fff2f9,#f5ecff);border:1px solid #e7c9e8;border-radius:16px;padding:14px;color:#4d315d}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:20px}.feature .ico{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#ffe5f4,#eee2ff);display:grid;place-items:center;color:var(--pink);font-weight:950;font-size:22px;margin-bottom:12px}.feature h3{margin:0 0 5px}.feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.marquee{overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.marquee-track{display:flex;width:max-content;gap:15px;padding:16px;animation:marq 38s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.listing-card{position:relative;overflow:hidden;border:1px solid #e9d1e8;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(80,20,90,.08);transition:.18s}.listing-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(240,0,130,.14)}.photo{height:214px;background:linear-gradient(135deg,#2b123d,#ed1478 58%,#ffd9ef);position:relative;overflow:hidden}.photo::before{content:"";position:absolute;left:50%;top:20%;width:66px;height:66px;border-radius:50%;background:#eac2b4;transform:translateX(-50%);box-shadow:0 0 0 18px rgba(30,10,42,.42)}.photo::after{content:"";position:absolute;left:50%;bottom:-25px;width:125px;height:170px;border-radius:62px 62px 18px 18px;background:linear-gradient(135deg,#181021,#fff5fb 58%,#1f102d);transform:translateX(-50%)}.listing-body{padding:14px}.listing-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.listing-top h3{margin:0;font-size:18px}.meta{color:var(--muted);font-size:13px}.badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:950;background:#fff;color:var(--pink);box-shadow:0 5px 16px rgba(0,0,0,.13)}.badge.platin{background:linear-gradient(135deg,#221030,#ffe28b);color:#fff}.badge.top{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.badge.verified{background:#e9fff4;color:#078748}.badge.new{background:#fff1d8;color:#9f6000}.stars{color:#ffab00;font-weight:950}.contact-row{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}.mini{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.filters{padding:16px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.filter-actions{display:flex;align-items:end;gap:10px}.group-title{display:flex;align-items:center;gap:10px;margin:28px 0 14px}.group-title h2{margin:0}.group-title .line{height:1px;background:var(--line);flex:1}.profile-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.gallery{padding:16px}.big-photo{height:520px;border-radius:22px;background:linear-gradient(135deg,#251132,#ed1478 60%,#ffe0f0);position:relative;overflow:hidden}.big-photo::before{content:"";position:absolute;left:50%;top:17%;width:112px;height:112px;border-radius:50%;background:#efc7b9;transform:translateX(-50%);box-shadow:0 0 0 34px rgba(22,7,31,.42)}.big-photo::after{content:"";position:absolute;left:50%;bottom:-60px;width:250px;height:360px;border-radius:125px 125px 24px 24px;background:linear-gradient(135deg,#12071f,#fff 52%,#311646);transform:translateX(-50%)}.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.thumb,.video-tile{height:78px;border-radius:14px;background:linear-gradient(135deg,#ffd7eb,#6b21d6);border:2px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.08)}.video-tile{display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,var(--purple),var(--pink))}.profile-info{padding:28px}.profile-name{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-name h1{font-size:44px;margin:0;letter-spacing:-1.4px}.contact-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 16px}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:850}.tab.active{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.profile-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-box{padding:20px}.info-box h3{margin-top:0}.service-tags{display:flex;gap:8px;flex-wrap:wrap}.service-tags span{background:#fff0f8;border:1px solid #efc8e4;color:#6b1250;border-radius:999px;padding:7px 10px;font-weight:800;font-size:13px}.langbar{display:grid;grid-template-columns:110px 1fr 70px;gap:10px;align-items:center;margin:9px 0}.bar{height:10px;border-radius:999px;background:#f1ddea;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:999px}.review{padding:14px;border:1px solid var(--line);border-radius:14px;margin:10px 0;background:#fff}.price-list div,.details-list div{display:flex;justify-content:space-between;border-bottom:1px solid #f1e2ef;padding:9px 0}.auth-wrap{max-width:900px;margin:34px auto;padding:0 26px}.auth-card{padding:28px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.role-card{padding:22px;border:2px solid var(--line);border-radius:20px;background:#fff;transition:.16s}.role-card:hover,.role-card.active{border-color:var(--pink);box-shadow:0 12px 26px rgba(240,0,130,.12)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.check{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.dash-wrap{max-width:1460px;margin:0 auto;padding:26px}.dash{display:grid;grid-template-columns:250px 1fr;gap:22px}.side{position:sticky;top:84px;align-self:start;padding:14px}.side a{display:block;padding:12px 13px;border-radius:13px;color:#3d284d;font-weight:850}.side a:hover,.side a.active{background:linear-gradient(135deg,#fff0f8,#f2e7ff);color:var(--pink)}.dash-main{min-width:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:20px}.stat span{color:var(--muted);font-weight:800;font-size:13px}.stat b{display:block;font-size:28px;margin-top:4px}.panel{padding:22px;margin:18px 0}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{border:1px solid var(--line);border-radius:18px;padding:17px;background:#fff}.upload-box{border:2px dashed #e5bad6;border-radius:18px;background:#fff8fd;padding:28px;text-align:center;color:var(--muted);font-weight:850}.table{width:100%;border-collapse:separate;border-spacing:0 9px}.table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px}.table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.alert{display:flex;gap:12px;align-items:flex-start;border:1px solid #ffd0df;background:#fff6fa;border-radius:16px;padding:14px;margin:10px 0}.alert strong{color:var(--pink)}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.price-card{padding:24px}.price-card.featured{border:2px solid var(--pink);box-shadow:0 18px 42px rgba(240,0,130,.16)}.amount{font-size:34px;font-weight:950;color:var(--pink);margin:12px 0}.empty{min-height:50vh}.footer{margin-top:38px;padding:28px 34px;border-top:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;gap:18px;color:var(--muted)}.footer a{margin-left:14px;color:#32184a;font-weight:800}.desktop-only{display:block}.mobile-only{display:none}
@media (max-width:1120px){.grid{grid-template-columns:repeat(3,1fr)}.features,.pricing{grid-template-columns:repeat(2,1fr)}.map-layout,.profile-hero{grid-template-columns:1fr}.filters{grid-template-columns:repeat(3,1fr)}.dash{grid-template-columns:1fr}.side{position:static;display:flex;overflow:auto;gap:4px}.side a{white-space:nowrap}.nav{display:none;position:absolute;top:68px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu{display:block}.hero-title{font-size:38px}.stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.header{padding:11px 14px}.logo{font-size:22px}.logo .heart{width:31px;height:31px}.langs{display:none}.container,.section,.map-hero,.dash-wrap{padding-left:14px;padding-right:14px}.region-list,.search-box,.form-grid,.role-grid,.profile-sections,.step-grid,.contact-buttons{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.photo{height:184px}.filters{grid-template-columns:1fr}.features,.pricing,.stats{grid-template-columns:1fr}.section-head{display:block}.section-head h1{font-size:32px}.section-head h2{font-size:26px}.profile-name{display:block}.profile-name h1{font-size:34px}.big-photo{height:390px}.thumbs{grid-template-columns:repeat(4,1fr)}.footer{display:block}.footer a{display:inline-block;margin:9px 10px 0 0}.desktop-only{display:none}.mobile-only{display:block}}

/* externe Werbung / Bannerplätze */
.ad-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.ad-sidebar{display:block}.ad-sticky{position:sticky;top:92px;display:grid;gap:18px}.ad-slot{position:relative;overflow:hidden;border:1px dashed #d18fc8;border-radius:22px;background:linear-gradient(135deg,#fff,#fff0fa 55%,#f1e5ff);min-height:92px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:#4b275d;box-shadow:0 12px 32px rgba(118,33,120,.08)}.ad-slot strong{font-size:18px;color:#2d123f}.ad-slot span{font-size:13px;color:var(--muted)}.ad-kicker{position:absolute;left:12px;top:10px;background:#fff;border:1px solid #e9c9e5;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950;color:var(--pink);letter-spacing:.06em;text-transform:uppercase}.ad-leaderboard{min-height:118px}.ad-strip{min-height:82px}.ad-region{min-height:110px;margin:18px 0}.ad-skyscraper{height:600px;min-height:600px}.ad-rect{height:250px;min-height:250px}.ad-profile{margin:20px 0}.ad-mini{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0;padding:12px 16px;border:1px dashed #db9bd4;border-radius:16px;background:#fff8fd;color:var(--muted);font-size:13px}.ad-mini b{color:var(--pink)}.ad-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.section-head.compact{margin-top:20px}
@media (max-width:1120px){.ad-page-layout{grid-template-columns:1fr}.ad-sidebar{display:none}.ad-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.ad-admin-grid{grid-template-columns:1fr}.ad-slot{min-height:80px}.ad-leaderboard{min-height:95px}.ad-strip{min-height:72px}}

/* Werbeseite / Proforma-Werbung */
.ad-showcase{padding:20px;margin-bottom:22px}.ad-format-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:16px;margin-top:16px}.ad-mobile{min-height:100px}.nav{gap:26px}
@media (max-width:1100px){.ad-format-grid{grid-template-columns:1fr 1fr}.nav{gap:16px}}
@media (max-width:720px){.ad-format-grid{grid-template-columns:1fr}.nav.open{display:flex}.nav{gap:10px}.footer div:last-child{flex-wrap:wrap}}


/* Update: Leaderboard ganz oben + Neuste 24h zuerst + Online-Miniaturspalte */
.top-leaderboard{max-width:1240px;margin:22px auto 0;padding:0 22px}
.top-leaderboard .ad-slot{min-height:170px;border-radius:28px;border:2px solid rgba(240,0,130,.22);box-shadow:0 22px 70px rgba(101,33,214,.18)}
.first-content{padding-top:24px}
.home-with-online{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start;max-width:1240px;margin:0 auto}
.home-main{min-width:0}
.online-sidebar{position:sticky;top:92px;padding:16px;border:1px solid rgba(240,0,130,.16)}
.online-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.online-head h3{margin:0;font-size:18px}
.online-head span{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-radius:999px;padding:5px 10px;font-weight:900;font-size:12px}
.online-list{display:flex;flex-direction:column;gap:9px;max-height:720px;overflow:auto;padding-right:3px}
.online-mini{display:grid;grid-template-columns:10px 48px 1fr;gap:10px;align-items:center;padding:9px;border-radius:16px;background:linear-gradient(135deg,#fff,#fff7fc);border:1px solid var(--line);transition:.18s ease}
.online-mini:hover{transform:translateX(-2px);border-color:rgba(240,0,130,.35);box-shadow:0 10px 28px rgba(101,33,214,.12)}
.online-dot{width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px rgba(19,183,107,.12)}
.mini-avatar{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#ffb9df,#8e35ff);display:block;position:relative;overflow:hidden}
.mini-avatar:after{content:"";position:absolute;inset:12px 13px 0;border-radius:50% 50% 0 0;background:rgba(255,255,255,.55)}
.online-mini-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.online-mini-text b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.online-mini-text small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marquee.prominent{border:1px solid rgba(240,0,130,.16);box-shadow:var(--shadow);background:rgba(255,255,255,.74)}
.after-fresh{padding-top:18px}
.after-fresh .hero-title{font-size:42px}
@media(max-width:980px){
  .top-leaderboard{margin-top:14px;padding:0 14px}
  .top-leaderboard .ad-slot{min-height:110px;border-radius:22px}
  .home-with-online{grid-template-columns:1fr;padding:0 14px}
  .online-sidebar{position:static;top:auto}
  .online-list{max-height:none}
  .after-fresh .hero-title{font-size:32px}
}


/* Update: grosse Schweizerkarte zentral + Registrieren auf Home */
.compact-top-ad{margin-top:16px}
.compact-top-ad .ad-slot{min-height:94px;border-radius:22px}
.home-map-focus{max-width:1280px;margin:0 auto;padding:26px 22px 10px}
.home-map-head{text-align:center;max-width:880px;margin:0 auto 22px}
.home-map-head h1{font-size:clamp(40px,6vw,74px);line-height:.95;margin:10px 0 12px;letter-spacing:-.065em}
.home-map-head h1 span,.home-map-head h1 strong{color:var(--pink)}
.home-map-head p{font-size:18px;color:var(--muted);margin:0 auto;max-width:760px}
.home-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.big-map-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:stretch}
.big-map-card{padding:22px;display:flex;align-items:center;justify-content:center;min-height:540px;background:linear-gradient(135deg,#fff,#fff3fb);border:1px solid rgba(240,0,130,.16);box-shadow:0 28px 90px rgba(101,33,214,.16)}
.big-map-card img{width:min(100%,920px);height:auto;display:block;filter:drop-shadow(0 18px 35px rgba(101,33,214,.14))}
.quick-search{padding:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(240,0,130,.16)}
.quick-search h3{margin:0 0 14px;font-size:22px}
.search-box.vertical{display:flex;flex-direction:column;gap:12px}
.search-box.vertical .field{min-width:0}
.register-promo{margin-top:18px;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(240,0,130,.09),rgba(101,33,214,.09));border:1px solid rgba(240,0,130,.15);display:flex;flex-direction:column;gap:5px}
.register-promo b{font-size:17px}
.register-promo span{color:var(--muted);font-size:14px}
.register-promo a{color:var(--pink);font-weight:900}
.region-strip{margin:18px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1160px}
.region-strip .chip{background:#fff}
@media(max-width:1100px){
  .big-map-shell{grid-template-columns:1fr}
  .big-map-card{min-height:auto;padding:16px}
  .quick-search{max-width:760px;margin:0 auto;width:100%}
}
@media(max-width:640px){
  .home-map-focus{padding:18px 14px 8px}
  .home-map-head{text-align:left}
  .home-map-head h1{font-size:42px}
  .home-map-head p{font-size:16px}
  .home-actions{justify-content:flex-start}
  .home-actions .btn{width:100%;justify-content:center}
  .big-map-card{border-radius:18px;padding:10px}
  .region-strip{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:8px}
  .region-strip .chip{flex:0 0 auto}
}


/* Update: öffentliche Preise nur für externe Werbung */
.locked-pricing{max-width:820px;margin:50px auto;text-align:center;padding:38px}
.locked-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.public-ad-prices .table td:nth-child(3),
.public-ad-prices .table td:nth-child(4){font-weight:900;color:var(--pink)}
.compact-pricing{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.compact-pricing .price-card{padding:16px}
.compact-pricing .amount{font-size:26px}
.provider-only-prices{border:2px solid rgba(101,33,214,.16)}
@media(max-width:1000px){
  .compact-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .locked-pricing{text-align:left;padding:24px}
  .locked-actions .btn{width:100%;justify-content:center}
  .compact-pricing{grid-template-columns:1fr}
}


/* Update: Partner-/Button-Tausch ganz unten */
.button-exchange-bottom{
  margin-top:34px;
  padding:22px 22px 10px;
  background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(36,11,56,.06));
  border-top:1px solid var(--line);
}
.button-exchange-inner{
  max-width:1240px;
  margin:0 auto;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(240,0,130,.14);
}
.button-exchange-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.button-exchange-title b{font-size:16px}
.button-exchange-title span{color:var(--muted);font-size:13px;text-align:right}
.partner-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.partner-btn{
  width:88px;
  height:31px;
  border-radius:6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1;
  color:#fff;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 8px 20px rgba(36,11,56,.12);
  overflow:hidden;
  text-transform:uppercase;
}
.partner-btn strong{font-size:12px;letter-spacing:.04em}
.partner-btn span{font-size:8px;opacity:.88;margin-top:2px}
.partner-btn.pink{background:linear-gradient(135deg,var(--pink),var(--hot))}
.partner-btn.violet{background:linear-gradient(135deg,var(--purple),var(--violet))}
.partner-btn.darkp{background:linear-gradient(135deg,#170b22,#4b176c)}
.partner-btn.redp{background:linear-gradient(135deg,#ef285e,#ff8ab8)}
.partner-btn.bluep{background:linear-gradient(135deg,#2563eb,#8b5cf6)}
.partner-btn.greyp{background:linear-gradient(135deg,#9b8aa7,#4b4056)}
.button-exchange-note{
  margin-top:12px;
  font-size:12px;
  color:var(--muted);
}
@media(max-width:720px){
  .button-exchange-title{align-items:flex-start;flex-direction:column}
  .button-exchange-title span{text-align:left}
  .partner-buttons{justify-content:center}
}


/* Update: Seitensprungzimmer eigener Gratis-Bereich */
.register-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.register-choice{padding:26px;display:flex;flex-direction:column;gap:14px}
.register-choice h2{font-size:30px;margin:0}
.register-choice p{color:var(--muted);margin:0}
.register-choice ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}
.featured-choice{border:2px solid rgba(240,0,130,.22);box-shadow:0 18px 50px rgba(240,0,130,.13)}
.room-choice{background:linear-gradient(135deg,#fff,#f6edff);border:2px solid rgba(101,33,214,.18)}
.room-teaser-section{padding-top:18px}
.room-teaser-layout{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:stretch}
.room-teaser{padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff,#fff6fc)}
.room-teaser h3{font-size:28px;margin:0}
.room-teaser p{color:var(--muted);margin:0}
.room-teaser-actions{display:flex;flex-wrap:wrap;gap:10px}
.rooms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.room-card{overflow:hidden;display:block;border:1px solid rgba(101,33,214,.14)}
.room-photo{height:150px;border-radius:18px 18px 0 0;background:linear-gradient(135deg,#ffe0f3,#d9c7ff);position:relative}
.room-photo:before{content:"";position:absolute;inset:32px 38px 18px;border-radius:28px 28px 8px 8px;background:rgba(255,255,255,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.room-photo span{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--green),#69e8a8);color:#fff;font-weight:900;border-radius:999px;padding:6px 10px;font-size:12px}
.room-body{padding:14px}
.room-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.room-tags span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:12px;color:var(--muted);font-weight:750}
.room-tags.big span{font-size:13px;padding:8px 10px}
.rooms-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:center;padding:26px;margin-bottom:18px}
.rooms-hero h2{font-size:36px;margin:0 0 10px}
.rooms-hero p{color:var(--muted)}
.room-search{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.rooms-map-mini{background:linear-gradient(135deg,#fff,#fff6fc);border-radius:22px;padding:14px}
.rooms-map-mini img{width:100%;display:block}
.room-profile{display:grid;grid-template-columns:370px 1fr;gap:22px;padding:22px;align-items:stretch}
.room-profile-photo{min-height:330px;border-radius:22px;background:linear-gradient(135deg,#ffe0f3,#d9c7ff);position:relative;overflow:hidden}
.room-profile-photo:before{content:"";position:absolute;inset:70px 70px 38px;border-radius:50px 50px 12px 12px;background:rgba(255,255,255,.5)}
.room-profile-photo span{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,var(--green),#69e8a8);color:white;border-radius:999px;padding:8px 12px;font-weight:900}
.room-profile-info h1{font-size:48px;margin:8px 0}
.selectable span{cursor:pointer}
.region-rooms-box,.profile-room-box{margin:18px 0}
@media(max-width:1100px){
  .register-choice-grid{grid-template-columns:1fr}
  .room-teaser-layout{grid-template-columns:1fr}
  .rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rooms-hero{grid-template-columns:1fr}
  .room-search{grid-template-columns:1fr 1fr}
  .room-profile{grid-template-columns:1fr}
}
@media(max-width:650px){
  .rooms-grid{grid-template-columns:1fr}
  .room-search{grid-template-columns:1fr}
  .room-profile-info h1{font-size:34px}
  .room-profile-photo{min-height:240px}
}


/* Update: Seitensprungzimmer nur als 1er-Rotator über dem High-Skyscraper */
.room-rotator{
  margin-bottom:14px;
  padding:12px;
  border:1px solid rgba(101,33,214,.18);
  background:linear-gradient(135deg,#fff,#faf2ff);
  box-shadow:0 12px 34px rgba(101,33,214,.11);
}
.room-rotator-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-bottom:9px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(101,33,214,.1);
  color:var(--purple);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.room-rotator-link{
  display:block;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
}
.room-rotator-photo{
  height:112px;
  background:linear-gradient(135deg,#ffe2f3,#d9c7ff);
  position:relative;
}
.room-rotator-photo:before{
  content:"";
  position:absolute;
  inset:24px 36px 14px;
  border-radius:25px 25px 7px 7px;
  background:rgba(255,255,255,.48);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}
.room-rotator-photo span{
  position:absolute;
  top:8px;
  left:8px;
  border-radius:999px;
  padding:5px 8px;
  background:linear-gradient(135deg,var(--green),#69e8a8);
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.room-rotator-body{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px;
}
.room-rotator-body b{
  font-size:14px;
  line-height:1.15;
}
.room-rotator-body small{
  color:var(--muted);
  font-size:12px;
}
.room-rotator-body em{
  color:var(--pink);
  font-size:12px;
  font-style:normal;
  font-weight:850;
}
.room-rotator-foot{
  margin-top:8px;
  color:var(--muted);
  font-size:11px;
  text-align:center;
}
@media(max-width:980px){
  .ad-sidebar .room-rotator{display:none}
}


/* Update: Seitensprungzimmer-Anbieterbereich */
.room-provider-area .side a:nth-child(1){border-color:rgba(101,33,214,.25)}
.room-provider-intro{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  background:linear-gradient(135deg,#fff,#f8efff);
  border:2px solid rgba(101,33,214,.16);
}
.room-status-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.room-media-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.room-media-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.room-media-card b{font-size:14px}
.room-media-card.upload{
  justify-content:center;
}
.room-photo.small-preview{
  height:120px;
  border-radius:14px;
  overflow:hidden;
}
.room-photo.small-preview span{
  top:8px;
  left:8px;
  font-size:10px;
}
.week-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:8px;
}
.day{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:12px 8px;
  font-weight:950;
  cursor:pointer;
}
.day small{
  color:var(--muted);
  font-weight:750;
}
.day.active{
  border-color:rgba(19,183,107,.35);
  background:rgba(19,183,107,.08);
}
@media(max-width:1000px){
  .room-provider-intro{flex-direction:column;align-items:flex-start}
  .room-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .week-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:620px){
  .room-media-grid{grid-template-columns:1fr}
  .week-grid{grid-template-columns:repeat(2,1fr)}
}


/* Update: Belegungsplan und Onlinebuchung für Seitensprungzimmer */
.room-booking-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) 420px;
  gap:18px;
  margin:18px 0;
  align-items:start;
}
.booking-calendar-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}
.booking-calendar-head h3{margin:0;font-size:26px}
.booking-calendar-head p{margin:4px 0 0;color:var(--muted)}
.booking-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.booking-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(120px,1fr));
  gap:8px;
  overflow:auto;
  padding-bottom:4px;
}
.booking-day{
  min-width:120px;
  background:linear-gradient(135deg,#fff,#fff9fd);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
}
.booking-day-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:10px;
  background:rgba(101,33,214,.08);
}
.booking-day-head b{font-size:15px}
.booking-day-head span{color:var(--muted);font-size:13px;font-weight:800}
.booking-slots{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:8px;
}
.slot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  border:1px solid var(--line);
  border-radius:10px;
  padding:7px 8px;
  background:#fff;
  cursor:pointer;
}
.slot span{font-weight:900;font-size:12px}
.slot small{font-size:10px;text-transform:uppercase;font-weight:900}
.slot.frei{
  border-color:rgba(19,183,107,.28);
  background:rgba(19,183,107,.08);
}
.slot.frei small{color:var(--green)}
.slot.belegt{
  border-color:rgba(240,0,130,.24);
  background:rgba(240,0,130,.09);
  color:rgba(23,11,34,.65);
}
.slot.belegt small{color:var(--pink)}
.slot.pause{
  background:#f3eef5;
  color:#95859e;
}
.booking-form{
  padding:22px;
  position:sticky;
  top:92px;
}
.booking-form h3{font-size:26px;margin:6px 0 8px}
.booking-form p{color:var(--muted)}
.booking-summary{
  margin:14px 0;
  display:grid;
  gap:8px;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(240,0,130,.07),rgba(101,33,214,.07));
  border:1px solid rgba(101,33,214,.13);
}
.booking-summary div{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.booking-summary span{color:var(--muted)}
.booking-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.booking-manager-top{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.manager-card{
  padding:16px;
  background:linear-gradient(135deg,#fff,#fff6fc);
}
.manager-card span{
  display:block;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.manager-card b{
  font-size:28px;
  color:var(--pink);
}
.booking-control-panel{
  margin-top:14px;
  padding:18px;
  background:linear-gradient(135deg,#fff,#f8efff);
}
.booking-control-panel h3{margin-top:0}
.booking-calendar.provider .booking-grid{
  grid-template-columns:repeat(7,minmax(115px,1fr));
}
@media(max-width:1180px){
  .room-booking-layout{grid-template-columns:1fr}
  .booking-form{position:static}
  .booking-manager-top{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .booking-calendar-head{flex-direction:column}
  .booking-tools{justify-content:flex-start}
  .booking-grid{grid-template-columns:repeat(7,120px)}
  .booking-manager-top{grid-template-columns:1fr}
  .booking-summary div{flex-direction:column}
}


/* Update: Home ohne Schnellsuche, Karte gross im Zentrum + detaillierte Inseratefilter */
.home-map-center{
  max-width:1280px;
  margin:0 auto;
  padding:26px 22px 10px;
}
.home-map-head.centered{
  text-align:center;
  max-width:900px;
  margin:0 auto 22px;
}
.home-map-head.centered h1{
  font-size:clamp(44px,7vw,82px);
  line-height:.92;
  margin:10px 0 12px;
  letter-spacing:-.07em;
}
.home-map-head.centered p{
  max-width:760px;
  margin:0 auto;
  color:var(--muted);
  font-size:18px;
}
.center-map-card{
  width:min(100%,1080px);
  margin:0 auto;
  padding:28px;
  min-height:610px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 50% 20%,rgba(255,51,165,.12),transparent 42%),linear-gradient(135deg,#fff,#fff3fb);
  border:2px solid rgba(240,0,130,.15);
  box-shadow:0 30px 100px rgba(101,33,214,.17);
  border-radius:34px;
}
.center-map-card img{
  width:min(100%,980px);
  height:auto;
  display:block;
  filter:drop-shadow(0 24px 45px rgba(101,33,214,.16));
}
.big-region-strip{
  margin-top:22px;
}
.big-region-strip .chip{
  padding:10px 13px;
  background:#fff;
}
.detailed-filter{
  padding:24px;
  margin:18px 0 24px;
  border:2px solid rgba(101,33,214,.12);
  background:linear-gradient(135deg,#fff,#fff8fd);
}
.filter-title-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.filter-title-row h2{
  margin:4px 0 6px;
  font-size:34px;
  letter-spacing:-.04em;
}
.filter-title-row p{
  margin:0;
  color:var(--muted);
}
.filter-main-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.quick-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  margin-bottom:12px;
}
.quick-filter-row label{
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 10px;
  background:#fff9fd;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
}
.filter-section{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  margin-top:10px;
  overflow:hidden;
}
.filter-section summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:950;
  color:var(--deep);
  background:linear-gradient(135deg,rgba(240,0,130,.055),rgba(101,33,214,.045));
  list-style:none;
}
.filter-section summary::-webkit-details-marker{display:none}
.filter-section summary:after{
  content:"+";
  float:right;
  color:var(--pink);
  font-size:18px;
}
.filter-section[open] summary:after{content:"–"}
.filter-chip-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:14px;
}
.filter-chip-grid label{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
}
.filter-chip-grid label:hover{
  border-color:rgba(240,0,130,.32);
  color:var(--ink);
}
.filter-subline{
  display:flex;
  gap:10px;
  align-items:center;
  padding:0 14px 14px;
}
.filter-subline label{
  color:var(--muted);
  font-weight:900;
}
.filter-range-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:0 14px 14px;
}
.filter-actions-bar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.filter-actions-bar span{
  color:var(--muted);
  font-size:13px;
}
@media(max-width:1180px){
  .filter-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .filter-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .center-map-card{min-height:auto}
}
@media(max-width:760px){
  .home-map-center{padding:18px 14px 8px}
  .home-map-head.centered{text-align:left}
  .home-map-head.centered p{font-size:16px}
  .center-map-card{padding:12px;border-radius:22px}
  .filter-title-row{flex-direction:column}
  .filter-main-grid{grid-template-columns:1fr}
  .filter-chip-grid{grid-template-columns:1fr}
  .filter-range-grid{grid-template-columns:1fr}
  .quick-filter-row label{width:100%}
}


/* Update: einzelne Services wie and6 separat anwählbar */
.service-filter-section[open]{
  border-color:rgba(240,0,130,.25);
  box-shadow:0 16px 42px rgba(240,0,130,.08);
}
.service-filter-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  padding:14px;
  align-items:end;
  border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,#fff,#fff6fc);
}
.service-search-field input{
  border-color:rgba(240,0,130,.25);
}
.service-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.selected-services-box{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  background:#fff;
}
.selected-services-box b{
  color:var(--ink);
  white-space:nowrap;
}
.selected-services-box span{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.selected-services-box em{
  display:inline-flex;
  border-radius:999px;
  padding:5px 9px;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}
.service-groups-wrap{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:14px;
}
.service-group{
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.service-group-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  background:linear-gradient(135deg,rgba(101,33,214,.07),rgba(240,0,130,.045));
}
.service-group-head h4{
  margin:0;
  font-size:16px;
}
.service-group-head small{
  color:var(--muted);
  font-weight:800;
}
.service-select-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  padding:12px;
}
.service-choice{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 10px;
  background:#fff;
  cursor:pointer;
  font-size:13px;
  font-weight:800;
  color:var(--muted);
}
.service-choice:hover{
  border-color:rgba(240,0,130,.34);
  color:var(--ink);
}
.service-choice:has(input:checked){
  border-color:rgba(240,0,130,.45);
  background:rgba(240,0,130,.08);
  color:var(--pink);
}
@media(max-width:1000px){
  .service-groups-wrap{grid-template-columns:1fr}
}
@media(max-width:680px){
  .service-filter-toolbar{grid-template-columns:1fr}
  .selected-services-box{flex-direction:column}
  .service-select-grid{grid-template-columns:1fr}
}


/* Update: Filter als einzeilige Klappleiste */
.compact-filter-details{
  display:block;
  margin:16px 0 22px;
}
.compact-filter-details > summary{
  list-style:none;
}
.compact-filter-details > summary::-webkit-details-marker{
  display:none;
}
.compact-filter-bar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  overflow:auto;
  white-space:nowrap;
  cursor:pointer;
  padding:12px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff,#fff6fc);
  border:2px solid rgba(240,0,130,.16);
  box-shadow:0 12px 34px rgba(101,33,214,.09);
}
.compact-filter-bar:hover{
  border-color:rgba(240,0,130,.35);
}
.compact-filter-bar .filter-icon{
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  flex:0 0 auto;
  font-weight:950;
}
.compact-filter-bar b{
  font-size:15px;
  flex:0 0 auto;
}
.filter-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--line);
  border-radius:999px;
  padding:7px 10px;
  background:#fff;
  color:var(--muted);
  font-size:13px;
  font-weight:850;
  flex:0 0 auto;
}
.compact-filter-bar em{
  margin-left:auto;
  color:var(--pink);
  font-style:normal;
  font-size:12px;
  font-weight:900;
  flex:0 0 auto;
}
.compact-filter-details[open] .compact-filter-bar{
  border-radius:22px 22px 0 0;
  border-bottom-color:transparent;
}
.compact-filter-details[open] .compact-filter-bar em{
  color:var(--purple);
}
.compact-filter-details[open] .compact-filter-bar em:before{
  content:"geöffnet · ";
}
.compact-filter-details .detailed-filter{
  margin-top:0;
  border-radius:0 0 24px 24px;
  border-top:0;
}
@media(max-width:720px){
  .compact-filter-bar{
    border-radius:18px;
  }
  .compact-filter-bar em{
    margin-left:0;
  }
}


/* Update: Seitensprungzimmer ohne Karte, nur Regionen + Admin-Buchhaltung */
.rooms-region-hero{
  padding:26px;
  background:linear-gradient(135deg,#fff,#f7efff);
  border:2px solid rgba(101,33,214,.14);
  margin-bottom:14px;
}
.rooms-region-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.rooms-region-head h2{
  margin:0 0 8px;
  font-size:38px;
  letter-spacing:-.04em;
}
.rooms-region-head p{
  margin:0;
  color:var(--muted);
  max-width:720px;
}
.rooms-region-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.room-region-selector{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.room-region-chip{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 8px 22px rgba(101,33,214,.07);
}
.room-region-chip:hover{
  transform:translateY(-1px);
  border-color:rgba(240,0,130,.35);
}
.room-region-chip b{
  font-size:15px;
}
.room-region-chip span{
  color:var(--pink);
  font-weight:900;
  font-size:12px;
}
.rooms-filter-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  gap:10px;
  align-items:end;
  padding:16px;
  margin-bottom:14px;
}
.accounting-panel{
  border:2px solid rgba(101,33,214,.16);
  background:linear-gradient(135deg,#fff,#fff8fd);
}
.accounting-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.kpi-card{
  padding:18px;
  background:linear-gradient(135deg,#fff,#f7efff);
}
.kpi-card span{
  color:var(--muted);
  font-size:13px;
  font-weight:900;
}
.kpi-card b{
  display:block;
  margin:6px 0;
  font-size:27px;
  color:var(--pink);
  letter-spacing:-.03em;
}
.kpi-card small{
  color:var(--muted);
}
.accounting-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0;
}
.accounting-tabs button{
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;
  cursor:pointer;
}
.accounting-tabs button.active{
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  border-color:transparent;
}
.accounting-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.accounting-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  overflow:auto;
}
.accounting-box.full{
  margin-top:14px;
}
.accounting-box h3{
  margin:0 0 12px;
}
.compact-table th,
.compact-table td{
  font-size:13px;
  padding:9px 8px;
}
.pos{
  color:var(--green);
  font-weight:950;
}
.neg{
  color:var(--red);
  font-weight:950;
}
@media(max-width:1120px){
  .room-region-selector{grid-template-columns:repeat(3,minmax(0,1fr))}
  .accounting-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .accounting-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .rooms-region-head{flex-direction:column}
  .rooms-region-actions{justify-content:flex-start}
  .room-region-selector{grid-template-columns:1fr 1fr}
  .rooms-filter-strip{grid-template-columns:1fr}
  .accounting-kpis{grid-template-columns:1fr}
}
@media(max-width:460px){
  .room-region-selector{grid-template-columns:1fr}
}


/* Update: Werbeseite nur mit Festpreisen */
.fixed-price-intro{
  padding:24px;
  background:linear-gradient(135deg,#fff,#fff6fc);
  border:2px solid rgba(240,0,130,.14);
}
.fixed-price-intro h2{
  margin:6px 0 8px;
  font-size:34px;
  letter-spacing:-.04em;
}
.fixed-price-intro p{
  color:var(--muted);
  max-width:840px;
}
.fixed-price-rules{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.fixed-price-rules span{
  border-radius:999px;
  padding:8px 11px;
  background:#fff;
  border:1px solid var(--line);
  color:var(--pink);
  font-weight:900;
  font-size:13px;
}
.fixed-ad-prices{
  margin-top:18px;
}
.fixed-price-table th,
.fixed-price-table td{
  font-size:13px;
  vertical-align:top;
}
.fixed-price-table td:nth-child(4),
.fixed-price-table td:nth-child(5),
.fixed-price-table td:nth-child(6),
.fixed-price-table td:nth-child(7){
  font-weight:950;
  color:var(--pink);
  white-space:nowrap;
}
.fixed-price-table td small{
  display:block;
  color:var(--muted);
  font-weight:700;
  margin-top:3px;
}
.fixed-packages{
  margin-top:18px;
}
@media(max-width:900px){
  .fixed-price-table{
    min-width:900px;
  }
  .fixed-ad-prices{
    overflow:auto;
  }
}


/* Update: automatische Eigenwerbung, wenn Werbeplätze frei sind */
.house-ad{
  position:relative;
  overflow:hidden;
  border:2px solid rgba(240,0,130,.18);
}
.house-ad:before{
  content:"";
  position:absolute;
  inset:-40% auto auto -10%;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(255,255,255,.28);
}
.house-ad .ad-kicker{
  background:rgba(255,255,255,.82);
  color:var(--pink);
}
.house-ad strong,
.house-ad span,
.house-ad a{
  position:relative;
  z-index:1;
}
.house-rooms{
  background:linear-gradient(135deg,#fff2fb,#eadcff);
}
.house-provider{
  background:linear-gradient(135deg,#ffe5f4,#fff7fb);
}
.house-users{
  background:linear-gradient(135deg,#edf6ff,#ffe9f7);
}
.house-ads{
  background:linear-gradient(135deg,#fff8e6,#ffe8f5);
}
.house-region{
  background:linear-gradient(135deg,#eefcf6,#f5e9ff);
}
.house-ad-mini{
  border-color:rgba(240,0,130,.22);
}
.house-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.house-strip-card{
  display:flex;
  flex-direction:column;
  gap:6px;
  border-radius:20px;
  border:1px solid rgba(240,0,130,.16);
  padding:16px;
  min-height:110px;
  box-shadow:0 12px 34px rgba(101,33,214,.09);
}
.house-strip-card b{
  font-size:17px;
}
.house-strip-card span{
  color:var(--muted);
  font-size:13px;
}
@media(max-width:980px){
  .house-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .house-strip{grid-template-columns:1fr}
}


/* Update: WhatsApp öffnet direkt mit vorbereitetem Text */
.whatsapp-btn{
  border-color:rgba(19,183,107,.35)!important;
  color:#0d8f54!important;
}
.wa-mini{
  cursor:pointer;
  background:rgba(19,183,107,.1)!important;
  color:#0d8f54!important;
  border-color:rgba(19,183,107,.25)!important;
  font-weight:900;
}
.wa-mini:hover{
  background:rgba(19,183,107,.18)!important;
}


/* Update: Girl des Tages / Inserat des Tages */
.daily-highlight{
  position:relative;
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  gap:22px;
  align-items:stretch;
  margin:18px 0 24px;
  padding:18px;
  border:3px solid rgba(255,187,56,.85);
  background:
    radial-gradient(circle at 20% 0%,rgba(255,187,56,.25),transparent 32%),
    linear-gradient(135deg,#fffaf0,#fff,#fff4fb);
  box-shadow:0 24px 80px rgba(255,187,56,.25),0 18px 50px rgba(101,33,214,.10);
  overflow:hidden;
}
.daily-highlight:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(255,187,56,.7);
  border-radius:18px;
  pointer-events:none;
}
.daily-ribbon{
  position:absolute;
  top:18px;
  right:-48px;
  transform:rotate(35deg);
  background:linear-gradient(135deg,#ffbb38,#fff08a,#d89a00);
  color:#3b2500;
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:12px;
  padding:9px 60px;
  box-shadow:0 8px 25px rgba(120,75,0,.18);
  z-index:2;
}
.daily-photo{
  min-height:260px;
  border-radius:22px;
  background:linear-gradient(135deg,#ffd86f,#ffb9df,#8e35ff);
  position:relative;
  overflow:hidden;
}
.daily-photo:after{
  content:"";
  position:absolute;
  inset:46px 55px 0;
  border-radius:50% 50% 0 0;
  background:rgba(255,255,255,.42);
}
.daily-content{
  position:relative;
  z-index:1;
  padding:8px 70px 8px 0;
}
.daily-content h2{
  margin:6px 0 8px;
  font-size:42px;
  letter-spacing:-.05em;
}
.daily-content p{
  color:var(--muted);
  max-width:760px;
}
.daily-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0;
}
.daily-stats span{
  border-radius:999px;
  padding:9px 12px;
  background:#fff;
  border:1px solid rgba(255,187,56,.55);
  color:var(--muted);
  font-weight:850;
}
.daily-stats b{
  color:#b97700;
}
.badge.gold{
  background:linear-gradient(135deg,#ffbb38,#ffe88a);
  color:#3b2500;
  border:1px solid rgba(185,119,0,.3);
}
.daily-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
@media(max-width:850px){
  .daily-highlight{grid-template-columns:1fr}
  .daily-content{padding-right:0}
  .daily-ribbon{right:-58px}
}
@media(max-width:560px){
  .daily-content h2{font-size:32px}
  .daily-photo{min-height:210px}
}


/* Update: komplette klickbare Seitenübersicht */
.complete-demo .section-head h1{
  max-width:900px;
}
.demo-flow{
  padding:22px;
  margin-bottom:18px;
  background:linear-gradient(135deg,#fff,#fff4fb);
}
.demo-flow h2{
  margin-top:0;
}
.flow-steps{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.flow-steps a{
  border-radius:999px;
  padding:10px 13px;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  font-weight:950;
}
.demo-page-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.demo-page-grid.small{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.demo-page-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px;
  min-height:135px;
  border:1px solid rgba(240,0,130,.14);
  transition:.18s ease;
}
.demo-page-card:hover{
  transform:translateY(-2px);
  border-color:rgba(240,0,130,.38);
  box-shadow:0 18px 50px rgba(101,33,214,.12);
}
.demo-page-card b{
  font-size:18px;
}
.demo-page-card span{
  color:var(--muted);
  line-height:1.35;
}
.demo-page-card em{
  margin-top:auto;
  color:var(--pink);
  font-style:normal;
  font-weight:900;
  font-size:12px;
}
.legal-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
}
.legal-block h3{
  margin:20px 0 6px;
}
.legal-block p{
  color:var(--muted);
}
.legal-links{
  display:grid;
  gap:8px;
  margin-bottom:14px;
}
.legal-links a{
  border:1px solid var(--line);
  border-radius:14px;
  padding:11px 12px;
  font-weight:900;
  background:#fff;
}
.footer-legal-links{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  padding:22px 16px 12px;
  color:var(--muted);
  font-size:13px;
}
.footer-legal-links a{
  color:var(--muted);
  font-weight:850;
}
.full-field{
  grid-column:1/-1;
}
.field small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-weight:850;
}
@media(max-width:980px){
  .demo-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .legal-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .demo-page-grid,.demo-page-grid.small{grid-template-columns:1fr}
}


/* Update: Seitensprungzimmer 6 Monate online + Verlängerung */
.room-extension-panel{
  background:linear-gradient(135deg,#fff,#f7efff);
  border:2px solid rgba(101,33,214,.14);
}
.extension-timeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.extension-timeline div{
  position:relative;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  background:#fff;
  box-shadow:0 10px 30px rgba(101,33,214,.08);
}
.extension-timeline b{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  margin-bottom:10px;
}
.extension-timeline span{
  display:block;
  font-weight:950;
  margin-bottom:4px;
}
.extension-timeline em{
  color:var(--muted);
  font-style:normal;
  font-size:13px;
}
.small-stats{
  margin:12px 0;
}
@media(max-width:900px){
  .extension-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .extension-timeline{grid-template-columns:1fr}
}


/* Update: echte Bannerbilder für Eigenwerbung */
.house-banner{
  position:relative;
  display:block;
  overflow:hidden;
  border:1px solid rgba(240,0,130,.18);
  background:#12031f;
  box-shadow:0 18px 55px rgba(101,33,214,.12);
}
.house-banner img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.house-banner .ad-kicker{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  background:rgba(255,255,255,.92);
  color:var(--pink);
  box-shadow:0 8px 25px rgba(0,0,0,.12);
}
.house-banner-badge{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(36,21,47,.82);
  color:#fff;
  font-weight:900;
  font-size:12px;
  backdrop-filter:blur(6px);
}
.house-banner:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 55%, rgba(10,0,20,.22) 100%);
  pointer-events:none;
}
.house-ad-mini{
  text-decoration:none;
}
.house-creative-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:16px 0 8px;
}
.house-creative-card{
  display:block;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(240,0,130,.18);
  box-shadow:0 18px 50px rgba(101,33,214,.10);
  background:#12031f;
}
.house-creative-card img{
  width:100%;
  display:block;
}
.house-creative-card:hover,
.house-banner:hover{
  transform:translateY(-2px);
}
.house-carousel{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:2px solid rgba(240,0,130,.18);
  background:#13031f;
  box-shadow:0 24px 70px rgba(101,33,214,.14);
}
.house-carousel-slide{
  display:none;
}
.house-carousel-slide.active{
  display:block;
  animation:houseFade .55s ease;
}
.house-carousel-slide img{
  display:block;
  width:100%;
}
.house-carousel-dots{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:3;
}
.house-carousel-dots button{
  width:11px;
  height:11px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  box-shadow:0 0 0 2px rgba(255,255,255,.16);
}
.house-carousel-dots button.active{
  width:28px;
  background:#fff;
}
.own-ads-showcase{
  margin-top:10px;
}
@keyframes houseFade{
  from{opacity:.45;transform:scale(1.01)}
  to{opacity:1;transform:scale(1)}
}
@media(max-width:860px){
  .house-creative-grid{grid-template-columns:1fr}
}


/* Update: animierte Eigenwerbung */
.house-banner,
.house-creative-card,
.house-carousel-slide,
.animated-house-demo{
  position:relative;
  isolation:isolate;
}
.house-banner img,
.house-creative-card img,
.house-carousel-slide img,
.animated-house-demo img{
  transform:scale(1);
  animation:kenBurnsSoft 10s ease-in-out infinite alternate;
}
.house-banner-glow{
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.28), transparent 35%),
             radial-gradient(circle at 80% 30%, rgba(255,0,140,.25), transparent 30%),
             radial-gradient(circle at 50% 80%, rgba(140,70,255,.24), transparent 28%);
  animation:glowDrift 8s ease-in-out infinite alternate;
  z-index:1;
  pointer-events:none;
}
.house-banner-overlay{
  position:absolute;
  left:18px;
  bottom:16px;
  z-index:2;
  max-width:min(70%, 540px);
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#fff;
}
.house-banner-overlay strong{
  font-size:clamp(16px,1.9vw,28px);
  line-height:1.05;
  text-shadow:0 10px 22px rgba(0,0,0,.38);
}
.house-banner-overlay span{
  font-size:clamp(12px,1.05vw,15px);
  color:rgba(255,255,255,.92);
  text-shadow:0 8px 20px rgba(0,0,0,.34);
}
.house-banner-badge{
  animation:pulseBadge 1.8s ease-in-out infinite;
  box-shadow:0 0 0 0 rgba(255,255,255,.32);
}
.house-banner:before,
.house-creative-card:before,
.animated-house-demo:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(110deg, transparent 20%, rgba(255,255,255,.22) 48%, transparent 58%);
  transform:translateX(-130%);
  animation:shineSweep 4.8s linear infinite;
  pointer-events:none;
}
.house-creative-card{
  transition:transform .25s ease, box-shadow .25s ease;
}
.house-creative-card .house-card-copy{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#fff;
}
.house-card-copy strong{
  font-size:18px;
  line-height:1.1;
  text-shadow:0 10px 18px rgba(0,0,0,.35);
}
.house-card-copy span{
  align-self:flex-start;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(6px);
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}
.house-carousel{
  overflow:hidden;
}
.house-carousel-slide{
  position:relative;
}
.house-carousel-slide img{
  min-height:240px;
  object-fit:cover;
}
.carousel-copy{
  position:absolute;
  left:20px;
  bottom:20px;
  z-index:2;
  max-width:70%;
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#fff;
}
.carousel-copy strong{
  font-size:clamp(18px,2.2vw,34px);
  line-height:1.05;
  text-shadow:0 10px 20px rgba(0,0,0,.38);
}
.carousel-copy span{
  color:rgba(255,255,255,.92);
  font-size:clamp(13px,1.15vw,16px);
}
.house-carousel-slide:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.02) 30%, rgba(15,0,25,.46) 100%);
  z-index:1;
}
.animated-house-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}
.animated-house-demo{
  display:block;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(240,0,130,.18);
  box-shadow:0 18px 54px rgba(101,33,214,.12);
  background:#13031f;
  min-height:220px;
}
.animated-house-demo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.animated-house-demo .animated-copy{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#fff;
}
.animated-house-demo .animated-copy b{
  font-size:20px;
  text-shadow:0 10px 20px rgba(0,0,0,.35);
}
.animated-house-demo .animated-copy span{
  align-self:flex-start;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(36,21,47,.7);
  border:1px solid rgba(255,255,255,.18);
  font-weight:900;
  font-size:12px;
}
.animated-house-demo i{
  position:absolute;
  right:18px;
  top:18px;
  width:14px;
  height:14px;
  border-radius:999px;
  background:#46ffb1;
  box-shadow:0 0 0 rgba(70,255,177,.55);
  animation:signalPulse 1.8s ease-in-out infinite;
  z-index:2;
}
.house-banner:hover img,
.house-creative-card:hover img,
.animated-house-demo:hover img{
  transform:scale(1.05);
}
@keyframes shineSweep{
  0%{transform:translateX(-135%)}
  100%{transform:translateX(135%)}
}
@keyframes pulseBadge{
  0%,100%{transform:scale(1); box-shadow:0 0 0 0 rgba(255,255,255,.26)}
  50%{transform:scale(1.06); box-shadow:0 0 0 14px rgba(255,255,255,0)}
}
@keyframes signalPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(70,255,177,.55)}
  60%{box-shadow:0 0 0 12px rgba(70,255,177,0)}
}
@keyframes glowDrift{
  0%{transform:translate(-2%,-1%) scale(1)}
  100%{transform:translate(2%,2%) scale(1.08)}
}
@keyframes kenBurnsSoft{
  0%{transform:scale(1) translate3d(0,0,0)}
  100%{transform:scale(1.08) translate3d(0,-1%,0)}
}
@media(max-width:980px){
  .animated-house-row{grid-template-columns:1fr}
  .carousel-copy{max-width:82%}
  .house-banner-overlay{max-width:82%}
}
@media(max-width:640px){
  .house-banner-overlay,
  .carousel-copy{
    left:12px;
    right:12px;
    bottom:12px;
    max-width:none;
  }
  .house-banner-badge{
    right:10px;
    bottom:10px;
  }
}


/* Update: oberer Home-Banner als Standard-Leaderboard */
.top-leaderboard.compact-top-ad .ad-slot{
  min-height:90px;
  height:90px;
  border-radius:18px;
  box-shadow:0 16px 42px rgba(101,33,214,.14);
}
.top-leaderboard.compact-top-ad .house-banner img,
.top-leaderboard.compact-top-ad .ad-slot img{
  width:100%;
  height:90px;
  object-fit:cover;
}
.top-leaderboard.compact-top-ad .house-banner-overlay{
  left:14px;
  bottom:10px;
  max-width:60%;
  gap:2px;
}
.top-leaderboard.compact-top-ad .house-banner-overlay strong{
  font-size:15px;
  line-height:1.05;
}
.top-leaderboard.compact-top-ad .house-banner-overlay span{
  display:none;
}
.top-leaderboard.compact-top-ad .ad-kicker{
  top:8px;
  left:8px;
  font-size:10px;
  padding:4px 7px;
}
.top-leaderboard.compact-top-ad .house-banner-badge{
  right:10px;
  bottom:10px;
  padding:7px 10px;
  font-size:11px;
}
.top-leaderboard.compact-top-ad .house-banner-glow{
  opacity:.65;
}
@media(max-width:720px){
  .top-leaderboard.compact-top-ad .ad-slot{
    min-height:74px;
    height:74px;
    border-radius:14px;
  }
  .top-leaderboard.compact-top-ad .house-banner img,
  .top-leaderboard.compact-top-ad .ad-slot img{
    height:74px;
  }
  .top-leaderboard.compact-top-ad .house-banner-overlay{
    left:10px;
    bottom:8px;
    max-width:58%;
  }
  .top-leaderboard.compact-top-ad .house-banner-overlay strong{
    font-size:12px;
  }
  .top-leaderboard.compact-top-ad .house-banner-badge{
    font-size:10px;
    padding:6px 8px;
  }
}


/* Update: TWINT Plugin UUID und Zahlungs-Konfiguration */
.payment-method-grid,
.payment-config-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:14px 0;
}
.payment-method-card,
.config-card{
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;
  background:linear-gradient(135deg,#fff,#fff8fd);
  box-shadow:0 12px 36px rgba(101,33,214,.08);
}
.pay-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.04em;
  margin-bottom:10px;
}
.pay-logo.twint{
  background:#000;
  color:#fff;
}
.pay-logo.cardpay{
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
}
.code-pill{
  display:inline-flex;
  max-width:100%;
  overflow:auto;
  border-radius:14px;
  border:1px solid rgba(101,33,214,.16);
  background:#f7efff;
  color:#4b2766;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-weight:850;
  padding:9px 10px;
  margin:8px 0 12px;
  white-space:nowrap;
}
.payment-method-card small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-weight:800;
}
.payment-topup-panel{
  border:2px solid rgba(240,0,130,.14);
}
@media(max-width:860px){
  .payment-method-grid,
  .payment-config-grid{
    grid-template-columns:1fr;
  }
}


/* Update: Anbieterbereiche getrennt + Werbeformular */
.provider-separation-panel{
  margin-bottom:18px;
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#fff7fd);
}
.separation-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.separation-grid div{
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  background:#fff;
}
.separation-grid b{
  display:block;
  color:var(--pink);
  font-size:18px;
  margin-bottom:6px;
}
.separation-grid span{
  color:var(--muted);
  line-height:1.45;
}
.ad-contact-form-panel{
  border:2px solid rgba(240,0,130,.14);
  background:linear-gradient(135deg,#fff,#fff8fd);
}
.ad-request-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:16px;
  align-items:start;
}
.ad-request-form{
  min-width:0;
}
.ad-request-summary{
  padding:18px;
  position:sticky;
  top:90px;
}
.ad-request-summary h3{
  margin-top:0;
}
.ad-request-summary ul{
  margin:0 0 14px;
  padding-left:18px;
  color:var(--muted);
  line-height:1.55;
}
.small-upload{
  min-height:86px;
  font-size:14px;
}
@media(max-width:920px){
  .separation-grid,
  .ad-request-layout{
    grid-template-columns:1fr;
  }
  .ad-request-summary{
    position:static;
  }
}


/* Update: Werbeseite ohne Beispiele / ohne Eigenwerbung */
.fixed-price-intro{
  margin-top:18px;
}
.ad-contact-form-panel{
  margin-top:18px;
}


/* Update: oberer Home-Banner als echtes Standard-Leaderboard 728x90 */
.top-leaderboard.compact-top-ad{
  display:flex;
  justify-content:center;
}
.top-leaderboard.compact-top-ad .ad-slot{
  width:728px;
  max-width:100%;
  min-height:90px;
  height:90px;
  border-radius:16px;
  box-shadow:0 16px 42px rgba(101,33,214,.14);
}
.top-leaderboard.compact-top-ad .house-banner img,
.top-leaderboard.compact-top-ad .ad-slot img{
  width:728px;
  max-width:100%;
  height:90px;
  object-fit:cover;
}
.top-leaderboard.compact-top-ad .house-banner-overlay{
  left:14px;
  bottom:10px;
  max-width:58%;
  gap:2px;
}
.top-leaderboard.compact-top-ad .house-banner-overlay strong{
  font-size:14px;
  line-height:1.05;
}
.top-leaderboard.compact-top-ad .house-banner-overlay span{
  display:none;
}
.top-leaderboard.compact-top-ad .ad-kicker{
  top:8px;
  left:8px;
  font-size:10px;
  padding:4px 7px;
}
.top-leaderboard.compact-top-ad .house-banner-badge{
  right:10px;
  bottom:10px;
  padding:6px 10px;
  font-size:10px;
}
.top-leaderboard.compact-top-ad .house-banner-glow{
  opacity:.6;
}
@media(max-width:760px){
  .top-leaderboard.compact-top-ad .ad-slot{
    width:100%;
    height:74px;
    min-height:74px;
    border-radius:14px;
  }
  .top-leaderboard.compact-top-ad .house-banner img,
  .top-leaderboard.compact-top-ad .ad-slot img{
    width:100%;
    height:74px;
  }
  .top-leaderboard.compact-top-ad .house-banner-overlay{
    left:10px;
    bottom:8px;
    max-width:56%;
  }
  .top-leaderboard.compact-top-ad .house-banner-overlay strong{
    font-size:12px;
  }
  .top-leaderboard.compact-top-ad .house-banner-badge{
    font-size:10px;
    padding:5px 8px;
  }
}


/* Update: Adminbereich externe Werbung verwalten */
.external-ads-admin{
  border:2px solid rgba(240,0,130,.14);
  background:linear-gradient(135deg,#fff,#fff8fd);
}
.ad-admin-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.ad-management-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0;
}
.ad-management-tabs button{
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;
  cursor:pointer;
}
.ad-management-tabs button.active{
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  border-color:transparent;
}
.ad-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.ad-admin-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:16px;
  overflow:auto;
}
.ad-admin-box.full{
  margin-top:14px;
}
.ad-status{
  display:inline-flex;
  border-radius:999px;
  padding:5px 9px;
  font-size:12px;
  font-weight:950;
}
.ad-status.live{
  background:rgba(19,183,107,.12);
  color:var(--green);
}
.ad-status.pending{
  background:rgba(255,187,56,.16);
  color:#a86d00;
}
.ad-status.draft{
  background:rgba(101,33,214,.10);
  color:var(--purple);
}
.approval-list{
  display:grid;
  gap:10px;
  margin:12px 0 16px;
}
.approval-list label{
  display:flex;
  gap:8px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
  background:#fff;
  color:var(--muted);
  font-weight:850;
}
@media(max-width:1100px){
  .ad-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-admin-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .ad-admin-kpis{grid-template-columns:1fr}
}


/* Update: Mobile-Version ohne Werbung */
@media(max-width:760px){
  .top-leaderboard,
  .compact-top-ad,
  .ad-slot,
  .ad-mini,
  .ad-sidebar,
  .ad-sticky,
  .house-banner,
  .house-creative-grid,
  .house-carousel,
  .animated-house-row,
  .button-exchange-bottom{
    display:none!important;
  }

  .section:has(.ad-slot){
    display:none!important;
  }

  body{
    --mobile-ads-disabled: 1;
  }
}
.mobile-ad-policy-box{
  border:2px solid rgba(239,68,68,.12);
  background:linear-gradient(135deg,#fff,#fff5f6);
}


/* Update: Zahlungslogos Kreditkarte + TWINT, ohne sichtbares Kreditkarte */
.payment-brand-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:14px 0 16px;
}
.payment-brand-strip.admin-strip{
  margin-top:4px;
}
.card-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border-radius:10px;
  border:1px solid rgba(20,20,30,.12);
  background:#fff;
  padding:7px 12px;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.02em;
  box-shadow:0 8px 20px rgba(38,14,60,.08);
  white-space:nowrap;
}
.card-logo.logo-credit{
  background:#20122e;
  color:#fff;
}
.card-logo.visa{
  color:#1434cb;
  font-size:17px;
  letter-spacing:.08em;
}
.card-logo.mastercard{
  position:relative;
  gap:4px;
  color:#222;
  min-width:120px;
}
.card-logo.mastercard i{
  width:18px;
  height:18px;
  border-radius:50%;
  display:inline-block;
}
.card-logo.mastercard i:first-child{
  background:#eb001b;
  margin-right:-8px;
}
.card-logo.mastercard i:nth-child(2){
  background:#f79e1b;
}
.card-logo.mastercard b{
  font-size:12px;
  margin-left:5px;
}
.card-logo.amex{
  background:#2e77bb;
  color:#fff;
  letter-spacing:.08em;
}
.card-logo.twint-logo{
  background:#050505;
  color:#fff;
  position:relative;
  padding-left:14px;
  padding-right:14px;
}
.card-logo.twint-logo:before{
  content:"";
  width:9px;
  height:9px;
  border-radius:2px;
  background:linear-gradient(135deg,#ff7a00,#19c45a,#1e88ff);
  display:inline-block;
  margin-right:6px;
  transform:rotate(45deg);
}
.card-logo.wallet{
  background:linear-gradient(135deg,#fff,#f4f1ff);
  color:#1f1230;
}
.payment-single-box{
  border:1px solid var(--line);
  background:#fff;
  border-radius:22px;
  padding:18px;
  box-shadow:0 12px 36px rgba(101,33,214,.08);
}
.payment-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.pay-logo.cardpay{
  background:#20122e;
  color:#fff;
}
.payment-method-grid .payment-method-card{
  display:block;
}


/* Fix: korrektes TWINT-Logo */

.twint-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:34px;
  padding:6px 12px;
  border-radius:10px;
  border:1px solid rgba(20,20,30,.12);
  background:#fff;
  box-shadow:0 8px 20px rgba(38,14,60,.08);
  white-space:nowrap;
}
.twint-glyph{
  width:20px;
  height:20px;
  position:relative;
  display:inline-block;
  transform:rotate(45deg);
}
.twint-glyph .sq{
  position:absolute;
  width:9px;
  height:9px;
  border-radius:2px;
}
.twint-glyph .sq.a{left:0;top:0;background:#ff7a00;}
.twint-glyph .sq.b{right:0;top:0;background:#ff4fb3;}
.twint-glyph .sq.c{left:0;bottom:0;background:#16c15a;}
.twint-glyph .sq.d{right:0;bottom:0;background:#00a3ff;}
.twint-word{
  font-size:15px;
  font-weight:1000;
  letter-spacing:.05em;
  color:#111;
}
.payment-brand-strip .twint-brand,
.admin-strip .twint-brand{
  min-height:34px;
}
.config-card .twint-brand,
.payment-topup-panel .twint-brand{
  vertical-align:middle;
}

.card-logo.twint-logo{background:#fff;color:#111;}
.card-logo.twint-logo:before{display:none;}
.pay-logo.twint{background:#fff;color:#111;border:1px solid rgba(20,20,30,.12);}


/* Update: komplette lokale Login-Demo */
.login-card-wide{
  max-width:880px;
  width:min(880px, calc(100vw - 32px));
}
.login-form{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:12px;
  align-items:end;
  margin:18px 0;
}
.login-form .btn{
  min-height:48px;
}
.login-test-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0 16px;
}
.login-test-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:15px;
  background:linear-gradient(135deg,#fff,#fff7fd);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.login-test-card b{
  color:var(--pink);
  font-size:17px;
}
.login-test-card code,
.notice code{
  background:#f4ecff;
  color:#4b2766;
  border-radius:7px;
  padding:2px 6px;
  font-weight:900;
}
.login-message{
  display:none;
}
.login-message.ok,
.login-message.error{
  display:block;
  margin:12px 0;
  border-radius:14px;
  padding:12px 14px;
  font-weight:850;
}
.login-message.ok{
  background:rgba(19,183,107,.10);
  color:var(--green);
  border:1px solid rgba(19,183,107,.22);
}
.login-message.error{
  background:rgba(239,68,68,.10);
  color:var(--red);
  border:1px solid rgba(239,68,68,.22);
}
.login-current-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:16px 0;
}
.auth-pill{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(240,0,130,.18);
  border-radius:999px;
  background:#fff;
  padding:4px 5px 4px 12px;
  box-shadow:0 8px 20px rgba(38,14,60,.08);
}
.auth-pill span{
  font-weight:1000;
  color:#24152f;
  font-size:13px;
}
.auth-pill small{
  color:var(--muted);
  font-weight:850;
  font-size:11px;
}
.auth-pill button{
  border:0;
  border-radius:999px;
  padding:7px 10px;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  font-weight:950;
  cursor:pointer;
  font-size:11px;
}
.subview-panel{
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#fff8fd);
  margin:0 0 18px;
}
.sub-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.mini-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.mini-box{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  padding:13px;
}
.mini-box b{
  display:block;
  color:var(--pink);
  margin-bottom:4px;
}
.mini-box span{
  color:var(--muted);
  font-weight:800;
}
.calendar-demo-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
  margin:14px 0;
}
.calendar-demo-grid button{
  border:1px solid var(--line);
  border-radius:13px;
  padding:12px 8px;
  background:#fff;
  color:#4b2766;
  font-weight:900;
  cursor:pointer;
}
.calendar-demo-grid button:nth-child(2),
.calendar-demo-grid button:nth-child(6){
  background:#fff0f6;
  color:var(--pink);
}
.calendar-demo-grid button:nth-child(3){
  background:#f4ecff;
  color:var(--purple);
}
@media(max-width:860px){
  .login-form,
  .login-test-grid,
  .mini-admin-grid{
    grid-template-columns:1fr;
  }
  .calendar-demo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .auth-pill small{
    display:none;
  }
}


/* Update: Multi-Inserate pro Konto + korrektes TWINT Logo */
.multi-listing-panel{
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#fff8fd);
}
.multi-listing-rules{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 16px;
}
.multi-listing-rules span{
  display:inline-flex;
  border-radius:999px;
  padding:8px 12px;
  background:#f4ecff;
  color:#4b2766;
  font-weight:950;
  font-size:12px;
}
.club-phone-policy{
  border:2px solid rgba(240,0,130,.12);
  background:linear-gradient(135deg,#fff,#fff7fd);
}
.twint-official-logo{
  display:inline-block;
  width:104px;
  height:auto;
  min-height:34px;
  border-radius:10px;
  background:#fff;
  border:1px solid rgba(20,20,30,.12);
  box-shadow:0 8px 20px rgba(38,14,60,.08);
  padding:4px 8px;
  object-fit:contain;
  vertical-align:middle;
}
.config-card .twint-official-logo{
  margin-bottom:10px;
}
.payment-brand-strip .twint-official-logo,
.admin-strip .twint-official-logo{
  height:34px;
}

.twint-brand,.twint-glyph,.twint-word{display:none!important;}


/* Update: komplette lokale Klick-Demo */
.demo-toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  width:min(360px,calc(100vw - 36px));
  background:#24152f;
  color:#fff;
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 22px 70px rgba(0,0,0,.25);
  transform:translateY(18px);
  opacity:0;
  pointer-events:none;
  transition:.22s ease;
}
.demo-toast.show{
  transform:translateY(0);
  opacity:1;
}
.demo-toast b{
  display:block;
  font-size:15px;
  margin-bottom:3px;
}
.demo-toast span{
  color:rgba(255,255,255,.82);
  font-size:13px;
  line-height:1.35;
}
.demo-action-modal{
  position:fixed;
  inset:0;
  z-index:9998;
  background:rgba(20,8,30,.45);
  backdrop-filter:blur(8px);
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.demo-action-modal.show{
  display:flex;
}
.demo-action-card{
  width:min(520px,100%);
  background:#fff;
  border-radius:26px;
  padding:26px;
  box-shadow:0 30px 100px rgba(0,0,0,.25);
  position:relative;
  border:1px solid rgba(240,0,130,.18);
}
.demo-action-card h2{
  margin:0 0 8px;
  font-size:26px;
}
.demo-action-card p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
.demo-close{
  position:absolute;
  right:14px;
  top:12px;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  font-size:22px;
  cursor:pointer;
}
.demo-modal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.side a,
button,
.btn,
.role-card,
.chip,
.card a{
  cursor:pointer;
}


/* Update: einfaches Gratis-Inserat + Dienstleistungen + Vorschau */
.create-listing-page .section-head{
  align-items:flex-start;
}
.gratis-focus-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:18px;
  border:2px solid rgba(19,183,107,.16);
  background:linear-gradient(135deg,#f3fff8,#fff);
}
.gratis-focus-strip b{
  color:var(--green);
  font-size:24px;
}
.gratis-focus-strip span{
  color:var(--muted);
  font-weight:850;
}
.easy-ad-create-panel{
  border:2px solid rgba(19,183,107,.18);
  background:linear-gradient(135deg,#fff,#f7fff9);
}
.free-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.free-hero h2{
  margin:4px 0 8px;
  font-size:clamp(30px,4vw,48px);
}
.free-price-badge{
  min-width:140px;
  min-height:110px;
  border-radius:26px;
  background:linear-gradient(135deg,#13b76b,#79d98d);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 18px 45px rgba(19,183,107,.22);
}
.free-price-badge b{
  font-size:34px;
  line-height:1;
}
.free-price-badge span{
  font-weight:950;
  font-size:12px;
}
.easy-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0 18px;
}
.easy-step{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(19,183,107,.20);
  background:#fff;
  border-radius:18px;
  padding:12px;
}
.easy-step b{
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--green);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.easy-step span{
  font-weight:950;
}
.service-checklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:14px 0 18px;
}
.service-group-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:15px;
}
.service-group-box h3{
  margin:0 0 10px;
  color:var(--pink);
}
.service-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.service-check{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #f0d2ea;
  border-radius:13px;
  padding:9px 10px;
  background:#fff8fd;
  cursor:pointer;
  font-weight:850;
  color:#4b2766;
}
.service-check input{
  accent-color:var(--pink);
  width:16px;
  height:16px;
}
.preview-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.upgrade-benefits-panel{
  border:1px solid rgba(101,33,214,.16);
  background:linear-gradient(135deg,#fff,#f8f3ff);
}
.upgrade-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.upgrade-benefit-grid div{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:16px;
}
.upgrade-benefit-grid b{
  display:block;
  color:var(--purple);
  font-size:20px;
  margin-bottom:6px;
}
.upgrade-benefit-grid span{
  color:var(--muted);
  line-height:1.4;
}
.preview-listing-card{
  display:grid;
  grid-template-columns:minmax(280px,42%) minmax(0,1fr);
  gap:24px;
  padding:22px;
}
.service-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 18px;
}
.service-tags span{
  display:inline-flex;
  border-radius:999px;
  padding:7px 11px;
  background:#fff0fa;
  color:var(--pink);
  font-weight:900;
  font-size:13px;
}
@media(max-width:900px){
  .free-hero,
  .preview-listing-card{
    grid-template-columns:1fr;
    display:block;
  }
  .free-price-badge{
    margin-top:14px;
  }
  .service-checklist,
  .upgrade-benefit-grid,
  .easy-steps{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .service-check-grid{
    grid-template-columns:1fr;
  }
}


/* Update: vielfältige Dienstleistungen + Favoriten-Abgleich */
.service-count-badge{
  display:inline-flex;
  margin-left:8px;
  padding:5px 9px;
  border-radius:999px;
  background:#f4ecff;
  color:var(--purple);
  font-size:12px;
  vertical-align:middle;
}
.favorite-service-checklist .service-group-box{
  background:linear-gradient(135deg,#fff,#fff8fd);
}
.favorite-sync-panel{
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#f8f3ff);
}
.favorite-match-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.favorite-match-card{
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  background:#fff;
  box-shadow:0 12px 32px rgba(101,33,214,.06);
}
.favorite-match-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}
.favorite-match-head b{
  font-size:20px;
  color:#24152f;
}
.favorite-match-head span{
  display:inline-flex;
  border-radius:999px;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  padding:6px 10px;
  font-weight:950;
  font-size:12px;
  white-space:nowrap;
}
.favorite-match-card p{
  color:var(--muted);
  margin:0 0 10px;
}
@media(max-width:900px){
  .favorite-match-list{
    grid-template-columns:1fr;
  }
}


/* Update: Meine Inserate zuerst + Gratis/Basic Start + Upgrade-Flows */
.my-listings-panel{
  border:2px solid rgba(19,183,107,.16);
  background:linear-gradient(135deg,#fff,#f7fff9);
}
.row-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.new-listing-choice-panel{
  border:2px solid rgba(240,0,130,.14);
  background:linear-gradient(135deg,#fff,#fff8fd);
}
.listing-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.listing-choice-card{
  border:1px solid var(--line);
  border-radius:24px;
  padding:20px;
  background:#fff;
  box-shadow:0 14px 42px rgba(101,33,214,.08);
}
.listing-choice-card h3{
  margin:6px 0;
  font-size:28px;
}
.listing-choice-card .amount{
  font-weight:1000;
  font-size:24px;
  color:var(--pink);
  margin:8px 0;
}
.listing-choice-card ul{
  color:var(--muted);
  line-height:1.55;
  padding-left:20px;
}
.free-choice{
  border-color:rgba(19,183,107,.28);
  background:linear-gradient(135deg,#f5fff9,#fff);
}
.free-choice .amount{
  color:var(--green);
}
.basic-choice{
  border-color:rgba(101,33,214,.22);
  background:linear-gradient(135deg,#fff,#f5efff);
}
.upgrade-matrix-panel{
  border:1px solid rgba(101,33,214,.16);
  background:linear-gradient(135deg,#fff,#f8f3ff);
}
.upgrade-matrix-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.upgrade-matrix-grid div,
.upgrade-inline-box{
  border:1px solid var(--line);
  background:#fff;
  border-radius:18px;
  padding:15px;
}
.upgrade-matrix-grid b,
.upgrade-inline-box b{
  display:block;
  color:var(--purple);
  font-size:18px;
  margin-bottom:5px;
}
.upgrade-matrix-grid span,
.upgrade-inline-box span{
  display:block;
  color:var(--muted);
  margin-bottom:10px;
  line-height:1.4;
}
.upgrade-inline-box{
  margin:14px 0;
  border:2px solid rgba(240,0,130,.12);
}
.twint-official-logo{
  width:112px;
  height:auto;
  min-height:36px;
  object-fit:contain;
  background:#fff;
  border-radius:10px;
  border:1px solid rgba(20,20,30,.10);
  padding:4px 8px;
  box-shadow:0 8px 20px rgba(38,14,60,.08);
}
@media(max-width:980px){
  .listing-choice-grid,
  .upgrade-matrix-grid{
    grid-template-columns:1fr;
  }
  .row-actions{
    flex-direction:column;
  }
}


/* Update: Paketwahl bei Meine Inserate + Nationalität + Sprachen max 4 + Service für */
.listing-choice-grid.four-options{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.gold-choice{
  border-color:rgba(240,180,40,.35);
  background:linear-gradient(135deg,#fffaf0,#fff);
}
.gold-choice .amount{
  color:#a86d00;
}
.platin-choice{
  border-color:rgba(36,21,47,.22);
  background:linear-gradient(135deg,#fff,#f2f0ff);
}
.prepared-listing-editor-panel{
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#fbf8ff);
}
.language-max4-panel,
.audience-check-panel{
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  background:#fff;
  margin:16px 0;
}
.language-count-badge{
  display:inline-flex;
  border-radius:999px;
  padding:7px 12px;
  background:#f4ecff;
  color:var(--purple);
  font-weight:950;
}
.language-max4-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.language-level-row{
  display:grid;
  grid-template-columns:auto 1fr 76px auto;
  align-items:center;
  gap:8px;
  border:1px solid #f0d2ea;
  border-radius:14px;
  padding:10px;
  background:#fff8fd;
}
.language-level-row input,
.audience-check input{
  accent-color:var(--pink);
  width:16px;
  height:16px;
}
.language-level-row span{
  font-weight:900;
  color:#4b2766;
}
.language-level-row select{
  width:70px;
  border-radius:10px;
  border:1px solid var(--line);
  padding:7px;
  background:#fff;
}
.language-level-row small{
  color:var(--muted);
  font-weight:900;
}
.language-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 16px;
}
.language-tags span{
  display:inline-flex;
  gap:5px;
  border-radius:999px;
  padding:7px 11px;
  background:#f4ecff;
  color:var(--purple);
  font-weight:900;
  font-size:13px;
}
.language-tags b{
  color:#24152f;
}
.audience-check-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.audience-check{
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(19,183,107,.22);
  border-radius:16px;
  padding:13px;
  background:#f7fff9;
  color:#1f5f3c;
  font-weight:950;
  cursor:pointer;
}
@media(max-width:1150px){
  .listing-choice-grid.four-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .listing-choice-grid.four-options,
  .language-max4-grid,
  .audience-check-grid{
    grid-template-columns:1fr;
  }
}


/* Update: Paketwahl zuerst, danach erstellen + Girl-Inserate komplett werbefrei */
.top-payment-panel{
  border:2px solid rgba(19,183,107,.18);
  background:linear-gradient(135deg,#fff,#f5fff9);
}
.wallet-big{
  min-width:130px;
  border-radius:22px;
  background:linear-gradient(135deg,#13b76b,#79d98d);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  font-size:24px;
  font-weight:1000;
  box-shadow:0 18px 45px rgba(19,183,107,.22);
}
.selected-package-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:18px;
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#f7f2ff);
}
.selected-package-strip b{
  color:var(--purple);
  font-size:22px;
}
.selected-package-strip span{
  color:var(--muted);
  font-weight:850;
}
.girl-profile-clean{
  max-width:1180px;
}
.girl-profile-notice{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(19,183,107,.20);
  background:linear-gradient(135deg,#fff,#f7fff9);
  margin-bottom:18px;
}
.girl-profile-notice b{
  color:var(--green);
  font-size:18px;
}
.girl-profile-notice span{
  color:var(--muted);
  font-weight:850;
}
.clean-profile-sections{
  margin-top:22px;
}
.girl-profile-clean .ad-slot,
.girl-profile-clean .ad-sidebar,
.girl-profile-clean .ad-sticky,
.girl-profile-clean .house-banner,
.girl-profile-clean .house-carousel{
  display:none!important;
}


/* Final: schlanker Anbieterbereich + einfache Upgrades + Uploadlimits */
.advertiser-simple .dash-main > .panel,
.advertiser-simple .dash-main > .stats{
  margin-bottom:16px;
}
.simple-panel{
  border:1px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#fbf8ff);
}
.listing-choice-grid.two-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.simple-listings-table small{
  color:var(--muted);
  font-weight:750;
}
.package-badge{
  display:inline-flex;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:1000;
}
.package-badge.free{background:#eafff2;color:#16894f}
.package-badge.basic{background:#f4ecff;color:var(--purple)}
.package-badge.gold{background:#fff5d6;color:#a86d00}
.row-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.simple-upgrade-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.upgrade-click-card{
  text-align:left;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:16px;
  cursor:pointer;
  box-shadow:0 12px 32px rgba(101,33,214,.06);
}
.upgrade-click-card b{
  display:block;
  color:var(--purple);
  font-size:18px;
  margin-bottom:6px;
}
.upgrade-click-card span{
  display:block;
  color:var(--muted);
  line-height:1.4;
}
.upload-fields-panel,
.direct-upgrade-box{
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  background:#fff;
  margin:16px 0;
}
.upload-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.upload-grid.ten-uploads{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.upload-mini{
  min-height:96px;
  border:1px dashed rgba(101,33,214,.32);
  border-radius:16px;
  background:#fbf8ff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:1000;
  color:#4b2766;
  gap:4px;
}
.upload-mini small{
  color:var(--muted);
}
.locked-upload{
  border-color:rgba(240,0,130,.35);
  background:#fff4fa;
}
.video-upload{
  border-color:rgba(19,183,107,.35);
  background:#f3fff8;
}
.direct-upgrade-box{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  background:linear-gradient(135deg,#fff7fd,#fff);
  border:2px solid rgba(240,0,130,.12);
}
.direct-upgrade-box b{
  color:var(--pink);
  font-size:18px;
}
.inline-upgrade-btn{
  margin-top:8px;
}
body.route-advertiser .button-exchange-bottom,
body.route-admin .button-exchange-bottom,
body.route-room-provider .button-exchange-bottom,
body.route-listing .button-exchange-bottom,
body.route-inserat-erstellen .button-exchange-bottom{
  display:none!important;
}
@media(max-width:980px){
  .listing-choice-grid.two-options,
  .simple-upgrade-grid,
  .upload-grid.ten-uploads{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:640px){
  .listing-choice-grid.two-options,
  .simple-upgrade-grid,
  .upload-grid,
  .upload-grid.ten-uploads{
    grid-template-columns:1fr;
  }
}

/* Final TWINT size */
.twint-official-logo{
  width:132px;
  height:auto;
  min-height:36px;
  object-fit:contain;
  background:#fff;
  border-radius:10px;
  border:1px solid rgba(20,20,30,.10);
  padding:4px 8px;
}


/* Final: Region Inserate-Prio + AND6-inspirierte Profile + einfache Upload-Upgrades */
.region-page-priority .region-top-banner{margin:0 0 16px}
.region-page-priority .region-main-list .ad-slot,
.region-page-priority .region-main-list .house-banner,
.region-page-priority .region-main-list .house-carousel{display:none!important}
.region-side-banners .ad-sticky{display:flex;flex-direction:column;gap:14px}
.and6-inspired-profile .profile-top-nav{display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}
.and6-inspired-profile .profile-top-nav a{font-weight:900;color:var(--pink);text-decoration:none}
.and6-profile-head{display:grid;grid-template-columns:minmax(280px,42%) minmax(0,1fr);gap:18px}
.and6-tabs{margin-top:14px}
.and6-info-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.compact-details div{padding:8px 0}
.advertiser-simple .dash-main > .panel,.advertiser-simple .dash-main > .stats{margin-bottom:16px}
.simple-panel{border:1px solid rgba(101,33,214,.14);background:linear-gradient(135deg,#fff,#fbf8ff)}
.listing-choice-grid.two-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.package-badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:1000}
.package-badge.free{background:#eafff2;color:#16894f}.package-badge.basic{background:#f4ecff;color:var(--purple)}.package-badge.gold{background:#fff5d6;color:#a86d00}
.row-actions{display:flex;flex-wrap:wrap;gap:6px}
.simple-upgrade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.upgrade-click-card{text-align:left;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;cursor:pointer;box-shadow:0 12px 32px rgba(101,33,214,.06)}
.upgrade-click-card b{display:block;color:var(--purple);font-size:18px;margin-bottom:6px}.upgrade-click-card span{display:block;color:var(--muted);line-height:1.4}
.upload-fields-panel,.direct-upgrade-box{border:1px solid var(--line);border-radius:22px;padding:16px;background:#fff;margin:16px 0}
.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.upload-grid.ten-uploads{grid-template-columns:repeat(4,minmax(0,1fr))}
.upload-mini{min-height:96px;border:1px dashed rgba(101,33,214,.32);border-radius:16px;background:#fbf8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:1000;color:#4b2766;gap:4px}
.upload-mini small{color:var(--muted)}.locked-upload{border-color:rgba(240,0,130,.35);background:#fff4fa}.video-upload{border-color:rgba(19,183,107,.35);background:#f3fff8}
.direct-upgrade-box{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fff7fd,#fff);border:2px solid rgba(240,0,130,.12)}
.direct-upgrade-box b{color:var(--pink);font-size:18px}.inline-upgrade-btn{margin-top:8px}
body.route-advertiser .button-exchange-bottom,body.route-admin .button-exchange-bottom,body.route-room-provider .button-exchange-bottom,body.route-listing .button-exchange-bottom,body.route-inserat-erstellen .button-exchange-bottom{display:none!important}
.twint-official-logo{width:132px;height:auto;min-height:36px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid rgba(20,20,30,.10);padding:4px 8px}
@media(max-width:980px){.and6-profile-head,.and6-info-layout,.listing-choice-grid.two-options,.simple-upgrade-grid,.upload-grid.ten-uploads{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.and6-profile-head,.and6-info-layout,.listing-choice-grid.two-options,.simple-upgrade-grid,.upload-grid,.upload-grid.ten-uploads{grid-template-columns:1fr}}


/* AND6-inspirierte Inserate in Regionen */
.grid{
  align-items:stretch;
}
.and6-listing-card{
  overflow:hidden;
  position:relative;
}
.and6-listing-card .listing-photo-wrap{
  position:relative;
}
.and6-listing-card .photo{
  min-height:245px;
  background-size:cover;
  background-position:center;
}
.and6-listing-card .badges{
  position:absolute;
  z-index:2;
  left:10px;
  top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.and6-listing-card .badge{
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.and6-listing-card .listing-body{
  padding:14px;
}
.and6-listing-card .listing-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:start;
}
.and6-listing-card h3{
  margin:0;
  font-size:20px;
}
.and6-listing-card .meta{
  margin:5px 0 10px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
}
.mini-service-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0;
}
.mini-service-row span{
  border-radius:999px;
  padding:5px 8px;
  background:#fff0fa;
  color:var(--pink);
  font-size:12px;
  font-weight:900;
}
.available-row{
  color:#4b2766;
  font-size:12px;
  font-weight:900;
  margin:7px 0 10px;
}
.badge.video{background:#eef6ff;color:#0b72b9}
.badge.comment{background:#f4ecff;color:var(--purple)}
.badge.basic{background:#f4ecff;color:var(--purple)}
.daily-photo{
  background-size:cover;
  background-position:center;
}


/* AND6 Layout V2 + klickbare Bildvergrösserung */
.and6-card-v2{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(30,20,45,.10);
  background:#fff;
  box-shadow:0 14px 38px rgba(30,20,45,.10);
  transition:transform .18s ease, box-shadow .18s ease;
}
.and6-card-v2:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 50px rgba(30,20,45,.16);
}
.and6-card-photo{
  position:relative;
  cursor:zoom-in;
}
.and6-card-photo .photo{
  min-height:285px;
  background-size:cover;
  background-position:center;
}
.and6-card-badges{
  position:absolute;
  left:10px;
  top:10px;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.and6-photo-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:22px 12px 10px;
  background:linear-gradient(transparent,rgba(0,0,0,.55));
  color:#fff;
  font-weight:900;
  opacity:.0;
  transition:.18s ease;
}
.and6-card-photo:hover .and6-photo-overlay{
  opacity:1;
}
.and6-card-info{
  padding:13px;
}
.and6-name-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.and6-name-row h3{
  margin:0;
  font-size:21px;
}
.and6-name-row p{
  margin:3px 0 0;
  color:var(--muted);
  font-weight:850;
  font-size:13px;
}
.and6-rating{
  border-radius:999px;
  padding:6px 9px;
  background:#fff8e7;
  color:#9a6500;
  font-weight:1000;
  white-space:nowrap;
}
.and6-quick-facts{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:9px 0;
}
.and6-quick-facts span{
  border-radius:999px;
  padding:5px 8px;
  background:#f6f1ff;
  color:#4b2766;
  font-size:12px;
  font-weight:900;
}
.and6-card-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
}
.and6-card-actions .mini{
  justify-content:center;
  text-align:center;
}
.image-lightbox{
  position:fixed;
  inset:0;
  background:rgba(13,8,20,.78);
  backdrop-filter:blur(10px);
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.image-lightbox.show{
  display:flex;
}
.image-lightbox-card{
  width:min(760px,96vw);
  max-height:94vh;
  position:relative;
  background:#111;
  border-radius:24px;
  padding:12px;
  box-shadow:0 30px 120px rgba(0,0,0,.45);
}
.image-lightbox-card img{
  width:100%;
  max-height:82vh;
  object-fit:contain;
  border-radius:18px;
  display:block;
  background:#fff;
}
.image-lightbox-title{
  color:#fff;
  font-weight:950;
  padding:10px 4px 2px;
}
.image-lightbox-close{
  position:absolute;
  right:-12px;
  top:-12px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:0;
  background:#fff;
  color:#111;
  font-size:26px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.and6-profile-v2 .profile-top-nav{
  display:flex;
  gap:12px;
  justify-content:space-between;
  margin-bottom:16px;
}
.and6-profile-v2 .profile-top-nav a{
  text-decoration:none;
  color:var(--pink);
  font-weight:950;
}
.and6-profile-head.v2{
  display:grid;
  grid-template-columns:minmax(300px,44%) minmax(0,1fr);
  gap:18px;
}
.and6-gallery-v2{
  padding:0;
  overflow:hidden;
}
.and6-gallery-main{
  position:relative;
  cursor:zoom-in;
}
.and6-gallery-v2 .big-photo{
  min-height:520px;
  background-size:cover;
  background-position:center;
}
.gallery-zoom-hint{
  position:absolute;
  right:14px;
  bottom:14px;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-weight:950;
}
.and6-thumbs{
  padding:10px;
  background:#fff;
}
.and6-thumbs .thumb{
  cursor:zoom-in;
  background-size:cover;
  background-position:center;
}
.and6-summary-card{
  align-self:start;
}
.and6-score-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}
.and6-score-row span{
  border-radius:999px;
  padding:7px 10px;
  background:#f4ecff;
  color:#4b2766;
  font-weight:950;
}
.and6-info-layout.v2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.services-box-wide{
  grid-column:1/-1;
}
.clickable-photo{
  cursor:zoom-in;
}
@media(max-width:980px){
  .and6-profile-head.v2,
  .and6-info-layout.v2{
    grid-template-columns:1fr;
  }
  .and6-gallery-v2 .big-photo{
    min-height:420px;
  }
}
@media(max-width:620px){
  .and6-card-actions{
    grid-template-columns:1fr;
  }
}


/* Update: vorheriges/nächstes Inserat mit Miniaturbild */
.profile-thumb-nav{
  display:grid!important;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:12px!important;
}
.thumb-nav-card{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:76px;
  border:1px solid var(--line);
  border-radius:18px;
  padding:8px;
  background:#fff;
  text-decoration:none;
  color:#24152f!important;
  transition:transform .16s ease, box-shadow .16s ease;
}
.thumb-nav-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 36px rgba(101,33,214,.12);
}
.thumb-nav-card.next{
  justify-content:flex-end;
  text-align:right;
}
.thumb-nav-img{
  width:58px;
  height:58px;
  border-radius:14px;
  background-size:cover;
  background-position:center;
  flex:0 0 58px;
  box-shadow:0 8px 24px rgba(40,20,70,.12);
}
.thumb-nav-text{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.thumb-nav-text small{
  color:var(--pink);
  font-weight:950;
}
.thumb-nav-text b{
  font-size:15px;
  line-height:1.15;
}
.thumb-nav-text em{
  color:var(--muted);
  font-size:12px;
  font-style:normal;
  font-weight:850;
}
.thumb-nav-center{
  border-radius:999px;
  padding:10px 14px;
  background:#fff0fa;
  color:var(--pink)!important;
  font-weight:950;
  text-decoration:none;
  white-space:nowrap;
}
@media(max-width:780px){
  .profile-thumb-nav{
    grid-template-columns:1fr;
  }
  .thumb-nav-card.next{
    text-align:left;
    justify-content:flex-start;
  }
  .thumb-nav-card.next .thumb-nav-img{
    order:-1;
  }
  .thumb-nav-center{
    text-align:center;
  }
}


/* Automatisches Wasserzeichen für Inseratbilder */
.watermark-note{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:14px;
  background:linear-gradient(135deg,#fff5fb,#f7f1ff);
  border:1px solid rgba(240,0,130,.12);
  color:#552f71;
  font-size:13px;
  font-weight:750;
}
.and6-card-photo,
.and6-gallery-main,
.and6-thumbs .thumb,
.daily-photo{
  position:relative;
  overflow:hidden;
}
.and6-card-photo::after,
.and6-gallery-main::after,
.and6-thumbs .thumb::after,
.daily-photo::after{
  content:"";
  position:absolute;
  right:10px;
  bottom:10px;
  width:120px;
  height:40px;
  background-image:url('assets/sexsales-watermark.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:right bottom;
  opacity:.74;
  pointer-events:none;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.18));
}
.and6-gallery-main::after{
  width:150px;
  height:52px;
  right:14px;
  bottom:48px;
}
.and6-thumbs .thumb::after{
  width:78px;
  height:24px;
  right:6px;
  bottom:6px;
  opacity:.8;
}
.and6-card-photo::after{
  bottom:36px;
}
.daily-photo::after{
  width:110px;
  height:34px;
}
@media(max-width:640px){
  .and6-card-photo::after,
  .daily-photo::after{
    width:96px;
    height:31px;
  }
  .and6-gallery-main::after{
    width:118px;
    height:42px;
  }
}


/* Regionen: nur Inserate, keine Werbung im Inseratebereich */
.region-only-listings .region-main-list,
.region-only-listings .only-listings{
  width:100%;
}
.region-only-listings .ad-slot,
.region-only-listings .ad-sidebar,
.region-only-listings .ad-sticky,
.region-only-listings .house-banner,
.region-only-listings .house-carousel{
  display:none!important;
}
.region-clean-head{
  margin-bottom:14px;
}
.and6-card-v3{
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(30,20,45,.10);
  box-shadow:0 10px 28px rgba(30,20,45,.08);
}
.and6-card-v3 .compact-photo{
  position:relative;
}
.and6-card-v3 .photo{
  min-height:260px;
  background-size:cover;
  background-position:center;
}
.and6-card-v3 .and6-card-badges{
  left:8px;
  top:8px;
  gap:4px;
}
.and6-card-v3 .badge{
  font-size:10px;
  padding:4px 7px;
}
.and6-photo-count{
  position:absolute;
  right:8px;
  bottom:8px;
  border-radius:999px;
  padding:5px 8px;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.compact-card-info{
  padding:10px 11px 11px;
}
.compact-name h3{
  font-size:18px;
  line-height:1.1;
}
.compact-name p{
  margin-top:3px;
  font-size:12px;
}
.compact-card-info .and6-rating{
  font-size:12px;
  padding:5px 7px;
}
.and6-short-icons{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:6px;
  margin-top:9px;
}
.and6-short-icons span{
  border-radius:999px;
  padding:6px 8px;
  background:#fff0fa;
  color:var(--pink);
  font-size:12px;
  font-weight:950;
  text-align:center;
}
.and6-short-icons span:last-child{
  background:#f4ecff;
  color:var(--purple);
  min-width:34px;
}
@media(max-width:640px){
  .and6-card-v3 .photo{
    min-height:300px;
  }
}


/* Clubs / Erotik-Adressen + Clubrabatte */
.clubs-page .section-head{
  align-items:flex-start;
}
.club-rules{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
  background:linear-gradient(135deg,#fff,#f8f3ff);
  border:1px solid rgba(101,33,214,.16);
}
.club-rules div{
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
  background:#fff;
}
.club-rules b{
  display:block;
  color:var(--purple);
  margin-bottom:5px;
}
.club-rules span{
  color:var(--muted);
  line-height:1.35;
  font-size:13px;
}
.club-filter-row{
  display:grid;
  grid-template-columns:220px 1fr auto;
  gap:10px;
  align-items:center;
  margin-bottom:16px;
}
.club-filter-row select,
.club-filter-row input{
  min-height:44px;
  border-radius:14px;
  border:1px solid var(--line);
  padding:0 12px;
  background:#fff;
}
.clubs-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.club-card{
  overflow:hidden;
  display:grid;
  grid-template-columns:230px 1fr;
  padding:0!important;
}
.club-img{
  min-height:260px;
  background-size:cover;
  background-position:center;
}
.club-body{
  padding:16px;
}
.club-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.club-head h3{
  margin:0;
  font-size:22px;
}
.club-head p{
  margin:4px 0 0;
  color:var(--muted);
  font-weight:850;
}
.club-free-badge{
  border-radius:999px;
  padding:6px 10px;
  background:#eafff2;
  color:#16894f;
  font-weight:1000;
  font-size:12px;
  white-space:nowrap;
}
.club-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:12px 0;
}
.club-tags span{
  border-radius:999px;
  padding:5px 8px;
  background:#fff0fa;
  color:var(--pink);
  font-size:12px;
  font-weight:900;
}
.club-details{
  display:grid;
  gap:7px;
  margin:10px 0;
}
.club-details div{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:8px;
  font-size:13px;
}
.club-details span{
  color:var(--muted);
  font-weight:850;
}
.club-details b{
  color:#24152f;
}
.club-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.register-four-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.club-choice{
  border:2px solid rgba(101,33,214,.18);
  background:linear-gradient(135deg,#fff,#f8f3ff);
}
.club-provider-area .club-rules{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.club-event-banner-panel{
  border:2px solid rgba(240,0,130,.14);
  background:linear-gradient(135deg,#fff,#fff7fd);
}
.event-discount-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.event-discount-grid div{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:14px;
}
.event-discount-grid b{
  display:block;
  color:var(--purple);
  font-size:17px;
  margin-bottom:5px;
}
.event-discount-grid span{
  display:block;
  color:var(--muted);
  text-decoration:line-through;
  margin-bottom:5px;
}
.event-discount-grid strong{
  color:var(--pink);
  font-size:18px;
}
@media(max-width:1100px){
  .club-rules,
  .register-four-grid,
  .event-discount-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .clubs-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .club-filter-row,
  .club-card,
  .club-rules,
  .register-four-grid,
  .event-discount-grid,
  .club-provider-area .club-rules{
    grid-template-columns:1fr;
  }
  .club-img{
    min-height:220px;
  }
}


/* Clubprofil + Club-Medien + Club-Zahlung */
.club-media-upload-panel,
.club-payment-panel{
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#f8f3ff);
}
.club-upload-split{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:16px;
}
.club-upload-grid{
  display:grid;
  gap:8px;
}
.club-upload-grid.images15{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.club-upload-grid.videos2{
  grid-template-columns:1fr;
}
.club-upload-mini{
  min-height:84px;
  border:1px dashed rgba(101,33,214,.32);
  border-radius:15px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  color:#4b2766;
  text-align:center;
}
.club-upload-mini small{
  color:var(--muted);
  margin-top:3px;
}
.club-upload-mini.video{
  min-height:132px;
  border-color:rgba(19,183,107,.35);
  background:#f3fff8;
}
.club-payment-panel .wallet-big{
  min-width:130px;
  border-radius:22px;
  background:linear-gradient(135deg,#13b76b,#79d98d);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  font-size:24px;
  font-weight:1000;
}
.club-profile-hero{
  overflow:hidden;
  padding:0!important;
  display:grid;
  grid-template-columns:minmax(320px,46%) 1fr;
}
.club-profile-cover{
  min-height:360px;
  background-size:cover;
  background-position:center;
}
.club-profile-content{
  padding:24px;
  align-self:center;
}
.club-profile-content h1{
  margin:10px 0 6px;
  font-size:clamp(32px,4vw,52px);
}
.club-profile-content p{
  color:var(--muted);
  font-weight:850;
}
.club-profile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:16px;
}
.club-gallery-preview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.club-gallery-preview span{
  min-height:92px;
  border-radius:14px;
  background-size:cover;
  background-position:center;
}
.club-profile-section{
  margin-top:16px;
}
.club-girls-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.club-girl-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:10px;
  background:#fff;
  text-decoration:none;
  color:#24152f;
}
.club-girl-img{
  display:block;
  min-height:150px;
  border-radius:14px;
  background-size:cover;
  background-position:center;
  margin-bottom:8px;
}
.club-girl-card b{
  display:block;
}
.club-girl-card small{
  color:var(--muted);
  font-weight:850;
}
.club-banner-teaser{
  border:2px solid rgba(240,0,130,.14);
  background:linear-gradient(135deg,#fff,#fff7fd);
}
.club-img{
  display:block;
  text-decoration:none;
}
.club-head h3 a{
  color:inherit;
  text-decoration:none;
}
@media(max-width:1000px){
  .club-upload-split,
  .club-profile-hero,
  .club-profile-grid{
    grid-template-columns:1fr;
  }
  .club-girls-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .club-upload-grid.images15{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .club-girls-grid,
  .club-upload-grid.images15{
    grid-template-columns:1fr;
  }
}


/* Final polish: clickable username profile */
.auth-pill .auth-profile-link{
  display:flex;
  flex-direction:column;
  gap:0;
  text-decoration:none;
  color:inherit;
  padding:0 5px;
  border-radius:10px;
}
.auth-pill .auth-profile-link:hover{
  background:rgba(230,0,126,.08);
}
.my-profile-page .profile-account-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.my-profile-page .full-profile-panel{
  grid-column:1/-1;
}
.profile-quick-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body.route-advertiser .button-exchange-bottom,
body.route-admin .button-exchange-bottom,
body.route-room-provider .button-exchange-bottom,
body.route-club-provider .button-exchange-bottom,
body.route-listing .button-exchange-bottom,
body.route-inserat-erstellen .button-exchange-bottom,
body.route-profile .button-exchange-bottom{
  display:none!important;
}
@media(max-width:760px){
  .my-profile-page .profile-account-grid{
    grid-template-columns:1fr;
  }
}


/* Final: Girls-Hauptseite, Club-Inserateverwaltung, E-Mail-Verifikation */
.girls-main-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.girls-main-actions a{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:14px;
  text-decoration:none;
  color:#24152f;
  box-shadow:0 12px 30px rgba(30,20,45,.06);
}
.girls-main-actions b{
  display:block;
  color:var(--pink);
  font-size:18px;
}
.girls-main-actions span{
  color:var(--muted);
  font-weight:850;
  font-size:13px;
}
.email-verify-box{
  margin:16px 0;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff7fd,#f7f1ff);
  border:2px solid rgba(230,0,126,.12);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.email-verify-box b{
  color:var(--pink);
  font-size:17px;
}
.email-verify-box span{
  color:#4b2766;
  font-weight:850;
  flex:1 1 360px;
}
.club-listing-management-panel{
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#f8f3ff);
}
.club-package-choice-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.club-package-choice{
  text-align:left;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:16px;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(30,20,45,.06);
}
.club-package-choice span{
  display:block;
  color:var(--muted);
  font-weight:850;
}
.club-package-choice b{
  display:block;
  font-size:24px;
  color:var(--purple);
}
.club-package-choice em{
  display:block;
  font-style:normal;
  color:var(--pink);
  font-weight:1000;
  margin:4px 0;
}
.club-package-choice small{
  color:var(--muted);
  font-weight:850;
}
.club-girl-create-page .club-rules{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:900px){
  .girls-main-actions,
  .club-package-choice-grid,
  .club-girl-create-page .club-rules{
    grid-template-columns:1fr;
  }
}


/* Zimmer-Ausstattung wie bei Girl-Dienstleistungen: Häkchen nach Thema */
.room-equipment-panel{
  margin-top:8px;
}
.room-equipment-group.sm-equipment-group{
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#f8f3ff);
}
.room-equipment-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.room-equipment-check span{
  font-size:13px;
}
@media(max-width:900px){
  .room-equipment-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .room-equipment-grid{
    grid-template-columns:1fr;
  }
}


/* Mobile-Feinschliff: einfache mobile Variante, keine Karte */
.mobile-region-simple{
  display:none;
}
.mobile-profile-contact-bar{
  display:none;
}
@media(max-width:760px){
  html{
    scroll-padding-top:84px;
  }
  body{
    padding-bottom:76px;
  }
  .header{
    min-height:64px;
    padding:8px 10px;
  }
  .logo{
    font-size:17px;
  }
  .header-right{
    gap:6px;
  }
  .langs{
    display:none;
  }
  .nav{
    top:64px;
  }
  .nav.open{
    max-height:70vh;
    overflow:auto;
  }
  .nav a{
    min-height:48px;
    display:flex;
    align-items:center;
  }

  /* Karte auf Mobile raus, einfache Regionsliste rein */
  .center-map-card,
  .home-map-center .region-strip.big-region-strip{
    display:none!important;
  }
  .mobile-region-simple{
    display:block;
    margin:14px 0;
  }
  .mobile-region-simple h2{
    margin:0 0 4px;
  }
  .mobile-region-simple p{
    margin:0 0 12px;
    color:var(--muted);
    font-weight:850;
  }
  .mobile-region-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .mobile-region-grid a{
    min-height:54px;
    border-radius:16px;
    background:#fff0fa;
    color:var(--pink);
    text-decoration:none;
    font-weight:1000;
    padding:10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .mobile-region-grid a span{
    color:#6f4d7f;
    font-size:12px;
    font-weight:850;
  }

  .home-map-head.centered{
    text-align:left;
  }
  .home-map-head h1{
    font-size:30px;
  }
  .home-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .home-actions .btn,
  .section-head .btn,
  .btn{
    min-height:46px;
    border-radius:15px;
  }

  /* Filter einfacher und klappbar */
  .women-filter-panel,
  .filter-card,
  .service-group-box,
  .room-equipment-group{
    border-radius:18px;
  }
  .service-select-grid,
  .filter-chip-grid,
  .service-check-grid,
  .room-equipment-grid{
    grid-template-columns:1fr!important;
  }
  .service-choice,
  .filter-chip-grid label,
  .service-check,
  .room-equipment-check{
    min-height:44px;
    align-items:center;
  }

  /* Inserate kompakter, grosses Bild, wenig Text */
  .grid,
  .rooms-grid,
  .clubs-grid{
    grid-template-columns:1fr!important;
    gap:12px;
  }
  .and6-card-v3 .photo,
  .and6-card-photo .photo{
    min-height:330px;
  }
  .compact-card-info{
    padding:10px;
  }
  .and6-short-icons span,
  .mini{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  /* Profil: einspaltig, sticky Kontakt unten */
  .girl-profile-clean .girl-profile-notice{
    display:none;
  }
  .and6-profile-head.v2{
    grid-template-columns:1fr!important;
    gap:12px;
  }
  .and6-gallery-v2 .big-photo{
    min-height:430px;
  }
  .and6-thumbs{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
  }
  .and6-thumbs .thumb,
  .and6-thumbs .video-tile{
    min-height:62px;
  }
  .profile-info.card{
    padding:14px;
  }
  .profile-name{
    gap:10px;
  }
  .profile-name h1{
    font-size:30px;
  }
  .contact-buttons.and6-contact-main{
    display:none;
  }
  .and6-tabs{
    overflow-x:auto;
    white-space:nowrap;
    padding-bottom:4px;
  }
  .and6-info-layout.v2,
  .and6-info-layout{
    grid-template-columns:1fr!important;
  }
  .profile-thumb-nav{
    grid-template-columns:1fr!important;
    gap:8px;
  }
  .thumb-nav-card.next{
    text-align:left;
    justify-content:flex-start;
  }
  .thumb-nav-card.next .thumb-nav-img{
    order:-1;
  }

  .mobile-profile-contact-bar{
    position:fixed;
    left:8px;
    right:8px;
    bottom:8px;
    z-index:9990;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:6px;
    padding:8px;
    border-radius:20px;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(12px);
    box-shadow:0 18px 60px rgba(30,20,45,.22);
  }
  .mobile-profile-contact-bar button,
  .mobile-profile-contact-bar a{
    border:0;
    border-radius:15px;
    min-height:48px;
    background:linear-gradient(135deg,var(--pink),var(--purple));
    color:#fff;
    font-weight:1000;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
  }

  /* Clubs und Zimmer einfacher */
  .club-card,
  .club-profile-hero,
  .club-profile-grid,
  .club-rules,
  .club-upload-split,
  .event-discount-grid,
  .profile-account-grid{
    grid-template-columns:1fr!important;
  }
  .club-img,
  .club-profile-cover{
    min-height:230px;
  }
  .club-body,
  .club-profile-content{
    padding:14px;
  }
  .club-actions,
  .preview-actions,
  .payment-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .room-equipment-panel .service-group-box{
    padding:12px;
  }
}
@media(max-width:420px){
  .mobile-region-grid{
    grid-template-columns:1fr;
  }
  .and6-card-v3 .photo,
  .and6-card-photo .photo{
    min-height:285px;
  }
  .and6-gallery-v2 .big-photo{
    min-height:360px;
  }
}


/* Lokale Komplettversion: vereinfachter Adminbereich */
.admin-simple-final .side a{
  cursor:pointer;
}
.admin-topup-panel{
  border:2px solid rgba(19,183,107,.18);
  background:linear-gradient(135deg,#fff,#f4fff8);
}
.admin-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0 18px;
}
.admin-row-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.admin-status{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  border-radius:999px;
  padding:3px 9px;
  background:#f4ecff;
  color:var(--purple);
  font-weight:950;
  font-size:12px;
}
.admin-status.ok{
  background:#eafff2;
  color:#16894f;
}
.admin-status.bad{
  background:#fff1f2;
  color:#be123c;
}
.admin-log-list{
  display:grid;
  gap:8px;
}
.admin-log-list div{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px;
  background:#fff;
  color:#4b2766;
  font-weight:850;
}
.admin-simple-final .compact-table small{
  color:var(--muted);
}
@media(max-width:760px){
  .admin-simple-final .dash{
    display:block;
  }
  .admin-simple-final .side{
    position:static;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:12px;
  }
  .admin-simple-final .side a{
    min-height:44px;
    border-radius:14px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .admin-action-row,
  .admin-row-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* Startseite: saubere anklickbare Schweizerkarte ohne Rahmen und ohne Seitenliste */
.home-map-center{
  max-width:1180px;
  margin:0 auto;
  padding:24px 18px 10px;
}
.clean-swiss-map-wrap{
  position:relative;
  max-width:980px;
  margin:18px auto 10px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.clean-swiss-map-wrap img{
  display:block;
  width:100%;
  height:auto;
  background:transparent;
  border:0;
  box-shadow:none;
}
.swiss-map-hotspot{
  position:absolute;
  width:4.8%;
  aspect-ratio:1/1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  cursor:pointer;
  text-decoration:none;
  background:rgba(255,0,140,.01);
  transition:.15s ease;
}
.swiss-map-hotspot:hover,
.swiss-map-hotspot:focus{
  background:rgba(255,0,140,.20);
  outline:3px solid rgba(255,0,140,.45);
  box-shadow:0 0 0 7px rgba(124,58,237,.12);
}
.swiss-map-hotspot span{
  position:absolute;
  left:50%;
  bottom:120%;
  transform:translateX(-50%);
  white-space:nowrap;
  background:#24152f;
  color:#fff;
  border-radius:999px;
  padding:5px 9px;
  font-size:12px;
  font-weight:900;
  opacity:0;
  pointer-events:none;
}
.swiss-map-hotspot:hover span,
.swiss-map-hotspot:focus span{
  opacity:1;
}
@media(max-width:760px){
  .clean-swiss-map-wrap{
    display:none!important;
  }
  .mobile-region-simple{
    display:block!important;
  }
}


/* Admin Buchhaltung */
.admin-accounting-panel{
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#f8f3ff);
}
.accounting-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:12px 0 16px;
}
.amount-plus{
  color:#16894f;
}
.amount-minus{
  color:#be123c;
}
@media(max-width:1000px){
  .accounting-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .accounting-kpi-grid{
    grid-template-columns:1fr;
  }
}


/* Schweizerkarte: echte Kantonsflächen als Klickbereiche */
.kanton-svg-wrap{
  max-width:720px;
  width:min(92vw,720px);
  margin:10px auto 8px;
}
.swiss-map-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.cantons-overlay .canton-link{
  cursor:pointer;
}
.canton-shape{
  fill:rgba(255,255,255,0.001);
  stroke:transparent;
  stroke-width:2;
  transition:fill .15s ease, stroke .15s ease;
}
.canton-link:hover .canton-shape,
.canton-link:focus .canton-shape{
  fill:rgba(230,0,126,.22);
  stroke:rgba(230,0,126,.6);
}
@media(max-width:760px){
  .kanton-svg-wrap{
    display:none !important;
  }
}


/* Kantonsregionen + Girl-Kantonwahl */
.kanton-svg-wrap{
  max-width:720px;
  width:min(92vw,720px);
  margin:10px auto 8px;
}
.swiss-map-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.canton-link{
  cursor:pointer;
}
.canton-shape{
  fill:rgba(255,255,255,0.001);
  stroke:transparent;
  stroke-width:2;
  transition:fill .15s ease, stroke .15s ease;
}
.canton-link:hover .canton-shape,
.canton-link:focus .canton-shape{
  fill:rgba(230,0,126,.22);
  stroke:rgba(230,0,126,.65);
}
.listing-canton-panel{
  border:2px solid rgba(230,0,126,.12);
  background:linear-gradient(135deg,#fff,#fff7fd);
}
.listing-canton-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.region-upgrade-offer{
  display:none;
  margin-top:12px;
  padding:14px;
  border-radius:18px;
  background:#fff0fa;
  border:2px solid rgba(230,0,126,.16);
}
.region-upgrade-offer.show{
  display:grid;
  gap:8px;
}
.region-upgrade-offer b{
  color:var(--pink);
}
.region-upgrade-offer span{
  color:var(--muted);
  font-weight:850;
}
@media(max-width:900px){
  .listing-canton-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .kanton-svg-wrap{
    display:none!important;
  }
}
@media(max-width:560px){
  .listing-canton-grid{
    grid-template-columns:1fr;
  }
}


/* Gemeinde-Logik: im Nutzerfilter nur Gemeinden mit aktiven Einträgen */
.main-location-panel{
  border:2px solid rgba(101,33,214,.14);
  background:linear-gradient(135deg,#fff,#f8f3ff);
}
.municipality-field small,
.field small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.listing-canton-panel .region-upgrade-offer{
  border-color:rgba(230,0,126,.22);
}

/* Live-Fixes: Original-Look bleibt, nur echte Funktionen und mobile Stabilität */
.empty-live{max-width:820px;margin:24px auto;padding:34px;text-align:center}
.live-listing-form .full-field{grid-column:1/-1}
.admin-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;flex-wrap:wrap}
.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;color:var(--muted)}
.profile-hero-img{background-size:cover;background-position:center;background-color:#fff1fa;color:var(--pink);display:flex;align-items:center;justify-content:center;font-size:70px;min-height:360px;border-radius:24px}
.login-message.error{background:#fff1f3;color:#b00030;border:1px solid #ffc9d5;padding:10px;border-radius:12px;margin-top:12px}.login-message.ok{background:#effff6;color:#087442;border:1px solid #b9f2d2;padding:10px;border-radius:12px;margin-top:12px}
#ageGate.show{display:flex!important}.age-gate:not(.show){display:none!important}.age-gate button{pointer-events:auto!important;position:relative;z-index:999999}
@media(max-width:760px){.header{padding:10px 14px}.nav{display:none}.nav.open{display:flex;position:absolute;top:64px;left:12px;right:12px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.menu{display:block}.langs button{padding:6px 8px}.logo{font-size:22px}.form-grid,.grid.two,.dashboard-grid{grid-template-columns:1fr!important}.auth-card,.panel.card,.card{max-width:100%}.listing-grid,.rooms-grid{grid-template-columns:1fr!important}.section-head{flex-direction:column;align-items:flex-start}.preview-actions,.home-actions,.locked-actions{flex-direction:column}.preview-actions .btn,.home-actions .btn,.locked-actions .btn{width:100%}.table{font-size:13px}.table th,.table td{padding:8px}.admin-row{align-items:flex-start;flex-direction:column}.profile-hero-img{min-height:260px}.logo-xl{font-size:30px}.age-card{margin:14px;width:calc(100% - 28px)}}

/* Hotfix v2: Original-Design behalten, Registrierung und Regionen sauber darstellen */
.original-register-look{max-width:1180px}
.register-live-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:start}
.register-main-card{padding:30px;border:1px solid var(--line);box-shadow:var(--shadow)}
.register-main-card h2{margin:0 0 6px;font-size:30px;letter-spacing:-.5px;color:var(--deep)}
.register-main-card .muted{margin-bottom:18px}
.live-auth-form{display:block;width:100%}
.register-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.register-form-grid .field{min-width:0}
.register-form-grid input,.register-form-grid select{height:48px;background:#fff;border:1px solid #e8cde5;border-radius:14px;padding:12px 14px;box-shadow:none}
.register-terms{margin:14px 0 6px;padding:13px 14px;border:1px solid #ead0e8;border-radius:15px;background:#fff8fd;align-items:center;color:#3d284d;font-weight:800}
.register-terms input{width:18px;height:18px;flex:0 0 auto}
.register-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.register-actions .btn{min-height:48px}
.register-side-card{padding:26px;background:linear-gradient(135deg,#fff,#fff4fb);border:1px solid #ead0e8}
.register-side-card h3{font-size:24px;margin:14px 0 10px;color:var(--deep)}
.register-side-card ol{margin:0;padding-left:20px;color:#4d315d;line-height:1.8;font-weight:800}
.live-added-section{margin-top:22px}
.kanton-svg-wrap,.clean-swiss-map-wrap{position:relative;z-index:1}
.swiss-map-svg a,.swiss-map-svg .canton-link,.swiss-map-svg .canton-shape,.canton-link,.swiss-map-hotspot{pointer-events:all!important}
.swiss-map-svg .canton-link{cursor:pointer!important}
.canton-shape{fill:rgba(255,255,255,.012)!important;stroke:rgba(255,255,255,.001)!important}
.canton-link:hover .canton-shape,.canton-link:focus .canton-shape{fill:rgba(230,0,126,.24)!important;stroke:rgba(230,0,126,.68)!important}
.mobile-region-simple{display:none}
@media(max-width:900px){.register-live-layout{grid-template-columns:1fr}.register-side-card{order:-1}.register-form-grid{grid-template-columns:1fr}.register-actions .btn{width:100%}}
@media(max-width:760px){.original-register-look{padding-left:14px;padding-right:14px}.register-main-card,.register-side-card{padding:20px;border-radius:20px}.register-main-card h2{font-size:25px}.register-terms{align-items:flex-start}.mobile-region-simple{display:block!important}}

/* Live V4: Original-Look behalten, aber Formulare/Admin sauber und mobil nutzbar */
.header-right{gap:10px;flex-wrap:wrap}.auth-register-btn{white-space:nowrap}.auth-pill{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08)}.auth-profile-link{display:flex;flex-direction:column;line-height:1.1}.auth-profile-link small{opacity:.72}.auth-pill button{border:0;background:transparent;color:inherit;cursor:pointer}.live-account-panel{margin:22px 0}.live-dashboard-addon{margin-top:28px}.live-wallet-panel .section-head{align-items:center}.wallet-big{font-size:28px;font-weight:900;color:var(--pink);padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,51,153,.12),rgba(140,82,255,.12));border:1px solid rgba(255,51,153,.18);white-space:nowrap}.topup-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px}.live-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px}.price-edit-row{margin:12px 0;padding:14px}.inline-credit{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.inline-credit input{width:90px}.admin-banner-row{display:grid;grid-template-columns:180px 1fr auto;gap:14px;align-items:center;margin:12px 0;padding:12px}.banner-preview{height:74px;border-radius:14px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;overflow:hidden}.banner-preview img{width:100%;height:100%;object-fit:cover}.admin-content-builder h3,.admin-price-builder h3{margin-top:22px}.table-wrap{overflow:auto}.login-message{margin-top:12px}.login-message.error{background:#ffe5ee;color:#8a0030;border:1px solid #ff99bd;padding:10px;border-radius:12px}.login-message.ok{background:#eafff2;color:#075b25;border:1px solid #8be4a9;padding:10px;border-radius:12px}.live-added-section{max-width:1180px;margin:40px auto}.legal-block h2{margin-top:0}
@media(max-width:900px){.header{align-items:flex-start}.header-right{justify-content:flex-end}.topup-grid,.live-pricing-grid{grid-template-columns:1fr 1fr}.admin-banner-row{grid-template-columns:1fr}.wallet-big{font-size:22px}.auth-pill{width:100%;justify-content:space-between}.register-four-grid,.form-grid{grid-template-columns:1fr!important}.service-check-grid,.room-equipment-grid{grid-template-columns:1fr!important}.section-head{gap:12px}}
@media(max-width:560px){.topup-grid,.live-pricing-grid{grid-template-columns:1fr}.header-right .langs{order:2;width:100%;justify-content:flex-end}.auth-register-btn,.auth-login-btn{padding:8px 10px}.wallet-big{width:100%;text-align:center}.admin-page .btn.small{margin:2px 0}.inline-credit input{width:100%}}