*{box-sizing:border-box}body{margin:0;background:#0d0d0d;color:#eee;font-family:Arial,Helvetica,sans-serif}a{color:#eee;text-decoration:none}header.site-header{background:#050505;border-bottom:3px solid #700;position:sticky;top:0;z-index:10}.hero{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(145px,18vw,230px);padding:8px 10px;overflow:visible}.hero img{display:block;width:min(1220px,98vw);height:100%;object-fit:fill;object-position:center center;margin:0 auto;border-radius:0}.mainnav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 10px 12px}.mainnav a,.btn,button{background:#7a0000;color:white;padding:10px 14px;border-radius:6px;border:0;display:inline-block;font-weight:bold}.mainnav a:hover,.btn:hover,button:hover{filter:brightness(1.15)}.nav-upload{background:#b00000!important;box-shadow:0 0 0 1px #d33 inset}.nav-toggle{display:none;margin:0 auto 10px;background:#111;border:1px solid #700;color:#fff;padding:10px 14px;border-radius:8px}main{max-width:1180px;margin:auto;padding:22px}.cta{text-align:center;background:linear-gradient(135deg,#1b1b1b,#080808);border:1px solid #333;padding:30px 20px;border-radius:14px;margin-bottom:28px}.cta h1{font-size:clamp(34px,6vw,72px);margin:.1em 0;text-transform:uppercase}.big{font-size:20px;padding:16px 24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.card{background:#181818;border:1px solid #333;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0006}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}.card h3{font-size:18px;margin:10px}.card p{color:#bbb;margin:10px}.detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.detailimg{width:100%;border-radius:12px;border:1px solid #333;user-select:none;-webkit-user-drag:none}.flash{background:#382900;border:1px solid #8a6d00;padding:14px;border-radius:8px;margin-bottom:18px}.viral,.adminnav{background:#181818;border:1px solid #333;padding:20px;border-radius:12px;margin-top:28px}.adminnav{display:flex;gap:10px;flex-wrap:wrap}input,textarea,select{width:100%;padding:12px;margin:8px 0 14px;background:#111;color:#eee;border:1px solid #444;border-radius:6px}textarea{min-height:130px}
.likebox{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#1c1202,#111);border:1px solid #6f3c00;border-radius:12px;padding:12px 14px;margin:18px 0;box-shadow:0 6px 18px #0005;max-width:760px}.like-icon{font-size:30px;color:#ffd166;line-height:1;text-shadow:0 0 12px #a00000}.like-content h2{margin:0 0 4px;font-size:20px}.like-content p{margin:0 0 9px;color:#ddd;font-size:14px}.like-button{background:#b00000;color:#fff;border:1px solid #d33;border-radius:8px;padding:9px 14px;font-weight:800;display:inline-block;cursor:pointer}.like-button:hover{filter:brightness(1.15)}.likes{margin-top:9px!important;color:#f1f1f1;font-size:14px}.muted{color:#aaa!important}.like-form{display:inline-block;margin:0}.sharebox{background:#151515;border:1px solid #333;border-radius:14px;padding:18px;margin:28px 0}.sharebox h2{margin:0 0 6px}.sharebox p{color:#bbb;margin:0 0 14px}.share{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.share a,.share button{border:0;padding:12px 15px;border-radius:7px;color:#fff;font-weight:bold;cursor:pointer;line-height:1}.share .facebook{background:#1877f2}.share .x{background:#000;border:1px solid #333}.share .whatsapp{background:#25d366;color:#071b0d}.share .telegram{background:#229ed9}.share .copy{background:#333;border:1px solid #555}.share a:hover,.share button:hover{filter:brightness(1.12)}footer{text-align:center;color:#999;border-top:1px solid #222;padding:30px;margin-top:40px}.hint{color:#bbb;font-size:14px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.profilebox,.admin-upload{background:#181818;border:1px solid #333;border-radius:12px;padding:18px;margin:0 0 18px}.admin-preview{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.admin-preview img{width:150px;height:150px;object-fit:cover;border-radius:8px;border:1px solid #444}.admin-meta{background:#111;border:1px solid #292929;border-radius:8px;padding:12px;margin:12px 0}.danger{background:#4d0000}.small{font-size:13px;padding:7px 10px}.studio-warning{background:#2a1600;border:1px solid #8a4b00;border-radius:8px;padding:10px}.studio-card{padding:16px}.studio-card h3{margin:0 0 8px}
@media(min-width:900px){.cta{padding:26px 20px}.cta h1{font-size:48px}.hero{height:230px}.hero img{height:230px;width:min(1320px,100vw);object-fit:cover}}
@media(max-width:640px){header.site-header{background:#050505;border-bottom:3px solid #700;position:sticky;top:0;z-index:10}.hero{height:165px;padding:0}.hero img{height:165px;width:100vw;object-fit:cover;object-position:center 53%}.nav-toggle{display:block}.mainnav{display:none;flex-direction:column;align-items:stretch;gap:7px;padding:0 12px 12px}.mainnav.open{display:flex}.mainnav a{text-align:center;font-size:15px;padding:10px 12px}main{padding:14px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card h3{font-size:15px}.share a,.share button{flex:1 1 calc(50% - 8px);text-align:center}.likebox{padding:11px 12px;gap:9px}.like-icon{font-size:26px}.like-content h2{font-size:18px}.like-content p{font-size:13px}}
.secondary{background:#333!important;border:1px solid #555}.filterbar{display:grid;grid-template-columns:2fr repeat(4,1fr) auto auto;gap:10px;align-items:end;margin:0 0 20px}.filterbar input,.filterbar select{margin:0}.category-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.category-panel{background:#181818;border:1px solid #333;border-radius:12px;padding:16px}.category-tags{display:flex;flex-wrap:wrap;gap:8px}.category-tags a{background:#111;border:1px solid #444;border-radius:999px;padding:8px 12px}.category-tags span{color:#bbb;margin-left:4px}.suggestbox{background:#151515;border:1px solid #333;border-radius:14px;padding:18px;margin:26px 0}.admintable{width:100%;border-collapse:collapse;background:#151515;border:1px solid #333;margin:18px 0}.admintable th,.admintable td{border-bottom:1px solid #303030;padding:10px;text-align:left;vertical-align:middle}.admintable th{background:#2b0000}.mini{width:70px;height:70px;object-fit:cover;border-radius:8px;border:1px solid #444}.studio-profile{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;background:#181818;border:1px solid #333;border-radius:14px;padding:20px;margin-bottom:26px}.studio-logo{width:200px;max-width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:1px solid #444;background:#111}.studio-card img{aspect-ratio:1/1;object-fit:cover}.muted{color:#aaa}
@media(max-width:900px){.filterbar{grid-template-columns:1fr 1fr}.studio-profile{grid-template-columns:1fr}.admintable{display:block;overflow-x:auto}.mini{width:56px;height:56px}}
@media(max-width:640px){.filterbar{grid-template-columns:1fr}.category-sections{grid-template-columns:1fr}}

/* Alpha 0.8: Hero-Banner ist bewusst nicht mehr gecroppt, sondern wird zentriert auf die volle verfügbare Breite gezogen. */
.site-header .hero{max-width:100%;}
.site-header .hero img{transform:none;left:auto;right:auto;}


/* Alpha 1.0: Hero ohne Verzerrung und ohne festen Cover-Beschnitt */
.site-header{overflow:hidden;}
.site-header .hero{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:10px 10px 6px!important;
  overflow:visible!important;
  background:#050505!important;
}
.site-header .hero img{
  display:block!important;
  width:min(960px,96vw)!important;
  max-width:96vw!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  margin:0 auto!important;
}
@media(min-width:1100px){
  .site-header .hero img{width:980px!important;}
}
@media(max-width:640px){
  .site-header .hero{padding:8px 0 4px!important;}
  .site-header .hero img{width:100vw!important;max-width:100vw!important;height:auto!important;}
}
.admin-inline-actions{margin:18px 0;padding:14px;border:1px solid #7a0000;background:#160808;border-radius:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.btn.small{padding:7px 10px;font-size:13px;border-radius:6px;}
.btn.danger,.danger{background:#4f0000!important;}


/* Alpha 1.1: Header-Konzept
   Hero scrollt normal weg. Nur Navigation bleibt sticky.
   Der Banner wird nicht verzerrt und nicht in eine feste Box gepresst. */
header.site-header{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  border-bottom:0!important;
  background:#050505!important;
  overflow:hidden!important;
}

.site-header .hero{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:8px 0 4px!important;
  overflow:hidden!important;
}

.site-header .hero img{
  display:block!important;
  width:min(1120px,96vw)!important;
  max-width:96vw!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
  transform:none!important;
}

.navshell{
  position:sticky;
  top:0;
  z-index:50;
  background:#050505;
  border-bottom:3px solid #700;
  box-shadow:0 8px 20px #0008;
  padding-top:6px;
}

.navshell .mainnav{
  padding-bottom:10px;
}

.card-admin-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:0 10px 12px;
}

.admin-important{
  border:2px solid #a00000!important;
  box-shadow:0 0 0 1px #2b0000 inset, 0 8px 20px #0006;
}

@media(min-width:1100px){
  .site-header .hero img{
    width:min(1180px,96vw)!important;
  }
}

@media(max-width:640px){
  .site-header .hero{
    padding:7px 0 3px!important;
  }
  .site-header .hero img{
    width:100vw!important;
    max-width:100vw!important;
  }
  .navshell{
    padding-top:7px;
  }
}


/* Alpha 1.2 vollständigerer Adminbereich */
.admin-sticky-menu{
  position:sticky;
  top:54px;
  z-index:45;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  background:#150000;
  border:1px solid #4a0000;
  border-left:5px solid #9b0000;
  padding:10px;
  margin:0 0 18px;
  border-radius:10px;
  box-shadow:0 8px 24px #0008;
}
.admin-sticky-menu strong{color:#fff;margin-right:6px}
.admin-sticky-menu a,.adminnav.inline a{
  display:inline-block;
  padding:8px 10px;
  background:#2a2a2a;
  color:#fff;
  border:1px solid #555;
  border-radius:7px;
  text-decoration:none;
  font-size:14px;
}
.admin-sticky-menu a:hover,.adminnav.inline a:hover{background:#7a0000}
.admin-statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}
.statbox{background:#1b1b1b;border:1px solid #333;border-left:5px solid #900;padding:14px;border-radius:10px}
.statbox strong{display:block;font-size:28px;color:#fff}
.statbox span{color:#ccc}
.banner-preview{max-width:420px;width:100%;height:auto;border:1px solid #444;border-radius:8px}
.adslot{margin:12px auto 20px;max-width:1040px;background:#161616;border:1px solid #333;border-radius:10px;padding:8px;text-align:center}
.adslot span{display:block;text-align:left;font-size:11px;color:#aaa;text-transform:uppercase;margin:0 0 4px}
.adslot img{max-width:100%;height:auto;border-radius:8px}
.adslot a{color:#fff;text-decoration:none}
.adtext{padding:12px 16px}
.adtext a{font-weight:bold;color:#fff}
@media(max-width:700px){
 .admin-sticky-menu{top:48px;max-height:40vh;overflow:auto;align-items:flex-start}
 .admin-sticky-menu a{font-size:13px;padding:7px 8px}
}


/* Alpha 1.2.1: Admin-Menü sichtbar halten */
.admin-sticky-menu{
  position:sticky!important;
  top:58px!important;
  z-index:60!important;
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  background:#150000!important;
  border:1px solid #4a0000!important;
  border-left:5px solid #9b0000!important;
  padding:10px!important;
  margin:0 0 18px!important;
  border-radius:10px!important;
}
.admin-sticky-menu a{
  display:inline-block!important;
  padding:8px 10px!important;
  background:#2a2a2a!important;
  color:#fff!important;
  border:1px solid #555!important;
  border-radius:7px!important;
  text-decoration:none!important;
  font-size:14px!important;
}
.admin-sticky-menu a:hover{background:#7a0000!important}


/* Alpha 1.2.2: Amazon/Textanzeigen ohne falsches Seitenlogo */
.adslot.amazon-ad{
  border-color:#5a3500;
  background:linear-gradient(135deg,#1b1304,#111);
}
.adslot.amazon-ad span{
  color:#ffb84d;
}
.adslot.adtext a{
  display:block;
  padding:10px 12px;
}
.adslot.adtext strong{
  display:block;
  font-size:18px;
}
.adslot.adtext em{
  display:block;
  color:#ddd;
  font-style:normal;
  margin-top:4px;
}


/* Alpha 1.2.3 Newsletter Editor */
.newsletter-help{
  background:#1b1b1b;
  border:1px solid #333;
  padding:10px 12px;
  border-radius:8px;
  color:#ddd;
  margin:10px 0;
}
.editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
  padding:10px;
  background:#151515;
  border:1px solid #333;
  border-radius:10px;
}
.editor-toolbar button{
  background:#333;
  color:#fff;
  border:1px solid #555;
  padding:8px 10px;
  border-radius:7px;
  cursor:pointer;
}
.editor-toolbar button:hover{
  background:#8b0000;
}
.newsletter-editor{
  min-height:320px;
  background:#fff;
  color:#111;
  border:2px solid #555;
  border-radius:10px;
  padding:18px;
  line-height:1.55;
  overflow:auto;
}
.newsletter-editor:focus{
  outline:2px solid #a00000;
}
.newsletter-preview-wrap{
  margin:18px 0;
}
.newsletter-preview{
  width:100%;
  min-height:260px;
  background:#fff;
  border:2px solid #444;
  border-radius:10px;
}


/* Alpha 1.3: Mobile-Header minimal links korrigieren, ohne zu verzerren */
@media(max-width:640px){
  .site-header .hero img{
    transform:translateX(-1.4vw)!important;
  }
}

/* Alpha 1.3: Amazon-Anzeigen neutral als Anzeige markieren */
.adslot.amazon-ad span{
  color:#ddd!important;
}
.adslot.amazon-ad{
  border-color:#3a3a3a!important;
  background:linear-gradient(135deg,#171717,#0f0f0f)!important;
}


/* Alpha 1.3.1 Amazon Admin Klarheit */
.adslot.amazon-ad span{color:#ddd!important}
.adslot.amazon-ad{border-color:#3a3a3a!important;background:linear-gradient(135deg,#171717,#0f0f0f)!important}


/* Alpha 1.3.2: Werbeplatz-Steuerung Tattoo-Detailseiten */
.tattoo-detail-ad{
  margin:18px 0;
}
.tattoo-detail-ad .adslot{
  margin:0 auto;
}
.tattoo-detail-ad-bottom{
  border-top:1px solid #292929;
  border-bottom:1px solid #292929;
  padding:14px 0;
}
.hard-delete{
  background:#4a0000!important;
  border-color:#ff5a5a!important;
}


/* Alpha 1.3.3 Studio E-Mail Spam-Schutz */
.email-protected{
  display:inline-block;
  color:#ddd;
  background:#1b1b1b;
  border:1px solid #333;
  border-radius:6px;
  padding:3px 7px;
}
.email-reveal{
  display:inline-block;
  margin-left:6px;
  padding:4px 8px;
  border-radius:6px;
  border:1px solid #666;
  background:#2a2a2a;
  color:#fff;
  cursor:pointer;
}
.email-reveal:hover{
  background:#7a0000;
}


/* Alpha 1.3.4: Studio-E-Mail-Feld sauber gruppieren */
.studio-email-field{
  background:#111;
  border:1px solid #333;
  border-radius:10px;
  padding:12px;
  margin:10px 0 14px;
}
.checkline{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:10px 0!important;
  line-height:1.35!important;
}
.checkline input[type="checkbox"],
.checkline input[type="radio"]{
  width:auto!important;
  min-width:18px!important;
  height:18px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
.checkline span{
  display:inline-block;
}
.fieldhint{
  color:#aaa;
  font-size:13px;
  margin:6px 0 0;
}
.innerbox{
  margin:12px 0;
  background:#101010;
}

/* Alpha 1.3.4: Werbeanzeigen Desktop kompakter und sauberer */
.adslot.adimage{
  max-width:900px;
  padding:10px;
}
.adslot.adimage a{
  display:block;
}
.adslot.adimage figure{
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.adimage-frame{
  width:min(100%,520px);
  aspect-ratio:16/9;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:8px;
  overflow:hidden;
}
.adimage-frame img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  border-radius:0!important;
}
.adslot.adimage figcaption{
  display:block;
  text-align:center;
  font-weight:bold;
  color:#fff;
  padding:4px 8px 0;
}
@media(max-width:700px){
  .adimage-frame{
    width:100%;
    aspect-ratio:1/1;
  }
}


/* Alpha 1.3.5: Footer-Werbung und globaler Teilen-Bereich */
.global-share{
  margin-top:28px;
  border-top:1px solid #2b2b2b;
  padding-top:18px;
}
.global-share h2{
  font-size:22px;
}
main > .adslot{
  margin-top:24px;
  margin-bottom:24px;
}
.tattoo-detail-ad{
  margin:18px 0;
}
.tattoo-detail-ad .adslot{
  margin:0 auto;
}
.tattoo-detail-ad-bottom{
  border-top:1px solid #292929;
  border-bottom:1px solid #292929;
  padding:14px 0;
}


/* Alpha 1.3.6: korrekte Anzeigenposition auf Tattoo-Detailseiten */
.tattoo-detail-ad-top{
  margin:0 auto 22px;
}
.tattoo-detail-ad-bottom{
  margin:18px 0 20px;
  border-top:1px solid #2b2b2b;
  border-bottom:1px solid #2b2b2b;
  padding:16px 0;
}

/* CTA bei Bildanzeigen sauber zentriert unter dem Bild */
.adslot.adimage{
  text-align:center!important;
}
.adslot.adimage figure{
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
.adslot.adimage figcaption,
.adslot.adimage strong{
  display:block!important;
  text-align:center!important;
  width:100%!important;
  margin:8px auto 0!important;
  color:#fff!important;
}
.adslot.adimage a{
  text-align:center!important;
}
.adimage-frame{
  margin:0 auto!important;
}


/* Alpha 1.3.7: Globaler Teilen-Bereich korrekt als Buttons */
.sharebox{
  background:#171717;
  border:1px solid #333;
  border-radius:12px;
  padding:18px;
  margin:22px 0;
}
.sharebox h2{
  margin-top:0;
}
.sharebuttons,
.global-sharebuttons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:12px!important;
}
.sharebuttons a,
.sharebuttons button,
.global-sharebuttons a,
.global-sharebuttons button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:8px!important;
  border:0!important;
  color:#fff!important;
  font-weight:700!important;
  font-size:14px!important;
  line-height:1!important;
  text-decoration:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.share-fb{background:#1877f2!important;}
.share-x{background:#000!important;border:1px solid #555!important;}
.share-wa{background:#25d366!important;color:#031b0b!important;}
.share-tg{background:#229ed9!important;}
.copylink{background:#8b0000!important;}
.global-share{
  margin-top:28px!important;
  border-top:1px solid #333!important;
}
@media(max-width:640px){
  .sharebuttons,
  .global-sharebuttons{
    gap:8px!important;
  }
  .sharebuttons a,
  .sharebuttons button,
  .global-sharebuttons a,
  .global-sharebuttons button{
    flex:1 1 calc(50% - 8px)!important;
    font-size:13px!important;
  }
}


/* Alpha 1.3.8: Anzeigenbild + CTA bleiben garantiert zusammen im Anzeigenkasten */
.adslot{
  box-sizing:border-box;
}
.adslot.adimage{
  max-width:900px!important;
  padding:14px!important;
  text-align:center!important;
  overflow:hidden!important;
}
.adslot .adlabel{
  display:block!important;
  text-align:left!important;
  font-size:11px!important;
  color:#ccc!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
}
.adimage-link{
  display:block!important;
  width:100%!important;
  color:#fff!important;
  text-decoration:none!important;
}
.adfigure{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.adimage-frame{
  width:min(100%,520px)!important;
  aspect-ratio:16/9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border-radius:8px!important;
  overflow:hidden!important;
  margin:0 auto!important;
}
.adimage-frame img{
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
}
.adcaption{
  display:block!important;
  width:100%!important;
  max-width:520px!important;
  text-align:center!important;
  margin:0 auto!important;
  padding:6px 8px 0!important;
  color:#fff!important;
  font-weight:700!important;
  line-height:1.35!important;
  box-sizing:border-box!important;
}
.adtext a{
  text-align:center!important;
}
.adtext strong,
.adtext em{
  text-align:center!important;
}
@media(max-width:700px){
  .adslot.adimage{
    padding:10px!important;
  }
  .adimage-frame{
    width:100%!important;
    aspect-ratio:1/1!important;
  }
  .adcaption{
    max-width:100%!important;
  }
}


/* Alpha 1.4.0: Tattoo-Detail-Anzeigen sauber getrennt */
.tattoo-detail-ad{
  width:100%;
  margin:18px 0!important;
}
.tattoo-detail-ad-top{
  margin:0 0 22px!important;
}
.tattoo-detail-ad-bottom{
  margin:18px 0 20px!important;
  padding:0!important;
  border:0!important;
}
.tattoo-detail-ad .adslot{
  margin:0 auto!important;
}

/* Textanzeige auf Detailseiten kompakter, damit nicht zwei große Bildflächen entstehen */
.tattoo-detail-ad-bottom .adslot.adtext{
  max-width:760px!important;
  padding:12px 16px!important;
  border:1px solid #333!important;
  background:#141414!important;
}
.tattoo-detail-ad-bottom .adslot.adtext strong{
  font-size:17px!important;
}
.tattoo-detail-ad-bottom .adslot.adtext em{
  font-size:14px!important;
}

/* Sicherstellen, dass Sharebox nicht als Anzeigen-Außencontainer wirkt */
.sharebox .adslot{
  margin:0!important;
}


/* Alpha 1.4.1: finale Korrektur Detailseiten-Anzeigen + Copy Buttons */
.tattoo-detail-ad-top{
  margin:0 0 22px!important;
}
.tattoo-detail-ad-bottom{
  margin:18px 0 20px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.tattoo-detail-ad-bottom .adslot{
  margin:0 auto!important;
}
.copylink,
.copy-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:8px!important;
  border:0!important;
  background:#8b0000!important;
  color:#fff!important;
  font-weight:700!important;
  cursor:pointer!important;
}


/* Alpha 1.4.2: Tattoo-Detailseite komplett sauber getrennt */
.tattoo-detail{
  display:block;
}
.tattoo-detail-ad{
  width:100%;
  margin:20px 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.tattoo-detail-ad-top{
  margin:0 0 24px!important;
}
.tattoo-detail-ad-bottom{
  margin:20px 0 22px!important;
}
.tattoo-detail-ad .adslot{
  margin:0 auto!important;
}
.tattoo-detail-ad-bottom .adslot.adtext{
  max-width:760px!important;
  padding:14px 18px!important;
  background:#151515!important;
  border:1px solid #333!important;
}
.tattoo-detail-ad-bottom .adslot.adtext strong{
  font-size:17px!important;
}
.tattoo-detail-ad-bottom .adslot.adtext em{
  font-size:14px!important;
}
.sharebox{
  clear:both;
}
.copylink,
.copy-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:8px!important;
  border:0!important;
  background:#8b0000!important;
  color:#fff!important;
  font-weight:700!important;
  cursor:pointer!important;
}


/* Alpha 1.4.3: Detailseite stabil + Textanzeige bevorzugt */
.tattoo-detail-ad-top{
  margin:0 0 24px!important;
}
.tattoo-detail-ad-bottom{
  margin:20px 0 22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.tattoo-detail-ad-bottom .adslot.adtext{
  max-width:760px!important;
  padding:14px 18px!important;
  background:#151515!important;
  border:1px solid #333!important;
  text-align:center!important;
}
.tattoo-detail-ad-bottom .adslot.adtext strong{
  display:block!important;
  font-size:17px!important;
}
.tattoo-detail-ad-bottom .adslot.adtext em{
  display:block!important;
  font-size:14px!important;
  margin-top:4px!important;
}


/* Alpha 1.4.4: stabile Detailseite + Textlink-Priorität */
.tattoo-detail-ad-top{
  margin:0 0 24px!important;
}
.tattoo-detail-ad-bottom{
  margin:20px 0 22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.tattoo-detail-ad .adslot{
  margin:0 auto!important;
}
.tattoo-detail-ad-bottom .adslot.adtext{
  max-width:760px!important;
  padding:14px 18px!important;
  background:#151515!important;
  border:1px solid #333!important;
  text-align:center!important;
}
.tattoo-detail-ad-bottom .adslot.adtext strong{
  display:block!important;
  font-size:17px!important;
}
.tattoo-detail-ad-bottom .adslot.adtext em{
  display:block!important;
  font-size:14px!important;
  margin-top:4px!important;
}
.copylink,.copy-link,.copy{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:8px!important;
  border:0!important;
  background:#8b0000!important;
  color:#fff!important;
  font-weight:700!important;
  cursor:pointer!important;
}


/* Alpha 1.4.5: Top-Anzeige standardmäßig sichtbar + untere Anzeige als Textlink */
.tattoo-detail-ad-top{
  margin:0 0 24px!important;
}
.tattoo-detail-ad-bottom{
  margin:20px 0 22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.tattoo-detail-ad-bottom .adslot.adtext{
  max-width:760px!important;
  padding:14px 18px!important;
  background:#151515!important;
  border:1px solid #333!important;
  text-align:center!important;
}
.tattoo-detail-ad-bottom .adslot.adtext strong{
  display:block!important;
  font-size:17px!important;
}
.tattoo-detail-ad-bottom .adslot.adtext em{
  display:block!important;
  font-size:14px!important;
  margin-top:4px!important;
}


/* Alpha 1.4.6: Admin-Einstellungen Werbeplätze */
.settings-section{
  background:#111;
  border:1px solid #333;
  border-radius:10px;
  padding:14px;
  margin:14px 0;
}
.settings-section h3{
  margin-top:0;
}
.checkline{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:10px 0!important;
  line-height:1.35!important;
}
.checkline input[type="checkbox"]{
  width:auto!important;
  min-width:18px!important;
  height:18px!important;
  margin-top:1px!important;
  flex:0 0 auto!important;
}
.fieldhint{
  color:#aaa;
  font-size:13px;
}


/* Alpha 1.4.7: stabile Adminsettings + sichtbarer Werbemodus */
.tattoo-detail-ad-bottom .adslot.adtext,
.adslot.adtext{
  text-align:center!important;
}
.adslot.adtext strong{
  display:block!important;
}
.adslot.adtext em{
  display:block!important;
  margin-top:4px!important;
}


/* Alpha 1.4.8: Tattoo-Navigation + Archiv-Vorschläge */
.tattoo-neighbor-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:14px 0 18px;
}
.tattoo-neighbor-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:9px;
  background:#8b0000;
  color:#fff!important;
  text-decoration:none;
  font-weight:700;
  border:1px solid #b30000;
}
.tattoo-neighbor-nav a:hover{
  background:#b00000;
}
.tattoo-neighbor-nav.bottom{
  margin-top:22px;
}
.swipe-detail{
  touch-action:pan-y;
}
.suggestbox{
  background:#151515;
  border:1px solid #333;
  border-left:5px solid #8b0000;
  border-radius:12px;
  padding:16px;
  margin:20px 0;
}
@media(max-width:640px){
  .tattoo-neighbor-nav{
    flex-direction:column;
    align-items:stretch;
  }
  .tattoo-neighbor-nav a{
    width:100%;
  }
}


/* Alpha 1.4.9: Tattoo-Navigation dezenter und unter Bild/Beschreibung */
.tattoo-neighbor-nav.compact{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:14px 0 18px;
  padding:0;
}
.tattoo-neighbor-nav.compact a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border-radius:7px;
  background:#242424;
  color:#eee!important;
  text-decoration:none;
  font-weight:600;
  font-size:13px;
  border:1px solid #555;
  box-shadow:none;
}
.tattoo-neighbor-nav.compact a:hover{
  background:#7a0000;
  border-color:#a00000;
}
@media(max-width:640px){
  .tattoo-neighbor-nav.compact{
    flex-direction:row;
    justify-content:space-between;
  }
  .tattoo-neighbor-nav.compact a{
    flex:1 1 auto;
    font-size:13px;
    padding:8px 10px;
  }
}

/* Alpha 1.5.0: Auth/E-Mail Ergänzungen */
.hint{color:#aaa;font-size:14px}


/* Alpha 1.5.1 Newsletter Queue / Limits */
.newsletter-help code,
.fieldhint code{
  background:#222;
  border:1px solid #444;
  padding:2px 5px;
  border-radius:5px;
}


/* Alpha 1.5.2 Newsletter Editor Verbesserungen */
.newsletter-editor{
  min-height:260px!important;
  background:#0f0f0f!important;
  color:#eee!important;
  border:1px solid #444!important;
  border-radius:10px!important;
  padding:18px!important;
  line-height:1.55!important;
}
.newsletter-editor a{
  color:#ddd;
}
.editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
}
.editor-toolbar button{
  background:#222;
  color:#fff;
  border:1px solid #555;
  border-radius:7px;
  padding:7px 10px;
  cursor:pointer;
}
.editor-toolbar button:hover{
  background:#8b0000;
}
.newsletter-preview{
  width:100%;
  min-height:260px;
  background:#fff;
  border:1px solid #555;
  border-radius:10px;
}
.newsletter-help{
  background:#111;
  border:1px solid #333;
  border-radius:8px;
  padding:10px;
  margin:8px 0 12px;
}


/* Alpha 1.5.3 Mailtransport */
.profilebox select{
  width:100%;
}


/* Alpha 1.5.4: Newsletter-Historie Detailansicht */
.detail-preview{
  min-height:420px;
}
.codeview{
  width:100%;
  box-sizing:border-box;
  background:#0f0f0f;
  color:#eee;
  border:1px solid #444;
  border-radius:8px;
  padding:10px;
  font-family:ui-monospace,Consolas,monospace;
}
.badge{
  display:inline-block;
  background:#222;
  border:1px solid #555;
  border-radius:999px;
  padding:3px 8px;
  margin:2px;
  font-size:12px;
}


/* Alpha 1.5.5: Newsletter-Abmeldungen */
.compact-search{
  max-width:620px;
}
.admintable .btn.small{
  white-space:nowrap;
}


/* Alpha 1.5.6 Newsletter-Historie Aufräumen */
.btn.danger{
  background:#5a0000!important;
  border-color:#aa3333!important;
}


/* Alpha 1.5.7: Texte & Inhalte + Impressum-Popup */
.modal-backdrop[hidden]{display:none!important}
.modal-backdrop{
  position:fixed;
  z-index:9999;
  inset:0;
  background:rgba(0,0,0,.78);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.modal-box{
  position:relative;
  width:min(920px,96vw);
  max-height:88vh;
  overflow:auto;
  background:#111;
  color:#eee;
  border:1px solid #555;
  border-radius:14px;
  box-shadow:0 20px 80px rgba(0,0,0,.6);
  padding:24px;
}
.modal-close{
  position:sticky;
  float:right;
  top:0;
  right:0;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid #666;
  background:#8b0000;
  color:#fff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.modal-content{
  clear:both;
  line-height:1.6;
}
body.modal-open{
  overflow:hidden;
}
.profilebox textarea{
  width:100%;
  min-height:80px;
}
.fieldhint{
  color:#aaa;
  font-size:13px;
}


/* Alpha 1.5.8: Impressum-Popup Feinschliff */
.modal-box{
  position:relative;
}
.modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  border-radius:50%;
  background:#9b0000;
  border:1px solid #d55;
  color:#fff;
  font-size:28px;
  font-weight:700;
  line-height:1;
  text-align:center;
}
.modal-close span{
  display:block;
  line-height:1;
  transform:translateY(-1px);
}
.modal-content{
  padding-top:6px;
}


/* Alpha 1.5.9: Texte & Inhalte sichtbare Standardwerte */
.profilebox textarea{
  min-height:92px;
}
.fieldhint{
  color:#aaa;
  font-size:13px;
  line-height:1.45;
}


/* Alpha 1.6.0: Textplatzhalter Hinweis */
.fieldhint code{
  background:#222;
  border:1px solid #444;
  padding:2px 5px;
  border-radius:5px;
}

/* Alpha 1.6.1: Studio-Ergänzungsvorschläge */
.fieldhint{color:#aaa;font-size:13px;line-height:1.4}
.checkline{display:flex!important;align-items:flex-start!important;gap:10px!important}
.checkline input[type="checkbox"]{width:auto!important;margin-top:3px!important}
.admintable td{vertical-align:top}


/* Alpha 1.6.2: Topliste + Archiv-Titelergänzung */
.toplist-hero{
  background:linear-gradient(135deg,#1b1b1b,#090909);
  border:1px solid #333;
  border-left:5px solid #8b0000;
  border-radius:14px;
  padding:22px;
  margin-bottom:22px;
}
.toplist-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.toplist-tabs .active{
  background:#b00000!important;
}
.toplist{
  display:grid;
  gap:14px;
}
.topitem{
  display:grid;
  grid-template-columns:72px 150px 1fr;
  gap:14px;
  align-items:center;
  background:#171717;
  border:1px solid #333;
  border-radius:14px;
  padding:12px;
}
.toprank{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#8b0000;
  border:1px solid #c33;
  color:#fff!important;
  font-size:22px;
  font-weight:900;
}
.topitem img{
  width:150px;
  height:150px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #333;
}
.topitem h2{
  margin:0 0 6px;
}
.topitem p{
  margin:4px 0;
  color:#ccc;
}
@media(max-width:700px){
  .topitem{
    grid-template-columns:56px 96px 1fr;
    gap:10px;
  }
  .toprank{
    width:46px;
    height:46px;
    font-size:17px;
  }
  .topitem img{
    width:96px;
    height:96px;
  }
  .topitem h2{
    font-size:17px;
  }
}


/* Alpha 1.6.3: Topliste auf Desktop zentrieren */
.toplist{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
.toplist-hero{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
.topitem{
  width:100%;
}
@media(max-width:700px){
  .toplist,
  .toplist-hero{
    max-width:none;
    width:100%;
  }
}


/* Alpha 1.6.4: Upload-Studio-Auswahl */
.studio-upload-box{
  background:#151515;
  border:1px solid #333;
  border-radius:12px;
  padding:16px;
  margin:18px 0;
}
.studio-upload-box h2{
  margin-top:0;
}
.studio-upload-box > label{
  display:block;
  margin:10px 0;
}
.studio-upload-box input[type="radio"]{
  width:auto;
  margin-right:8px;
}
.studio-existing-fields,
.studio-new-fields{
  display:none;
  padding:12px;
  margin:8px 0 12px;
  background:#101010;
  border:1px solid #333;
  border-radius:10px;
}
.studio-upload-box.mode-existing .studio-existing-fields{
  display:block;
}
.studio-upload-box.mode-new .studio-new-fields{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:12px;
}


/* Alpha 1.6.5: Studio-Ort als Pflichtangabe */
.studio-new-fields label{
  min-width:0;
}


/* Alpha 1.6.7: Upload-Hinweis */
.fieldhint{
  color:#aaa;
  font-size:13px;
  line-height:1.4;
}


/* Alpha 1.7.0: Upload-Freigabe ohne Bild vermeiden */
.missing-upload-image{
  width:220px;
  min-height:120px;
  border:1px dashed #777;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#bbb;
  background:#111;
  padding:12px;
  text-align:center;
}
.admin-upload-thumb{
  max-width:220px;
  max-height:220px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid #444;
}


/* Alpha 1.7.2: robuste Admin-Bildvorschau */
.admin-upload-thumb{
  max-width:220px;
  max-height:220px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid #444;
  background:#111;
}
.admin-upload-thumb.tiny{
  max-width:90px;
  max-height:90px;
}
.missing-upload-image{
  width:220px;
  min-height:120px;
  border:1px dashed #777;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#bbb;
  background:#111;
  padding:12px;
  text-align:center;
}


/* Alpha 1.7.4: öffentliche Nutzerprofile */
.profile-public{
  max-width:980px;
  margin:0 auto;
}
.public-profile-text{
  margin:14px 0 24px;
  line-height:1.6;
}
a[href^="/user/"]{
  font-weight:700;
}


/* Alpha 1.7.5: E-Mail-Domainprüfung */
.profilebox code{
  background:#222;
  border:1px solid #444;
  padding:2px 5px;
  border-radius:5px;
}


/* Alpha 1.7.6: erweiterte Profile & Studiokontakt */
.profile-public{
  max-width:980px;
  margin:0 auto;
}
.public-profile-text,
.studio-profilebox{
  margin:14px 0 24px;
  line-height:1.6;
  background:#171717;
  border:1px solid #333;
  border-radius:12px;
  padding:16px;
}
.studio-logo{
  max-width:180px;
  max-height:180px;
  object-fit:contain;
  border-radius:10px;
  border:1px solid #444;
  margin-bottom:12px;
}
.checkline{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.checkline input[type="checkbox"]{
  width:auto!important;
  margin-top:3px!important;
}


/* Alpha 1.7.7: Anti-Spam Einstellungen */
.checkline{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.checkline input[type="checkbox"]{
  width:auto!important;
  margin-top:3px!important;
}
.fieldhint{
  color:#aaa;
  font-size:13px;
  line-height:1.45;
}


/* Alpha 1.7.9: erweitertes eigenes Profil */
.profilebox .formgrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.checkline{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.checkline input[type="checkbox"]{
  width:auto!important;
  margin-top:3px!important;
}
.fieldhint{
  color:#aaa;
  font-size:13px;
  line-height:1.45;
}


/* Alpha 1.8.0: Profilformular sicher anzeigen */
.user-profile-edit label{
  margin-bottom:12px;
}
.profilebox .formgrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.checkline{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.checkline input[type="checkbox"]{
  width:auto!important;
  margin-top:3px!important;
}


/* Alpha 1.8.1: robustes Nutzerprofil über separate Tabellen */
.user-profile-edit label{
  margin-bottom:12px;
}
.profilebox .formgrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.checkline{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.checkline input[type="checkbox"]{
  width:auto!important;
  margin-top:3px!important;
}


/* Alpha 1.8.3: Studio-Kontakt-Popup */
.studio-contact-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.82);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.studio-contact-modal{
  position:relative;
  width:min(760px,96vw);
  height:min(760px,92vh);
  background:#111;
  border:1px solid #8b0000;
  border-radius:14px;
  box-shadow:0 20px 80px rgba(0,0,0,.7);
  overflow:hidden;
}
.studio-contact-modal iframe{
  width:100%;
  height:100%;
  border:0;
  background:#111;
}
.studio-contact-close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid #fff;
  background:#9b0000;
  color:#fff;
  font-size:30px;
  line-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
body.modal-open{
  overflow:hidden;
}
.studio-contact-form textarea{
  min-height:160px;
}


/* Alpha 1.8.4: Studio-E-Mail immer verborgen */
.fieldhint{
  color:#aaa;
  font-size:13px;
}


/* Alpha 1.8.5: Studio-E-Mail-Ausgabe hart entfernt */
.studio-email-hidden-note{
  color:#aaa;
  font-size:13px;
}


/* Alpha 1.8.6: Studio-Profil wieder vollständig anzeigen */
.studio-profilebox{
  background:#171717;
  border:1px solid #333;
  border-radius:14px;
  padding:22px;
  margin:24px 0;
  line-height:1.55;
}
.studio-profilebox h1{
  margin-top:0;
}
.studio-logo{
  max-width:180px;
  max-height:180px;
  object-fit:contain;
  border-radius:10px;
  border:1px solid #444;
  margin-bottom:14px;
}
.admin-actions{
  border:1px solid #9b0000;
  background:#210808;
  border-radius:10px;
  padding:14px;
  margin:18px 0;
}


/* Alpha 1.8.7: konservative Studio-Detailseite */
.studio-profilebox{
  background:#171717;
  border:1px solid #333;
  border-radius:14px;
  padding:22px;
  margin:24px 0;
  line-height:1.55;
}
.studio-profilebox h1{
  margin-top:0;
}


/* Alpha 1.8.8: Studio-Detail Fehlerfang */
.studio-profilebox{
  background:#171717;
  border:1px solid #333;
  border-radius:14px;
  padding:22px;
  margin:24px 0;
  line-height:1.55;
}


/* Alpha 1.8.9: Studio-Kontakt ohne Checkbox */
.studio-profilebox{
  background:#171717;
  border:1px solid #333;
  border-radius:14px;
  padding:22px;
  margin:24px 0;
  line-height:1.55;
}
.studio-profilebox h1{ margin-top:0; }


/* Alpha 1.9.2: reines Kontaktformular im Popup */
.modal-form-body{
  background:#0f0f0f!important;
  color:#fff!important;
  margin:0!important;
  padding:0!important;
  overflow:auto;
}
.modal-form-main{
  padding:22px;
}
.modal-form-main h1{
  margin-top:0;
  font-size:26px;
}
.modal-form-main .profilebox{
  margin:0;
  border-radius:12px;
}
.modal-form-main .adbox,
.modal-form-main .sharebox,
.modal-form-main .site-header,
.modal-form-main .topnav,
.modal-form-main footer{
  display:none!important;
}
.modal-success{
  text-align:center;
  padding:28px;
}


/* Alpha 1.9.3: robuste Tattoo-Vor/Zurück-Navigation */
.tattoo-neighbor-nav{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  margin:18px 0 20px;
  flex-wrap:wrap;
}
.tattoo-neighbor-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:8px;
  background:#2a2a2a;
  border:1px solid #555;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.tattoo-neighbor-nav a:hover{
  background:#8b0000;
  border-color:#c00;
}


/* Alpha 1.9.4: Tattoo-Navigation ohne Kreis-Sprung */
.tattoo-neighbor-nav{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  margin:18px 0 20px;
  flex-wrap:wrap;
}
.tattoo-neighbor-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:8px;
  background:#2a2a2a;
  border:1px solid #555;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.tattoo-neighbor-nav a:hover{
  background:#8b0000;
  border-color:#c00;
}


/* Alpha 1.9.5: Ausstieg am Kategorie-Ende */
.tattoo-discovery-nav{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin:10px 0 22px;
  padding:12px;
  border:1px solid #333;
  border-radius:12px;
  background:#151515;
}
.tattoo-discovery-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:8px;
  background:#111;
  border:1px solid #555;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.tattoo-discovery-nav a:hover{
  background:#8b0000;
  border-color:#c00;
}


/* Alpha 1.9.6: einfache globale Tattoo-Navigation */
.tattoo-neighbor-nav{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:10px;
  align-items:center;
  margin:18px 0 20px;
}
.tattoo-neighbor-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:8px;
  background:#2a2a2a;
  border:1px solid #555;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  min-height:40px;
}
.tattoo-neighbor-nav a:hover{
  background:#8b0000;
  border-color:#c00;
}
.tattoo-neighbor-nav .tattoo-prev,
.tattoo-neighbor-nav .tattoo-nav-prev{
  justify-self:start;
}
.tattoo-neighbor-nav .tattoo-next,
.tattoo-neighbor-nav .tattoo-nav-next{
  justify-self:end;
}
.tattoo-neighbor-nav .tattoo-nav-middle{
  justify-self:center;
  background:#111;
}
@media(max-width:640px){
  .tattoo-neighbor-nav{
    grid-template-columns:1fr;
  }
  .tattoo-neighbor-nav a,
  .tattoo-neighbor-nav .tattoo-nav-middle{
    justify-self:stretch!important;
  }
}


/* Alpha 1.9.7: Nutzer-Profilfoto */
.profile-avatar-edit{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin:12px 0 18px;
  padding:14px;
  border:1px solid #333;
  border-radius:12px;
  background:#151515;
}
.profile-avatar-img,
.profile-avatar-placeholder{
  width:110px;
  height:110px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #8b0000;
  background:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:42px;
  font-weight:900;
  color:#fff;
  flex:0 0 auto;
}
.profile-avatar-public{
  display:flex;
  justify-content:center;
  margin:8px 0 18px;
}
.profile-avatar-public .profile-avatar-img,
.profile-avatar-public .profile-avatar-placeholder{
  width:140px;
  height:140px;
  font-size:54px;
}


/* Alpha 1.9.8: Admin-Trinkgeld-Popup */
.tip-modal-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  background:rgba(0,0,0,.82);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.tip-modal-overlay[hidden]{
  display:none!important;
}
.tip-modal{
  position:relative;
  width:min(880px,96vw);
  max-height:92vh;
  overflow:auto;
  background:#111;
  border:1px solid #8b0000;
  border-radius:16px;
  box-shadow:0 20px 80px rgba(0,0,0,.7);
  padding:24px;
}
.tip-modal-close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid #fff;
  background:#9b0000;
  color:#fff;
  font-size:30px;
  line-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.tip-methods{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
}
.tip-method{
  background:#181818;
  border:1px solid #333;
  border-radius:12px;
  padding:14px;
  text-align:center;
}
.tip-method h3{
  margin-top:0;
}
.tip-copy{
  width:100%;
  background:#0d0d0d;
  color:#fff;
  border:1px solid #555;
  border-radius:8px;
  padding:10px;
  cursor:pointer;
  word-break:break-word;
  white-space:normal;
  line-height:1.35;
}
.tip-copy:hover{
  border-color:#c00;
}
.tip-qr{
  width:180px;
  min-height:180px;
  background:#fff;
  border-radius:8px;
  margin:12px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tip-qr svg{display:block;width:180px;height:180px}.qr-error{color:#111;font-weight:700;text-align:center;padding:12px}


/* Alpha 1.9.9: lokale QR-SVGs */
.tip-qr{
  width:180px;
  min-height:180px;
  background:#fff;
  border-radius:8px;
  margin:12px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tip-qr svg{
  display:block;
  width:180px;
  height:180px;
}
.qr-error{
  color:#111;
  font-weight:700;
  text-align:center;
  padding:12px;
}


/* Alpha 2.0.0: Trinkgeld im Admin-Profil und klickbare Nutzerbezüge */
.admin-profile-tipbox{
  display:flex;
  justify-content:center;
  margin:10px 0 18px;
}
.profile-public .admin-profile-tipbox .btn{
  font-size:15px;
  padding:10px 16px;
}


/* Alpha 2.0.1: Admin-Trinkgeld im Profil klickbar */
.admin-profile-tipbox{
  position:relative;
  z-index:5;
  display:flex;
  justify-content:center;
  margin:12px 0 20px;
}
.admin-profile-tipbox .tip-modal-open{
  cursor:pointer;
  pointer-events:auto;
}
.tip-modal-overlay{
  z-index:20000!important;
}
.tip-modal{
  pointer-events:auto;
}


/* Alpha 2.0.2: Trinkgeld-Felder einzeln kopierbar */
.tip-fields{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.tip-field-row{
  text-align:left;
}
.tip-field-label{
  display:block;
  font-size:12px;
  color:#aaa;
  margin:0 0 4px;
  font-weight:700;
}
.tip-copy{
  width:100%;
  background:#0d0d0d;
  color:#fff;
  border:1px solid #555;
  border-radius:8px;
  padding:10px;
  cursor:pointer;
  word-break:break-word;
  white-space:normal;
  line-height:1.35;
}
.tip-copy:hover{
  border-color:#c00;
}
.tip-copy.copied{
  border-color:#13c46b;
  color:#13c46b;
}
.tip-method-paypal .tip-qr,
.tip-method-bank .tip-qr{
  display:none!important;
}


/* Alpha 2.0.3: manueller Kopier-Fallback im Trinkgeld-Popup */
.tip-manual-copy{
  margin-top:10px;
  padding:10px;
  border:1px solid #555;
  border-radius:8px;
  background:#0d0d0d;
  text-align:left;
}
.tip-manual-copy p{
  margin:0 0 8px;
  color:#ddd;
  font-size:13px;
}
.tip-manual-copy textarea{
  width:100%;
  min-height:80px;
  background:#111;
  color:#fff;
  border:1px solid #777;
  border-radius:6px;
  padding:8px;
  resize:vertical;
}


/* Alpha 2.0.10: Archiv-Cleanup-Box immer sichtbar */
.archive-cleanup-box{
  border-color:#9b0000;
  background:#1d0909;
}
.archive-cleanup-box h2{
  margin-top:0;
}


/* Alpha 2.0.11: Trinkgeld-Popup wieder sauber zentriert */
body.modal-open{ overflow:hidden; }
.tip-modal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  background:rgba(0,0,0,.86)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
.tip-modal-overlay[hidden]{ display:none!important; }
.tip-modal{
  position:relative!important;
  width:min(760px,94vw)!important;
  max-height:88vh!important;
  overflow:auto!important;
  background:#111!important;
  border:1px solid #9b0000!important;
  border-radius:16px!important;
  box-shadow:0 20px 80px rgba(0,0,0,.85)!important;
  padding:24px!important;
}
.tip-modal-close{
  position:sticky!important;
  float:right!important;
  top:0!important;
  margin:-8px -8px 8px 12px!important;
  z-index:1000000!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  border:1px solid #fff!important;
  background:#9b0000!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.tip-modal h2{ margin-top:0!important; }
.tip-intro{ margin-bottom:16px!important; }
.tip-methods{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:14px!important;
}
.tip-method{
  background:#181818!important;
  border:1px solid #333!important;
  border-radius:12px!important;
  padding:14px!important;
  text-align:center!important;
}
.tip-method h3{ margin-top:0!important; }
.tip-copy{
  width:100%!important;
  background:#0d0d0d!important;
  color:#fff!important;
  border:1px solid #555!important;
  border-radius:8px!important;
  padding:10px!important;
  cursor:pointer!important;
  word-break:break-word!important;
  white-space:normal!important;
  line-height:1.35!important;
}
.tip-copy:hover{ border-color:#c00!important; }
.tip-copy.copied{ border-color:#13c46b!important; color:#13c46b!important; }
.tip-qr{
  width:170px!important;
  min-height:170px!important;
  background:#fff!important;
  border-radius:8px!important;
  margin:12px auto 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.tip-qr svg{ width:170px!important; height:170px!important; }

.profile-avatar-edit{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin:12px 0 18px;
  padding:14px;
  border:1px solid #333;
  border-radius:12px;
  background:#151515;
}
.profile-avatar-img,
.profile-avatar-placeholder{
  width:110px;
  height:110px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #8b0000;
  background:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:42px;
  font-weight:900;
  color:#fff;
  flex:0 0 auto;
}
.profile-avatar-public{
  display:flex;
  justify-content:center;
  margin:8px 0 18px;
}
.profile-avatar-public .profile-avatar-img,
.profile-avatar-public .profile-avatar-placeholder{
  width:140px;
  height:140px;
  font-size:54px;
}


/* Alpha 2.0.12: Modal und Profilbild finalisiert */
body.modal-open{
  overflow:hidden!important;
}
.tip-modal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  background:#050505!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
.tip-modal-overlay[hidden]{
  display:none!important;
}
.tip-modal{
  position:relative!important;
  width:min(760px,94vw)!important;
  max-height:88vh!important;
  overflow:auto!important;
  background:#111!important;
  border:1px solid #9b0000!important;
  border-radius:16px!important;
  box-shadow:0 20px 80px rgba(0,0,0,.9)!important;
  padding:24px!important;
}
.tip-modal-close{
  position:sticky!important;
  float:right!important;
  top:0!important;
  margin:-8px -8px 8px 12px!important;
  z-index:2147483001!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  border:1px solid #fff!important;
  background:#9b0000!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.tip-modal h2{ margin-top:0!important; }
.tip-intro{ margin-bottom:16px!important; }
.tip-methods{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:14px!important;
}
.tip-method{
  background:#181818!important;
  border:1px solid #333!important;
  border-radius:12px!important;
  padding:14px!important;
  text-align:center!important;
}
.tip-method h3{ margin-top:0!important; }
.tip-copy{
  width:100%!important;
  background:#0d0d0d!important;
  color:#fff!important;
  border:1px solid #555!important;
  border-radius:8px!important;
  padding:10px!important;
  cursor:pointer!important;
  word-break:break-word!important;
  white-space:normal!important;
  line-height:1.35!important;
}
.tip-copy:hover{ border-color:#c00!important; }
.tip-copy.copied{ border-color:#13c46b!important; color:#13c46b!important; }
.tip-qr{
  width:170px!important;
  min-height:170px!important;
  background:#fff!important;
  border-radius:8px!important;
  margin:12px auto 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.tip-qr svg{ width:170px!important; height:170px!important; }

.profile-avatar-edit{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  flex-wrap:wrap!important;
  margin:12px 0 18px!important;
  padding:14px!important;
  border:1px solid #333!important;
  border-radius:12px!important;
  background:#151515!important;
}
.profile-avatar-img,
.profile-avatar-placeholder{
  width:110px!important;
  height:110px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid #8b0000!important;
  background:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:42px!important;
  font-weight:900!important;
  color:#fff!important;
  flex:0 0 auto!important;
}
.profile-avatar-public{
  display:flex!important;
  justify-content:center!important;
  margin:8px 0 18px!important;
}
.profile-avatar-public .profile-avatar-img,
.profile-avatar-public .profile-avatar-placeholder{
  width:140px!important;
  height:140px!important;
  font-size:54px!important;
}


/* Alpha 2.0.13: empfohlene Bannergröße */
.adslot.adimage .adimage-frame{
  max-width:728px;
  margin-left:auto;
  margin-right:auto;
}
.adslot.adimage img{
  max-width:100%;
  height:auto;
  object-fit:contain;
}


/* Alpha 2.0.14: Bannergrößen-Hinweis im Backend */
.banner-size-hint{
  border-color:#8b0000;
  background:#151010;
  margin:14px 0 18px;
}
.banner-size-hint h2{
  margin-top:0;
}
.banner-size-hint ul{
  margin:10px 0 0 18px;
}
.banner-size-hint li{
  margin:5px 0;
}


/* Alpha 2.0.16: Regression-Fixes */
body.modal-open{overflow:hidden!important;}
.tip-modal-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;background:#050505!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;}
.tip-modal-overlay[hidden]{display:none!important;}
.tip-modal{position:relative!important;width:min(760px,94vw)!important;max-height:88vh!important;overflow:auto!important;background:#111!important;border:1px solid #9b0000!important;border-radius:16px!important;box-shadow:0 20px 80px rgba(0,0,0,.9)!important;padding:24px!important;}
.tip-modal-close{position:sticky!important;float:right!important;top:0!important;margin:-8px -8px 8px 12px!important;z-index:2147483001!important;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid #fff!important;background:#9b0000!important;color:#fff!important;font-size:30px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;}
.tip-methods{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:14px!important;}
.tip-method{background:#181818!important;border:1px solid #333!important;border-radius:12px!important;padding:14px!important;text-align:center!important;}
.tip-copy{width:100%!important;background:#0d0d0d!important;color:#fff!important;border:1px solid #555!important;border-radius:8px!important;padding:10px!important;cursor:pointer!important;word-break:break-word!important;white-space:normal!important;line-height:1.35!important;}
.tip-copy.copied{border-color:#13c46b!important;color:#13c46b!important;}
.tip-qr{width:170px!important;min-height:170px!important;background:#fff!important;border-radius:8px!important;margin:12px auto 0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.tip-qr svg{width:170px!important;height:170px!important;}
.profile-avatar-edit{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;margin:12px 0 18px!important;padding:14px!important;border:1px solid #333!important;border-radius:12px!important;background:#151515!important;}
.profile-avatar-img,.profile-avatar-placeholder{width:110px!important;height:110px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #8b0000!important;background:#111!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:42px!important;font-weight:900!important;color:#fff!important;flex:0 0 auto!important;}
.profile-avatar-public{display:flex!important;justify-content:center!important;margin:8px 0 18px!important;}
.profile-avatar-public .profile-avatar-img,.profile-avatar-public .profile-avatar-placeholder{width:140px!important;height:140px!important;font-size:54px!important;}
.banner-size-hint{border-color:#8b0000;background:#151010;margin:14px 0 18px;}
.banner-size-hint h2{margin-top:0;}
.banner-size-hint ul{margin:10px 0 0 18px;}
.banner-size-hint li{margin:5px 0;}
.adslot.adimage .adimage-frame{max-width:728px;margin-left:auto;margin-right:auto;}
.adslot.adimage img{max-width:100%;height:auto;object-fit:contain;}


/* Alpha 2.0.17: Tattoo-Teilen-Box sichtbar */
.sharebox{
  margin:22px 0;
  padding:16px;
  border:1px solid #333;
  border-radius:12px;
  background:#151515;
  text-align:center;
}
.sharebox h2{
  margin-top:0;
}
.share-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.share-actions .btn,
.share-actions a.btn,
.share-actions button.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 13px;
}
.share-url{
  word-break:break-all;
  margin-top:10px;
}
.share-copy-link.copied{
  border-color:#13c46b!important;
  color:#13c46b!important;
}


/* Alpha 2.0.18: Einheitliche Teilen-Box */
.unified-share-box{
  margin:22px 0;
  padding:16px;
  border:1px solid #333;
  border-radius:12px;
  background:#151515;
  text-align:center;
}
.unified-share-box h2{
  margin-top:0;
}
.unified-share-box p{
  margin:4px 0 12px;
}
.share-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.share-actions .btn,
.share-actions a.btn,
.share-actions button.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 13px;
}
.share-copy-link.copied{
  border-color:#13c46b!important;
  color:#13c46b!important;
}


/* Alpha 2.0.19: Teilen-Box wieder einheitlich, originalnah */
.site-share-box{
  margin:22px 0;
  padding:16px;
  border:1px solid #333;
  border-radius:12px;
  background:#151515;
  text-align:left;
}
.site-share-box h2{
  margin:0 0 4px;
  text-align:left;
}
.site-share-box p{
  margin:0 0 12px;
  color:#ddd;
}
.share-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.sharebtn{
  appearance:none;
  border:0;
  border-radius:7px;
  padding:9px 12px;
  color:#fff!important;
  font-weight:700;
  font-size:14px;
  text-decoration:none!important;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
}
.share-facebook{background:#1877f2!important;}
.share-x{background:#000!important;}
.share-whatsapp{background:#25d366!important;}
.share-telegram{background:#229ed9!important;}
.share-copy-link{background:#9b0000!important;}
.share-copy-link.copied{
  background:#136b35!important;
}


/* Alpha 2.0.30: klare Checkbox-Zuordnung im Admin-Userformular */
.checkline{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:10px 0!important;
  cursor:pointer;
}
.checkline input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  flex:0 0 auto!important;
  margin:0!important;
}
.checkline span{
  display:inline-block!important;
  line-height:1.35!important;
}


/* Alpha 2.0.32: Admin-Tattoo-Aktionen besser sichtbar */
.admintable .btn.small{
  margin:2px 3px 2px 0;
  white-space:nowrap;
}


/* Alpha 2.0.33: Gefällt-mir-Nutzer als Profil-Links */
.liked-by{
  margin-top:10px;
  line-height:1.55;
}
.liked-user-link{
  color:#fff;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:#8b0000;
  text-underline-offset:3px;
}
.liked-user-link:hover{
  color:#ff4b4b;
}


/* Alpha 2.0.34: Like-Nutzerlinks */
.liked-by a.liked-user-link,
.likes a.liked-user-link{
  color:#fff!important;
  font-weight:700;
  text-decoration:underline!important;
  text-decoration-color:#9b0000!important;
  text-underline-offset:3px;
}
.liked-by a.liked-user-link:hover,
.likes a.liked-user-link:hover{
  color:#ff4b4b!important;
}


/* Alpha 2.0.35: Galerie Pagination */
.pagination{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:center;
  margin:28px 0;
  padding:16px;
  border:1px solid #333;
  border-radius:12px;
  background:#151515;
}
.pagination .active{
  background:#700!important;
  color:#fff!important;
}
.page-ellipsis,
.page-count{
  color:#bbb;
  padding:7px 4px;
}


/* Alpha 2.0.44: Eigene Uploads 30 Tage bearbeitbar */
.owner-edit-box{
  margin:14px 0;
  padding:12px;
  border:1px solid #333;
  border-radius:10px;
  background:#151515;
}


/* Alpha 2.0.45: Admin-Bildwerkzeuge */
.admin-preview{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.admin-preview-item{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
}
.admin-image-tools-preview{
  margin:14px 0;
  padding:12px;
  border:1px solid #333;
  border-radius:12px;
  background:#151515;
}
.admin-image-tools-preview img{
  max-width:900px;
  width:100%;
  height:auto;
  display:block;
}
.admin-image-tools-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0;
}