/* Zentraler Footer */
.site-footer{margin-top:40px;border-top:1px solid #202b36;background:#090d12;color:#8395a7;font-size:13px}
.site-footer .site-wrap{width:min(1240px,calc(100% - 40px));margin:auto}
.site-footer .site-footer-inner{min-height:82px;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px}
.site-footer .footer-copyright{flex:0 0 auto;text-align:left;white-space:nowrap}
.site-footer .footer-links{flex:0 0 auto;margin-left:auto!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end!important;gap:8px;text-align:right!important;white-space:nowrap}
.site-footer a{color:#a9bfd3;text-decoration:none}.site-footer a:hover{color:#fff}
@media(max-width:700px){
 .site-footer .site-footer-inner{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:22px 0}
 .site-footer .footer-links{margin-left:0!important;white-space:normal;justify-content:flex-start!important}
}

/* ===== Zentraler Sam's VW World Header ===== */
.site-header{position:sticky;top:0;z-index:1000;width:100%;background:rgba(9,12,16,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.09)}
.site-header .site-wrap{width:min(1240px,calc(100% - 40px));margin:0 auto}
.site-header .site-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-header .site-brand{display:flex;align-items:center;gap:12px;color:#f5f7fa;text-decoration:none;min-width:0}
.site-header .site-logo{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid #52616f;border-radius:11px;background:linear-gradient(180deg,#162331,#0d141b);color:#4ca6ff;font-size:21px;line-height:1;font-weight:800}
.site-header .site-brandtext{display:block;line-height:1.15;white-space:nowrap}
.site-header .site-brandtext strong{display:block;color:#f5f7fa;font-size:16px;font-weight:800}
.site-header .site-brandtext small{display:block;margin-top:4px;color:#aab5c2;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.site-header .site-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.site-header .site-nav a{color:#dce4ec;text-decoration:none;font-size:14px;font-weight:600;transition:color .18s ease}
.site-header .site-nav a:hover{color:#8ac8ff}
@media(max-width:720px){
 .site-header .site-wrap{width:min(100% - 26px,1240px)}
 .site-header .site-head{min-height:68px;gap:14px;flex-wrap:wrap;padding:10px 0 12px}
 .site-header{position:relative!important;top:auto!important}
 .site-header .site-nav{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px 18px;flex-wrap:wrap;margin-left:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
 .site-header .site-nav a{font-size:13px}
}
@media(max-width:430px){
 .site-header .site-brandtext strong{font-size:15px}
 .site-header .site-brandtext small{font-size:9px;letter-spacing:.11em}
 .site-header .site-nav{gap:10px 14px}
}


/* ===== Besucherstatistik im Header ===== */
.header-counter{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px 18px;
  padding:5px 16px 7px;
  box-sizing:border-box;
  border-top:1px solid rgba(255,255,255,.035);
  color:#aeb8c4;
  font-size:9px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:1.65px;
  text-transform:uppercase;
}

.header-counter span{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
}

.header-counter span + span::before{
  content:"·";
  margin-right:18px;
  color:#4d6478;
}

@media(max-width:700px){
  .header-counter{
    gap:5px 10px;
    padding:6px 10px 8px;
    font-size:8px;
    letter-spacing:1.15px;
  }
  .header-counter span + span::before{
    margin-right:10px;
  }
}

/* ===== Samworld Suche im Header ===== */
.site-header .site-search{display:flex;align-items:center;gap:8px;margin:0;padding:0;background:transparent;border:0}
.site-header .site-search-input{box-sizing:border-box;width:190px;height:36px;min-width:0;margin:0!important;padding:0 12px!important;border:1px solid #29465b!important;border-radius:9px!important;background:#0d151d!important;color:#eef6ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 0 0 rgba(22,143,232,0);font-family:inherit!important;font-size:12px!important;font-weight:500!important;line-height:34px!important;outline:none!important;appearance:none!important;-webkit-appearance:none!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.site-header .site-search-input::placeholder{color:#71869a!important;opacity:1}
.site-header .site-search-input:hover{border-color:#3a5b72!important;background:#101b25!important}
.site-header .site-search-input:focus{border-color:#168fe8!important;background:#101b25!important;box-shadow:0 0 0 3px rgba(22,143,232,.12)!important}
.site-header .site-search-input::-webkit-search-cancel-button{filter:invert(.75);opacity:.65}
.site-header .site-search-button{box-sizing:border-box;width:36px;height:36px;display:grid!important;place-items:center!important;flex:0 0 36px;margin:0!important;padding:0!important;border:1px solid #29465b!important;border-radius:9px!important;background:linear-gradient(180deg,#142332,#0e1922)!important;color:#8ac8ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);cursor:pointer;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .12s ease}
.site-header .site-search-button:hover{border-color:#168fe8!important;background:linear-gradient(180deg,#173047,#102334)!important;box-shadow:0 0 0 3px rgba(22,143,232,.10)}
.site-header .site-search-button:active{transform:translateY(1px)}
.site-search-icon{position:relative;display:block;width:12px;height:12px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}
.site-search-icon::after{content:"";position:absolute;width:6px;height:2px;right:-5px;bottom:-3px;border-radius:2px;background:currentColor;transform:rotate(45deg);transform-origin:left center}
@media(max-width:720px){
 .site-header .site-search{flex:1 1 100%;order:20}
 .site-header .site-search-input{width:100%!important;flex:1 1 auto}
 .site-header .site-search-button{width:38px;height:36px;flex-basis:38px}
}

/* ===== Samworld: Seite teilen / weiterempfehlen ===== */
.share-panel{
  width:min(1240px,calc(100% - 40px));
  margin:46px auto 0;
  padding:20px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  box-sizing:border-box;
  border:1px solid #22394b;
  border-radius:12px;
  background:linear-gradient(180deg,#111a23,#0e161e);
  box-shadow:0 14px 34px rgba(0,0,0,.12)
}
.share-panel-text{min-width:0}
.share-panel-title{margin:0 0 5px;color:#f4f7fa;font-size:15px;font-weight:800}
.share-panel-note{margin:0;color:#8296a8;font-size:12px;line-height:1.5}
.share-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.share-button{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0!important;
  padding:0 13px!important;
  box-sizing:border-box;
  border:1px solid #29465b!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#142332,#0e1922)!important;
  color:#cfe7fb!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  cursor:pointer;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .12s ease
}
.share-button:hover{
  border-color:#168fe8!important;
  background:linear-gradient(180deg,#173047,#102334)!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(22,143,232,.10)
}
.share-button:active{transform:translateY(1px)}
.share-button-primary{
  border-color:#168fe8!important;
  background:linear-gradient(180deg,#1a98f2,#117bd0)!important;
  color:#fff!important
}
.share-button-primary:hover{background:linear-gradient(180deg,#25a2f8,#1686da)!important}
.share-icon{font-size:14px;line-height:1}
.share-status{
  width:100%;
  margin-top:9px;
  color:#80c8ff;
  font-size:11px;
  text-align:right
}
@media(max-width:700px){
  .share-panel{
    width:min(100% - 26px,1240px);
    margin-top:34px;
    padding:18px;
    flex-direction:column;
    align-items:flex-start;
    gap:15px
  }
  .share-actions{width:100%;justify-content:flex-start}
  .share-button{flex:1 1 auto}
  .share-status{text-align:left}
}